<div class="counter-list">
    {% for counter in active_counters %}
    <div class="counter-item">
        <div class="counter-avatar">{{ counter.full_name[0] }}</div>
        <div class="counter-info">
            <div class="counter-name">{{ counter.full_name }}</div>
            <div class="counter-location">📍 {{ counter.location_name }}</div>
        </div>
        <div class="counter-time">{{ counter.start_timestamp[11:16] }}</div>
    </div>
    {% endfor %}
</div>