{% extends 'cards/timer.html' %}

{% block header %}Active Timers{% endblock %}

{% block title %}
    {% with instances|length as count %}
        <strong>{{ count }}</strong> active timer{{ count|pluralize }}
    {% endwith %}
{% endblock %}

{% block listgroup %}
    <ul class="list-group list-group-flush">
    {% for instance in instances %}
        <a href="{% url 'timer-detail' instance.id %}" class="list-group-item list-group-item-action">
            <strong>{{ instance }}</strong> <p class="text-muted small m-0">Started by {{ instance.user }} at {{ instance.start|time }}</p>
        </a>
    {% endfor %}
    </ul>
{% endblock %}

{% block footer %}
    Timers help us time things...
{% endblock %}