{% extends 'base.html.twig' %}

{% block title %}Captures{% endblock %}

{% block body %}
    <h1>Captures d'écran</h1>
    <form class="filtres-liste" method="get" action="{{ path('edition_ecrans') }}">
        <label>Logiciel
            <select name="logiciel" data-auto>
                <option value="">Tous</option>
                {% for l in logiciels %}<option value="{{ l.code }}" {{ logiciel is same as(l) ? 'selected' }}>{{ l.nom }}</option>{% endfor %}
            </select>
        </label>
        <label>Type
            <select name="categorie" data-auto>
                <option value="">Tous</option>
                {% for c in categories %}<option value="{{ c.value }}" {{ categorie is same as(c) ? 'selected' }}>{{ c.libelle }}</option>{% endfor %}
            </select>
        </label>
    </form>

    <div class="grille-captures">
        {% for ec in ecrans %}
            <a class="carte-capture" href="{{ path('edition_ecran', {id: ec.id}) }}">
                <img src="{{ path('app_image', {id: ec.id}) }}" alt="" loading="lazy">
                <strong>{{ ec.titre }}</strong>
                {% if ec.categorie.value != 'logiciel' %}<span class="badge">{{ ec.categorie.libelle }}</span>{% endif %}
                <span class="discret">{{ ec.logiciel.nom }}{% if ec.versionLogiciel %} · {{ ec.versionLogiciel }}{% endif %}
                    · {{ ec.zones|length }} zone(s) · utilisée {{ utilisations[ec.id] ?? 0 }} fois</span>
                {% if not ec.anonymisee %}<span class="etat etat-attention">Non visible N1</span>{% endif %}
            </a>
        {% else %}
            <p class="vide">Aucune capture. Elles s'ajoutent depuis la saisie rapide (Ctrl+V) ou le formulaire d'un emplacement.</p>
        {% endfor %}
    </div>
{% endblock %}