{% load staticfiles %}
{% load i18n %}
{% load tags %}

<span class="projector_countdown_spinbox">
    <input class="projector_countdown_spinval" id="countdown_time" name="countdown_time" type="number" min="0" value="{{ countdown_time }}"> {% trans "s" context "seconds" %}
    <a id="countdown_set" class="countdown_control" href="{% url countdown_set_default %}" title="{% trans 'Save as default' %}">
        <img src="{% static 'images/icons/document-save.png' %}" alt="{% url countdown_set_default %}">
    </a>
    <a id="countdown_reset" class="countdown_control" href="{% url countdown_reset %}" title="{% trans 'Reset countdown' %}">
        <img src="{% static 'images/icons/skip-backward.png' %}" alt="{% trans 'Reset countdown' %}">
    </a>
    <a id="countdown_play" class="countdown_control" href="{% url countdown_start %}" title="{% trans 'Start countdown' %}"{% if countdown_state == 'active' %} style="display:none"{% endif %}>
        <img src="{% static 'images/icons/play.png' %}" alt="{% url countdown_start %}">
    </a>
    <a id="countdown_stop" class="countdown_control" href="{% url countdown_stop %}" title="{% trans 'Stop countdown' %}"{% if countdown_state == 'inactive' or countdown_state == 'paused' or countdown_state == 'expired' %} style="display:none"{% endif %}>
        <img src="{% static 'images/icons/pause.png' %}" alt="{% url countdown_stop %}">
    </a>
</span>
