{% extends '@EasyAdmin/page/content.html.twig' %}

{% block page_title %}Tableau de bord{% endblock %}

{% macro ecart(valeur) %}
    {%- set n = valeur is null ? 0 : valeur + 0 -%}
    {%- if n < 0 -%}
        <span class="ecart ecart-manque">&darr; {{ valeur|number_format(2, ',', ' ') }}&nbsp;&euro;</span>
    {%- elseif n > 0 -%}
        <span class="ecart ecart-surplus">&uarr; +{{ valeur|number_format(2, ',', ' ') }}&nbsp;&euro;</span>
    {%- else -%}
        <span class="ecart ecart-juste">0,00&nbsp;&euro;</span>
    {%- endif -%}
{% endmacro %}

{% block main %}
    {{ include('aide/_panneau.html.twig') }}

    {% import _self as aff %}

    {# Le chiffre de la semaine en premier : c'est la question qu'on se pose en
       ouvrant le back-office, avant même de savoir ce qui va mal. #}
    <div class="stats-bloc">
        <div class="stats-bloc-entete">
            <h2>Cette semaine</h2>
            <span class="mention"><a href="{{ path('admin_stats', {periode: 'semaine'}) }}">Voir les statistiques</a></span>
        </div>
        <div class="tdb-chiffres">
            <div class="tdb-chiffre">
                <span class="etiquette">Chiffre d'affaires</span>
                <span class="valeur">{{ semaine.total|number_format(2, ',', ' ') }}&nbsp;&euro;</span>
            </div>
            <div class="tdb-chiffre">
                <span class="etiquette">Ventes</span>
                <span class="valeur">{{ semaine.transactions }}</span>
            </div>
            <div class="tdb-chiffre">
                <span class="etiquette">Espèces</span>
                <span class="valeur">{{ semaine.especes|number_format(2, ',', ' ') }}&nbsp;&euro;</span>
            </div>
            <div class="tdb-chiffre">
                <span class="etiquette">SumUp</span>
                <span class="valeur">{{ semaine.sumup|number_format(2, ',', ' ') }}&nbsp;&euro;</span>
            </div>
        </div>
    </div>

    <div class="stats-paire">
        <div class="stats-bloc">
            <div class="stats-bloc-entete">
                <h2>Stock&nbsp;: {{ alertesStock|length }} produit{{ alertesStock|length > 1 ? 's' : '' }} à regarder</h2>
                {% if seuilStock is not null %}
                    <span class="mention">Seuil bas&nbsp;: {{ seuilStock }}</span>
                {% endif %}
            </div>
            <table>
                <thead>
                    <tr><th>Produit</th><th class="num">Stock</th><th>État</th></tr>
                </thead>
                <tbody>
                    {% for alerte in alertesStock %}
                        <tr>
                            <td class="fw-semibold">
                                <a href="{{ ea_url().setController('App\\Controller\\Admin\\ProductCrudController').setAction('edit').setEntityId(alerte.produit.id) }}">{{ alerte.produit.name }}</a>
                            </td>
                            <td class="num">{{ alerte.produit.stock }}</td>
                            <td><span class="pastille {{ alerte.niveau.classeCss }}">{{ alerte.niveau.libelle }}</span></td>
                        </tr>
                    {% else %}
                        <tr><td colspan="3" class="vide">Rien à signaler sur le stock.</td></tr>
                    {% endfor %}
                </tbody>
            </table>
            {% if alertesStock|length > 0 %}
                <p class="stats-note">
                    Un stock négatif ne dit pas qu'il manque de la marchandise&nbsp;: il dit que
                    le chiffre affiché n'est plus fiable. C'est un inventaire qu'il appelle, pas
                    une commande.
                </p>
            {% endif %}
        </div>

        <div class="stats-bloc">
            <div class="stats-bloc-entete">
                <h2>Caisses&nbsp;: {{ alertesEcart|length }} session{{ alertesEcart|length > 1 ? 's' : '' }} à regarder</h2>
                {% if seuilEcart is not null %}
                    <span class="mention">Seuil&nbsp;: {{ seuilEcart|number_format(2, ',', ' ') }}&nbsp;&euro;</span>
                {% endif %}
            </div>
            <table>
                <thead>
                    <tr><th>Caisse</th><th>Clôturée le</th><th class="num">Espèces</th><th class="num">Carte</th><th class="num">Chèques</th></tr>
                </thead>
                <tbody>
                    {% for alerte in alertesEcart %}
                        <tr>
                            <td class="fw-semibold">
                                <a href="{{ ea_url().setController('App\\Controller\\Admin\\CashSessionCrudController').setAction('detail').setEntityId(alerte.session.id) }}">{{ alerte.session.register.label }}</a>
                            </td>
                            <td class="vide">{{ alerte.session.closedAt|date('d/m/Y H:i') }}</td>
                            <td class="num">{{ alerte.especes ? aff.ecart(alerte.session.discrepancy) : '—' }}</td>
                            <td class="num">{{ alerte.carte ? aff.ecart(alerte.session.discrepancyCard) : '—' }}</td>
                            <td class="num">{{ alerte.cheque ? aff.ecart(alerte.session.discrepancyCheque) : '—' }}</td>
                        </tr>
                    {% else %}
                        <tr><td colspan="5" class="vide">Aucun écart au-delà du seuil.</td></tr>
                    {% endfor %}
                </tbody>
            </table>
            {% if alertesEcart|length > 0 %}
                <p class="stats-note">
                    Un tiret signale un écart qui reste sous le seuil. Les deux colonnes sont
                    évaluées séparément&nbsp;: un écart espèces vient du comptage, un écart carte
                    presque toujours d'un moyen de paiement mal saisi.
                </p>
            {% endif %}
        </div>
    </div>

    <div class="stats-bloc">
        <div class="stats-bloc-entete">
            <h2>Ce qui se vend cette semaine</h2>
        </div>
        <table>
            <thead>
                <tr><th>Produit</th><th class="num">Quantité</th><th class="num">Chiffre d'affaires</th></tr>
            </thead>
            <tbody>
                {% for ligne in meilleuresVentes %}
                    <tr>
                        <td class="fw-semibold">{{ ligne.nom }}</td>
                        <td class="num">{{ ligne.quantite }}</td>
                        <td class="num fw-semibold">{{ ligne.chiffreAffaires|number_format(2, ',', ' ') }}&nbsp;&euro;</td>
                    </tr>
                {% else %}
                    <tr><td colspan="3" class="vide">Aucune vente cette semaine.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}