{% extends 'base.html.twig' %}
{% import 'lecture/_macros.html.twig' as m %}

{% block title %}Fonctionnalités {{ erp.nom }} × {{ cms.nom }}{% endblock %}

{% block body %}
    <h1>Fonctionnalités {{ erp.nom }} × {{ cms.nom }}</h1>
    {% if erp.edition %}<p class="discret">{{ erp.edition.libelle }}</p>{% endif %}

    <form class="filtres-liste" method="get" action="{{ path('app_accueil') }}">
        <input type="hidden" name="erp" value="{{ erp.code }}">
        <input type="hidden" name="cms" value="{{ cms.code }}">
        <label>Flux
            <select name="flux" data-auto>
                <option value="">Tous</option>
                {% for v in listeFlux %}<option value="{{ v }}" {{ v == flux ? 'selected' }}>{{ v }}</option>{% endfor %}
            </select>
        </label>
        <label>Donnée
            <select name="donnee" data-auto>
                <option value="">Toutes</option>
                {% for v in listeDonnees %}<option value="{{ v }}" {{ v == donnee ? 'selected' }}>{{ v }}</option>{% endfor %}
            </select>
        </label>
        <label>Statut
            <select name="statut" data-auto>
                <option value="">Tous</option>
                {% for s in statuts %}<option value="{{ s.value }}" {{ s.value == statut ? 'selected' }}>{{ s.symbole }} {{ s.libelle }}</option>{% endfor %}
                <option value="non_renseigne" {{ statut == 'non_renseigne' ? 'selected' }}>Non renseigné</option>
            </select>
        </label>
        <noscript><button type="submit">Filtrer</button></noscript>
    </form>

    {% for titre, lignes in groupes %}
        <section class="groupe">
            <h2>{{ titre }} <span class="compte">{{ lignes|length }}</span></h2>
            <table class="liste">
                <thead><tr><th class="col-code">Code</th><th>Fonctionnalité</th><th class="col-type">Type</th><th class="col-statut">Statut</th></tr></thead>
                <tbody>
                {% for l in lignes %}
                    <tr>
                        <td class="col-code">{{ l.f.code }}</td>
                        <td><a href="{{ path('app_fiche', {code: l.f.code}) }}">{{ l.f.libelle }}</a>
                            {% if l.f.etat.value != 'validee' %}<span class="etat etat-attention">{{ l.f.etat.libelle }}</span>{% endif %}
                        </td>
                        <td class="col-type">{{ l.f.type }}</td>
                        <td class="col-statut">{{ m.statut(l.statut.valeur) }}{% if l.statut.incomplet and l.statut.valeur %}<span class="discret" title="Un des deux côtés n'est pas renseigné dans la matrice"> *</span>{% endif %}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </section>
    {% else %}
        <p class="vide">Aucune fonctionnalité ne correspond à ces filtres.</p>
    {% endfor %}
    <p class="discret">* statut connu d'un seul côté (ERP ou boutique) dans la matrice.</p>
{% endblock %}