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

{% block title %}Le cadencier — Récré{% endblock %}

{% block body %}
{# Le même tableau que côté admin, en lecture seule et sans réglage.
   Ce sont les élèves qui préparent les commandes depuis le lot 6 : leur cacher
   le tableau qu'on ouvre avant de commander revenait à leur demander de décider
   à l'aveugle. #}
<div class="page-large">
    <p class="surtitre">Analyse</p>
    <h1>Le cadencier</h1>

    <p class="chapo">
        Ce qui s'est vendu, produit par produit. La colonne qui compte est la
        <strong>couverture</strong>&nbsp;: combien de temps le stock tient encore, au rythme où le
        produit part. En dessous de 1, il manquera avant la fin de la période suivante.
    </p>

    <form method="get" class="chiffres-filtres">
        <div class="form-group">
            <label for="par">Par</label>
            <select name="par" id="par" class="form-control" onchange="this.form.submit()">
                <option value="semaine" {{ granularite == 'semaine' ? 'selected' : '' }}>Semaine</option>
                <option value="jour" {{ granularite == 'jour' ? 'selected' : '' }}>Jour</option>
            </select>
        </div>
        <noscript><button type="submit" class="btn btn-outline btn-bloc">Afficher</button></noscript>
    </form>

    <div class="cadencier-defilant">
        <table class="cadencier">
            <thead>
                <tr>
                    <th class="colle">Produit</th>
                    {% for colonne in cadencier.colonnes %}
                        <th class="num {{ colonne.enCours ? 'en-cours' : '' }}">{{ colonne.libelle }}</th>
                    {% endfor %}
                    <th class="num sep">Total</th>
                    <th class="num">Stock</th>
                    <th class="num">Couverture</th>
                </tr>
            </thead>
            <tbody>
                {% for ligne in cadencier.lignes %}
                    <tr>
                        <th class="colle">{{ ligne.produit.name }}</th>
                        {% for colonne in cadencier.colonnes %}
                            {% set q = ligne.parPeriode[colonne.cle] ?? 0 %}
                            <td class="num {{ colonne.enCours ? 'en-cours' : '' }} {{ q == 0 ? 'vide' : '' }}">{{ q ?: '·' }}</td>
                        {% endfor %}
                        <td class="num sep fw-semibold">{{ ligne.total }}</td>
                        <td class="num">{{ ligne.stock }}</td>
                        <td class="num">
                            {% if ligne.couverture is null %}
                                <span class="vide">—</span>
                            {% else %}
                                <span class="couverture {{ ligne.couverture < 1 ? 'couverture-courte' : (ligne.couverture < 2 ? 'couverture-juste' : '') }}">
                                    {{ ligne.couverture|number_format(1, ',', ' ') }}
                                </span>
                            {% endif %}
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="{{ cadencier.colonnes|length + 4 }}" class="vide">
                            Rien à afficher pour l'instant.
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    {% set ouvre = association and association.declareSesJoursDOuverture %}
    {# Un seul enfant : `.encart` est un conteneur flex, et chaque élément inline
       posé directement dedans deviendrait une colonne. #}
    <div class="encart">
        <p>
            La dernière colonne est la période <strong>en cours</strong>&nbsp;: elle est incomplète,
            ne la lisez pas comme une chute.
            Le rythme se mesure sur les {{ ouvre ? 'jours d\'ouverture' : 'jours' }} <strong>terminés</strong>,
            depuis la première vente du produit. Un tiret veut dire qu'il n'y a rien à mesurer&nbsp;:
            le produit ne se vend pas, ou c'est un article vendu en coup unique, qu'on ne
            réapprovisionne pas.
        </p>
    </div>

    <p>
        <a href="{{ path('app_commande_index') }}" class="btn btn-primary btn-bloc">Préparer une commande</a>
    </p>
    <p><a href="{{ path('app_stats_front') }}" class="back-link">Retour à nos chiffres</a></p>
</div>
{% endblock %}