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

{% block title %}EGAlim — GestRestoSco{% endblock %}

{% block body %}
<div class="container-fluid mt-4">

    {# ── Alerte légale ── #}
    <div class="alert alert-info d-flex align-items-start gap-2 mb-4">
        <i class="bi bi-info-circle-fill fs-5 mt-1"></i>
        <div>
            <strong>Loi EGAlim — Obligations depuis le 1er janvier 2022 :</strong>
            ≥ 50% de produits durables et de qualité (dont ≥ 20% bio) dans les approvisionnements alimentaires.
            1 repas végétarien par semaine recommandé.
        </div>
    </div>

    {# ── En-tête + sélecteur de période ── #}
    <div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
        <div>
            <h4 class="mb-0"><i class="bi bi-leaf"></i> Suivi EGAlim</h4>
            <small class="text-muted">{{ periodeLibelle }}</small>
        </div>
        <div class="d-flex gap-2 flex-wrap align-items-center">
            <form method="GET" class="d-flex gap-2 align-items-center">
                <select name="periode" class="form-select form-select-sm" onchange="this.form.submit()">
                    <option value="annee_courante"    {% if periodeSelectionnee == 'annee_courante'    %}selected{% endif %}>Année en cours</option>
                    <option value="annee_precedente"  {% if periodeSelectionnee == 'annee_precedente'  %}selected{% endif %}>Année précédente</option>
                    <option value="mois_courant"      {% if periodeSelectionnee == 'mois_courant'      %}selected{% endif %}>Mois en cours</option>
                    <option value="mois_precedent"    {% if periodeSelectionnee == 'mois_precedent'    %}selected{% endif %}>Mois précédent</option>
                    <option value="trimestre_courant" {% if periodeSelectionnee == 'trimestre_courant' %}selected{% endif %}>Trimestre en cours</option>
                    <option value="personnalisee"     {% if periodeSelectionnee == 'personnalisee'     %}selected{% endif %}>Période personnalisée…</option>
                </select>
            </form>
            <a href="{{ path('tenant_egalim_teledeclaration') }}" class="btn btn-outline-primary btn-sm">
                <i class="bi bi-file-earmark-text"></i> Télédéclaration ma-cantine
            </a>
        </div>
    </div>

    {# ── Période personnalisée ── #}
    {% if periodeSelectionnee == 'personnalisee' %}
    <div class="card mb-3">
        <div class="card-body">
            <form method="GET" class="row g-2 align-items-end">
                <input type="hidden" name="periode" value="personnalisee">
                <div class="col-auto">
                    <label class="form-label mb-0 small">Date début</label>
                    <input type="date" name="date_debut" class="form-control form-control-sm" value="{{ dateDebut }}">
                </div>
                <div class="col-auto">
                    <label class="form-label mb-0 small">Date fin</label>
                    <input type="date" name="date_fin" class="form-control form-control-sm" value="{{ dateFin }}">
                </div>
                <div class="col-auto">
                    <button type="submit" class="btn btn-primary btn-sm">Appliquer</button>
                </div>
            </form>
        </div>
    </div>
    {% endif %}

    {# ── Onglets ── #}
    <ul class="nav nav-tabs mb-3" role="tablist">
        <li class="nav-item">
            <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-menus" type="button">
                <i class="bi bi-calendar3"></i> Suivi Menus
            </button>
        </li>
        <li class="nav-item">
            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-achats" type="button">
                <i class="bi bi-currency-euro"></i> Calcul Officiel (Achats)
            </button>
        </li>
    </ul>

    <div class="tab-content">

        {# ════════════════════════════════════════════════════════════
           ONGLET MENUS
        ═══════════════════════════════════════════════════════════════ #}
        <div class="tab-pane fade show active" id="tab-menus" role="tabpanel">

            {% if statsMenus.total_jours == 0 %}
                <div class="alert alert-warning d-flex align-items-center gap-2 mt-2">
                    <i class="bi bi-exclamation-triangle fs-5"></i>
                    <span>Aucun menu saisi pour cette période. <a href="{{ path('tenant_menus_index') }}">Saisir des menus →</a></span>
                </div>
            {% else %}

            {# ── Score global de conformité ─────────────────────────────── #}
            {% set conf = statsMenus.conformite %}
            {% if conf >= 90 %}{% set confEmoji = '🏆' %}{% set confMsg = 'Excellent ! Votre établissement est exemplaire en matière d\'alimentation durable.' %}{% set confColor = 'success' %}
            {% elseif conf >= 80 %}{% set confEmoji = '✅' %}{% set confMsg = 'Très bien ! Vous respectez la quasi-totalité des objectifs EGAlim.' %}{% set confColor = 'success' %}
            {% elseif conf >= 60 %}{% set confEmoji = '👍' %}{% set confMsg = 'Bonne progression ! Continuez vos efforts pour atteindre tous les objectifs.' %}{% set confColor = 'warning' %}
            {% elseif conf >= 40 %}{% set confEmoji = '📈' %}{% set confMsg = 'Des progrès notables. Il reste du chemin mais vous êtes sur la bonne voie.' %}{% set confColor = 'warning' %}
            {% elseif conf >= 20 %}{% set confEmoji = '🌱' %}{% set confMsg = 'Un bon départ. Chaque action compte pour améliorer votre alimentation durable.' %}{% set confColor = 'danger' %}
            {% elseif conf >= 10 %}{% set confEmoji = '💪' %}{% set confMsg = 'C\'est un début. Concentrez-vous sur un indicateur à la fois pour progresser.' %}{% set confColor = 'danger' %}
            {% else %}{% set confEmoji = '🚀' %}{% set confMsg = 'Tout reste à construire. Commencez par identifier des fournisseurs bio et locaux.' %}{% set confColor = 'danger' %}
            {% endif %}

            <div class="card mb-4 border-{{ confColor }}">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-start mb-3">
                        <div>
                            <h5 class="mb-1">{{ confEmoji }} Score global de conformité EGAlim</h5>
                            <p class="text-muted mb-0 small">{{ confMsg }}</p>
                        </div>
                        <span class="badge bg-{{ confColor }} fs-5 px-3 py-2">{{ conf }}%</span>
                    </div>
                    <div class="progress mb-2" style="height:30px; border-radius:8px;">
                        <div class="progress-bar bg-{{ confColor }} fw-bold fs-6"
                             style="width:{{ conf > 100 ? 100 : conf }}%; transition:width .6s ease;">
                            {% if conf > 10 %}{{ conf }}%{% endif %}
                        </div>
                    </div>
                    <small class="text-muted">
                        {{ statsMenus.total_composantes }} composante{{ statsMenus.total_composantes > 1 ? 's' : '' }} saisie{{ statsMenus.total_composantes > 1 ? 's' : '' }}
                        {% if statsMenus.total_theorique > 0 %}
                            / {{ statsMenus.total_theorique }} théorique{{ statsMenus.total_theorique > 1 ? 's' : '' }}
                            ({{ statsMenus.jours_service_theo }}j × 5 compo. × {{ statsMenus.nb_services }} service{{ statsMenus.nb_services > 1 ? 's' : '' }})
                        {% endif %}
                    </small>
                </div>
            </div>

            {# ── 3 cartes détaillées : Bio / Local / Durable ─────────────── #}
            <div class="row g-3 mb-4">
                {# Bio #}
                {% set b = statsMenus.bio %}
                {% set bPctRel = b.objectif > 0 ? (b.pourcentage / b.objectif * 100)|round : 0 %}
                <div class="col-md-4">
                    <div class="card h-100 border-{{ b.conforme ? 'success' : 'danger' }}">
                        <div class="card-header bg-{{ b.conforme ? 'success' : 'danger' }} text-white py-2">
                            <strong>🌱 Bio</strong>
                            <span class="float-end badge bg-white text-{{ b.conforme ? 'success' : 'danger' }}">
                                {{ b.conforme ? '✓ Conforme' : '✗ Non conforme' }}
                            </span>
                        </div>
                        <div class="card-body">
                            <div class="d-flex justify-content-between mb-1">
                                <span class="text-muted small">Objectif légal</span>
                                <strong>{{ b.objectif }}%</strong>
                            </div>
                            <div class="d-flex justify-content-between mb-2">
                                <span class="text-muted small">Réalisé</span>
                                <strong class="text-{{ b.conforme ? 'success' : 'danger' }}">{{ b.pourcentage }}%</strong>
                            </div>
                            <div class="progress mb-2" style="height:12px; border-radius:6px;">
                                <div class="progress-bar bg-{{ b.conforme ? 'success' : 'danger' }}"
                                     style="width:{{ bPctRel > 100 ? 100 : bPctRel }}%"></div>
                            </div>
                            <div class="small text-muted mb-1">
                                {{ b.nombre }} composante{{ b.nombre > 1 ? 's' : '' }} bio
                                sur {{ b.total }} saisie{{ b.total > 1 ? 's' : '' }}
                                ({{ b.total_theorique }} théorique{{ b.total_theorique > 1 ? 's' : '' }})
                            </div>
                            {% if not b.conforme %}
                                <div class="alert alert-danger py-1 px-2 mb-0 small">
                                    +{{ (b.objectif - b.pourcentage)|round(1) }}% nécessaire pour atteindre l'objectif
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>

                {# Local #}
                {% set l = statsMenus.local %}
                {% set lPctRel = l.objectif > 0 ? (l.pourcentage / l.objectif * 100)|round : 0 %}
                <div class="col-md-4">
                    <div class="card h-100 border-{{ l.conforme ? 'success' : 'warning' }}">
                        <div class="card-header bg-{{ l.conforme ? 'success' : 'warning' }} text-{{ l.conforme ? 'white' : 'dark' }} py-2">
                            <strong>🌟 Local</strong>
                            <span class="float-end badge bg-white text-{{ l.conforme ? 'success' : 'warning' }}">
                                {{ l.conforme ? '✓ Conforme' : '⚠ À améliorer' }}
                            </span>
                        </div>
                        <div class="card-body">
                            <div class="d-flex justify-content-between mb-1">
                                <span class="text-muted small">Objectif recommandé</span>
                                <strong>{{ l.objectif }}%</strong>
                            </div>
                            <div class="d-flex justify-content-between mb-2">
                                <span class="text-muted small">Réalisé</span>
                                <strong class="text-{{ l.conforme ? 'success' : 'warning' }}">{{ l.pourcentage }}%</strong>
                            </div>
                            <div class="progress mb-2" style="height:12px; border-radius:6px;">
                                <div class="progress-bar bg-{{ l.conforme ? 'success' : 'warning' }}"
                                     style="width:{{ lPctRel > 100 ? 100 : lPctRel }}%"></div>
                            </div>
                            <div class="small text-muted mb-1">
                                {{ l.nombre }} composante{{ l.nombre > 1 ? 's' : '' }} locale{{ l.nombre > 1 ? 's' : '' }}
                                sur {{ l.total }} saisie{{ l.total > 1 ? 's' : '' }}
                                ({{ l.total_theorique }} théorique{{ l.total_theorique > 1 ? 's' : '' }})
                            </div>
                            {% if not l.conforme %}
                                <div class="alert alert-warning py-1 px-2 mb-0 small">
                                    +{{ (l.objectif - l.pourcentage)|round(1) }}% nécessaire pour atteindre l'objectif
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>

                {# Durable #}
                {% set d = statsMenus.durable %}
                {% set dPctRel = d.objectif > 0 ? (d.pourcentage / d.objectif * 100)|round : 0 %}
                <div class="col-md-4">
                    <div class="card h-100 border-{{ d.conforme ? 'success' : 'danger' }}">
                        <div class="card-header bg-{{ d.conforme ? 'success' : 'danger' }} text-white py-2">
                            <strong>🌍 Durable</strong>
                            <span class="float-end badge bg-white text-{{ d.conforme ? 'success' : 'danger' }}">
                                {{ d.conforme ? '✓ Conforme' : '✗ Non conforme' }}
                            </span>
                        </div>
                        <div class="card-body">
                            <div class="d-flex justify-content-between mb-1">
                                <span class="text-muted small">Objectif légal</span>
                                <strong>{{ d.objectif }}%</strong>
                            </div>
                            <div class="d-flex justify-content-between mb-2">
                                <span class="text-muted small">Réalisé</span>
                                <strong class="text-{{ d.conforme ? 'success' : 'danger' }}">{{ d.pourcentage }}%</strong>
                            </div>
                            <div class="progress mb-2" style="height:12px; border-radius:6px;">
                                <div class="progress-bar bg-{{ d.conforme ? 'success' : 'danger' }}"
                                     style="width:{{ dPctRel > 100 ? 100 : dPctRel }}%"></div>
                            </div>
                            <div class="small text-muted mb-1">
                                {{ d.nombre }} composante{{ d.nombre > 1 ? 's' : '' }} durable{{ d.nombre > 1 ? 's' : '' }}
                                sur {{ d.total }} saisie{{ d.total > 1 ? 's' : '' }}
                                ({{ d.total_theorique }} théorique{{ d.total_theorique > 1 ? 's' : '' }})
                            </div>
                            {% if not d.conforme %}
                                <div class="alert alert-danger py-1 px-2 mb-0 small">
                                    +{{ (d.objectif - d.pourcentage)|round(1) }}% nécessaire pour atteindre l'objectif
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>

            {# ── Carte végétarien ─────────────────────────────────────────── #}
            {% set v = statsMenus.vegetarien %}
            <div class="card mb-4 border-{{ v.conforme ? 'success' : 'danger' }}">
                <div class="card-header bg-{{ v.conforme ? 'success' : 'danger' }} text-white py-2">
                    <strong>🥗 Menu végétarien hebdomadaire</strong>
                    <span class="float-end">
                        {{ v.semaines_conformes }} / {{ v.total_semaines }} semaine{{ v.total_semaines > 1 ? 's' : '' }} conforme{{ v.semaines_conformes > 1 ? 's' : '' }}
                        &nbsp;<span class="badge bg-white text-{{ v.conforme ? 'success' : 'danger' }}">{{ v.pourcentage }}%</span>
                    </span>
                </div>
                <div class="card-body">
                    <div class="progress mb-3" style="height:12px; border-radius:6px;">
                        <div class="progress-bar bg-{{ v.conforme ? 'success' : 'danger' }}"
                             style="width:{{ v.pourcentage > 100 ? 100 : v.pourcentage }}%"></div>
                    </div>
                    {% if v.detail is not empty %}
                        <div class="d-flex flex-wrap gap-1">
                            {% for sem in v.detail %}
                                <span class="badge {{ sem.conforme ? 'bg-success' : 'bg-danger' }}" title="{{ sem.conforme ? 'Repas végétarien présent' : 'Aucun repas végétarien' }}">
                                    {{ sem.label }} {{ sem.conforme ? '✅' : '❌' }}
                                </span>
                            {% endfor %}
                        </div>
                    {% else %}
                        <p class="text-muted small mb-0">Aucune donnée de semaine disponible.</p>
                    {% endif %}
                    {% if not v.conforme %}
                        <div class="alert alert-danger py-1 px-2 mt-2 mb-0 small">
                            ⚠ La loi Egalim impose au moins 1 repas végétarien par semaine.
                            {{ v.total_semaines - v.semaines_conformes }} semaine{{ (v.total_semaines - v.semaines_conformes) > 1 ? 's' : '' }} non conforme{{ (v.total_semaines - v.semaines_conformes) > 1 ? 's' : '' }}.
                        </div>
                    {% endif %}
                </div>
            </div>

            {# ── Alertes + Suggestions ────────────────────────────────────── #}
            <div class="row g-3 mb-4">
                {# Alertes #}
                <div class="col-md-6">
                    <div class="card h-100">
                        <div class="card-header bg-danger text-white py-2">
                            <i class="bi bi-exclamation-triangle"></i> <strong>Alertes</strong>
                            {% if statsMenus.alertes is empty %}
                                <span class="float-end badge bg-white text-success">✓ Aucune alerte</span>
                            {% else %}
                                <span class="float-end badge bg-white text-danger">{{ statsMenus.alertes|length }}</span>
                            {% endif %}
                        </div>
                        <div class="card-body p-0">
                            {% if statsMenus.alertes is empty %}
                                <div class="p-3 text-success small"><i class="bi bi-check-circle"></i> Tous les objectifs sont atteints pour cette période.</div>
                            {% else %}
                                <ul class="list-group list-group-flush">
                                    {% for alerte in statsMenus.alertes %}
                                        <li class="list-group-item border-start border-{{ alerte.type }} border-3 py-2">
                                            <div class="d-flex align-items-start gap-2">
                                                <span class="fs-5">{{ alerte.icone }}</span>
                                                <div>
                                                    <div class="fw-semibold small">{{ alerte.titre }}</div>
                                                    <div class="text-muted small">{{ alerte.message }}</div>
                                                </div>
                                            </div>
                                        </li>
                                    {% endfor %}
                                </ul>
                            {% endif %}
                        </div>
                    </div>
                </div>

                {# Suggestions #}
                <div class="col-md-6">
                    <div class="card h-100">
                        <div class="card-header bg-primary text-white py-2">
                            <i class="bi bi-lightbulb"></i> <strong>Suggestions</strong>
                            {% if statsMenus.suggestions is not empty %}
                                <span class="float-end badge bg-white text-primary">{{ statsMenus.suggestions|length }}</span>
                            {% endif %}
                        </div>
                        <div class="card-body p-0">
                            {% if statsMenus.suggestions is empty %}
                                <div class="p-3 text-success small"><i class="bi bi-trophy"></i> Félicitations, aucune suggestion d'amélioration !</div>
                            {% else %}
                                <ul class="list-group list-group-flush">
                                    {% for sug in statsMenus.suggestions %}
                                        <li class="list-group-item py-2">
                                            <div class="d-flex align-items-start gap-2">
                                                <span class="fs-5">{{ sug.icone }}</span>
                                                <div class="flex-grow-1">
                                                    <div class="fw-semibold small">{{ sug.titre }}</div>
                                                    <div class="text-muted small">{{ sug.message }}</div>
                                                    {% if sug.action is defined and sug.action %}
                                                        <span class="badge bg-primary-subtle text-primary mt-1 small">{{ sug.action }}</span>
                                                    {% endif %}
                                                </div>
                                            </div>
                                        </li>
                                    {% endfor %}
                                </ul>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>

            {# ── Évolution annuelle ───────────────────────────────────────── #}
            {% if evolution is not empty %}
            <div class="card mb-4">
                <div class="card-header bg-light">
                    <i class="bi bi-bar-chart-line"></i>
                    <strong>📈 Évolution annuelle — Progression EGAlim</strong>
                    <small class="text-muted ms-2">Comparaison des performances sur les {{ evolution|length }} dernière{{ evolution|length > 1 ? 's' : '' }} année{{ evolution|length > 1 ? 's' : '' }}</small>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm table-striped table-hover align-middle mb-0">
                            <thead class="table-dark">
                                <tr>
                                    <th>Année</th>
                                    <th class="text-center">🌱 Bio</th>
                                    <th class="text-center">🌟 Local</th>
                                    <th class="text-center">🌍 Durable</th>
                                    <th class="text-center">🥗 Végétarien</th>
                                    <th class="text-center">🏆 Suivi Global</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for loop_e, e in evolution %}
                                <tr class="{{ e.est_en_cours ? 'table-primary fw-bold' : '' }}">
                                    <td>
                                        <strong>{{ e.libelle }}</strong>
                                        {% if e.est_en_cours %}<br><small class="text-muted fw-normal">En cours...</small>{% endif %}
                                    </td>

                                    {# Bio #}
                                    <td class="text-center">
                                        <span class="badge bg-{{ e.bio >= 20 ? 'success' : 'warning' }}">{{ e.bio }}%</span>
                                        <br><small class="text-muted">Objectif : 20%</small>
                                        {% if loop_e > 0 %}
                                            {% set delta = (e.bio - evolution[loop_e - 1].bio)|round(1) %}
                                            <br><small class="{{ delta >= 0 ? 'text-success' : 'text-danger' }}">
                                                {{ delta >= 0 ? '▲ +' : '▼ ' }}{{ delta }}%
                                            </small>
                                        {% endif %}
                                    </td>

                                    {# Local #}
                                    <td class="text-center">
                                        <span class="badge bg-{{ e.local >= 30 ? 'success' : 'warning' }}">{{ e.local }}%</span>
                                        <br><small class="text-muted">Objectif : 30%</small>
                                        {% if loop_e > 0 %}
                                            {% set delta = (e.local - evolution[loop_e - 1].local)|round(1) %}
                                            <br><small class="{{ delta >= 0 ? 'text-success' : 'text-danger' }}">
                                                {{ delta >= 0 ? '▲ +' : '▼ ' }}{{ delta }}%
                                            </small>
                                        {% endif %}
                                    </td>

                                    {# Durable #}
                                    <td class="text-center">
                                        <span class="badge bg-{{ e.durable >= 50 ? 'success' : 'warning' }}">{{ e.durable }}%</span>
                                        <br><small class="text-muted">Objectif : 50%</small>
                                        {% if loop_e > 0 %}
                                            {% set delta = (e.durable - evolution[loop_e - 1].durable)|round(1) %}
                                            <br><small class="{{ delta >= 0 ? 'text-success' : 'text-danger' }}">
                                                {{ delta >= 0 ? '▲ +' : '▼ ' }}{{ delta }}%
                                            </small>
                                        {% endif %}
                                    </td>

                                    {# Végétarien #}
                                    <td class="text-center">
                                        <span class="badge bg-{{ e.vegetarien >= 100 ? 'success' : 'danger' }}">{{ e.vegetarien }}%</span>
                                        <br><small class="text-muted">Objectif : 100%</small>
                                        {% if loop_e > 0 %}
                                            {% set delta = (e.vegetarien - evolution[loop_e - 1].vegetarien)|round(1) %}
                                            <br><small class="{{ delta >= 0 ? 'text-success' : 'text-danger' }}">
                                                {{ delta >= 0 ? '▲ +' : '▼ ' }}{{ delta }}%
                                            </small>
                                        {% endif %}
                                    </td>

                                    {# Score global #}
                                    <td class="text-center">
                                        <div class="d-flex align-items-center justify-content-center gap-1">
                                            <span class="badge bg-{{ e.statut }} fs-6 px-2">{{ e.conformite }}%</span>
                                            {% if e.conformite >= 80 %}
                                                <i class="bi bi-trophy-fill text-warning" title="Excellent suivi EGAlim"></i>
                                            {% elseif e.conformite >= 60 %}
                                                <i class="bi bi-hand-thumbs-up-fill text-info" title="Bon suivi EGAlim"></i>
                                            {% else %}
                                                <i class="bi bi-exclamation-triangle-fill text-danger" title="Améliorations nécessaires"></i>
                                            {% endif %}
                                        </div>
                                        {% if loop_e > 0 %}
                                            {% set delta = (e.conformite - evolution[loop_e - 1].conformite)|round(1) %}
                                            <small class="{{ delta >= 0 ? 'text-success' : 'text-danger' }}">
                                                {{ delta >= 0 ? '▲ +' : '▼ ' }}{{ delta }}%
                                            </small>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>

                    {# ── Analyse de progression (N vs N-1) ── #}
                    {% if evolution|length >= 2 %}
                        {% set eCur  = evolution[evolution|length - 1] %}
                        {% set ePrev = evolution[evolution|length - 2] %}
                        {% if eCur.est_en_cours %}
                            {% set dBio   = (eCur.bio        - ePrev.bio)       |round(1) %}
                            {% set dLocal = (eCur.local      - ePrev.local)     |round(1) %}
                            {% set dDur   = (eCur.durable    - ePrev.durable)   |round(1) %}
                            {% set dConf  = (eCur.conformite - ePrev.conformite)|round(1) %}
                    <div class="px-3 pb-3 pt-2">
                        <h6 class="mb-2">📊 Analyse de progression :</h6>
                        <div class="alert alert-{{ dConf >= 0 ? 'success' : 'warning' }} py-2 mb-0">
                            <small>
                                <strong>Évolution par rapport à l'année précédente :</strong>
                                &nbsp;Bio : <strong class="{{ dBio >= 0 ? 'text-success' : 'text-danger' }}">{{ dBio >= 0 ? '+' : '' }}{{ dBio }}%</strong>
                                &nbsp;|&nbsp;
                                Local : <strong class="{{ dLocal >= 0 ? 'text-success' : 'text-danger' }}">{{ dLocal >= 0 ? '+' : '' }}{{ dLocal }}%</strong>
                                &nbsp;|&nbsp;
                                Durable : <strong class="{{ dDur >= 0 ? 'text-success' : 'text-danger' }}">{{ dDur >= 0 ? '+' : '' }}{{ dDur }}%</strong>
                                &nbsp;|&nbsp;
                                Suivi global : <strong class="{{ dConf >= 0 ? 'text-success' : 'text-danger' }}">{{ dConf >= 0 ? '+' : '' }}{{ dConf }}%</strong>
                                &nbsp;&nbsp;
                                {% if dConf >= 5 %}
                                    🎉 <strong>Excellente progression !</strong>
                                {% elseif dConf >= 0 %}
                                    👍 <strong>Progression positive</strong>
                                {% else %}
                                    ⚠️ <strong>Attention : régression</strong>
                                {% endif %}
                            </small>
                        </div>
                    </div>
                        {% endif %}
                    {% endif %}
                </div>
            </div>
            {% endif %}

            {# ── Actions rapides ──────────────────────────────────────────── #}
            <div class="d-flex gap-2 flex-wrap">
                <a href="{{ path('tenant_menus_index') }}" class="btn btn-primary">
                    <i class="bi bi-pencil-square"></i> Modifier les menus
                </a>
                <a href="{{ path('tenant_egalim_index') }}" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-clockwise"></i> Actualiser
                </a>
            </div>

            {% endif %}{# end if total_jours > 0 #}
        </div>{# end tab-menus #}

        {# ════════════════════════════════════════════════════════════
           ONGLET ACHATS OFFICIELS
        ═══════════════════════════════════════════════════════════════ #}
        <div class="tab-pane fade" id="tab-achats" role="tabpanel">

            <div class="alert alert-info mb-4">
                <i class="bi bi-bar-chart-line"></i>
                <strong>Suivi Mensuel EGAlim {{ anneeSelection }} :</strong>
                Basé sur les achats réels en € HT, calcul identique à la télédéclaration ma-cantine.
            </div>

            {# ─── Tableau suivi mensuel ─────────────────────────────── #}
            <div class="card mb-4">
                <div class="card-header bg-light">
                    <small><i class="bi bi-calendar3"></i> Suivi mensuel {{ anneeSelection }}</small>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm table-hover mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Mois</th>
                                    <th class="text-end">Total achats HT</th>
                                    <th style="min-width:120px">Bio % <small class="text-muted">(obj. 20%)</small></th>
                                    <th style="min-width:120px">Durables % <small class="text-muted">(obj. 50%)</small></th>
                                    <th class="text-center">Conformité</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for ligne in suiviMensuel.lignes %}
                                <tr>
                                    <td><strong>{{ ligne.mois_abr }}</strong></td>
                                    <td class="text-end">
                                        {% if ligne.total > 0 %}
                                            {{ ligne.total|number_format(2, ',', ' ') }} €
                                        {% else %}
                                            <span class="text-muted">—</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if ligne.total > 0 %}
                                            <div class="progress" style="height:16px;" title="{{ ligne.pct_bio }}%">
                                                <div class="progress-bar bg-{{ ligne.pct_bio >= 20 ? 'success' : 'danger' }}"
                                                     style="width:{{ ligne.pct_bio > 100 ? 100 : ligne.pct_bio }}%">
                                                    <small>{{ ligne.pct_bio }}%</small>
                                                </div>
                                            </div>
                                        {% else %}
                                            <span class="text-muted">—</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if ligne.total > 0 %}
                                            <div class="progress" style="height:16px;" title="{{ ligne.pct_durable }}%">
                                                <div class="progress-bar bg-{{ ligne.pct_durable >= 50 ? 'success' : 'warning' }}"
                                                     style="width:{{ ligne.pct_durable > 100 ? 100 : ligne.pct_durable }}%">
                                                    <small>{{ ligne.pct_durable }}%</small>
                                                </div>
                                            </div>
                                        {% else %}
                                            <span class="text-muted">—</span>
                                        {% endif %}
                                    </td>
                                    <td class="text-center">
                                        {% if ligne.total > 0 %}
                                            {{ ligne.conforme ? '✅' : '⚠️' }}
                                        {% else %}
                                            <span class="text-muted">—</span>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                            <tfoot>
                                {# Ligne cumul annuel #}
                                <tr class="table-primary fw-bold">
                                    <td>Cumul annuel</td>
                                    <td class="text-end">{{ suiviMensuel.cumul.total|number_format(2, ',', ' ') }} €</td>
                                    <td>
                                        <div class="progress" style="height:16px;">
                                            <div class="progress-bar bg-{{ suiviMensuel.cumul.pct_bio >= 20 ? 'success' : 'danger' }}"
                                                 style="width:{{ suiviMensuel.cumul.pct_bio > 100 ? 100 : suiviMensuel.cumul.pct_bio }}%">
                                                <small>{{ suiviMensuel.cumul.pct_bio }}%</small>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="progress" style="height:16px;">
                                            <div class="progress-bar bg-{{ suiviMensuel.cumul.pct_durable >= 50 ? 'success' : 'warning' }}"
                                                 style="width:{{ suiviMensuel.cumul.pct_durable > 100 ? 100 : suiviMensuel.cumul.pct_durable }}%">
                                                <small>{{ suiviMensuel.cumul.pct_durable }}%</small>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="text-center">{{ suiviMensuel.cumul.conforme ? '✅' : '⚠️' }}</td>
                                </tr>
                                {# Ligne projection si année en cours #}
                                {% if suiviMensuel.projection %}
                                <tr class="table-warning fst-italic">
                                    <td><small>Projection déc.</small></td>
                                    <td class="text-end"><small>≈ {{ suiviMensuel.projection.total|number_format(2, ',', ' ') }} €</small></td>
                                    <td>
                                        <small>Bio : {{ suiviMensuel.projection.pct_bio }}%
                                            {{ suiviMensuel.projection.pct_bio >= 20 ? '✅' : '❌' }}
                                        </small>
                                    </td>
                                    <td>
                                        <small>Dur. : {{ suiviMensuel.projection.pct_durable }}%
                                            {{ suiviMensuel.projection.pct_durable >= 50 ? '✅' : '❌' }}
                                        </small>
                                    </td>
                                    <td class="text-center"><small>{{ suiviMensuel.projection.conforme ? '✅' : '⚠️' }}</small></td>
                                </tr>
                                {% endif %}
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>

            <hr class="my-4">
            <h6 class="text-muted mb-3"><i class="bi bi-list-ul"></i> Détail — période sélectionnée ({{ periodeLibelle }})</h6>

            {% if statsAchats.total_achats == 0 %}
                <div class="alert alert-warning">
                    <i class="bi bi-exclamation-triangle"></i>
                    Aucun achat enregistré pour cette période.
                </div>
            {% else %}

            {# Détail par label #}
            <div class="card">
                <div class="card-header bg-light"><small><i class="bi bi-tags"></i> Détail par type de label</small></div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>Label</th>
                                    <th class="text-end">Montant HT</th>
                                    <th class="text-end">% du total</th>
                                    <th class="text-center">Catégorie</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% set labelRows = [
                                {'nom': 'Bio (AB, Bio européen)',         'code': 'bio',                'cat': 'BIO',      'badge': 'success'},
                                {'nom': 'Label Rouge',                    'code': 'label_rouge',        'cat': 'DURABLE',  'badge': 'primary'},
                                {'nom': 'AOP / AOC / IGP / STG',          'code': 'aop_igp',            'cat': 'DURABLE',  'badge': 'primary'},
                                {'nom': 'HVE (Haute Valeur Env.)',         'code': 'hve',                'cat': 'DURABLE',  'badge': 'primary'},
                                {'nom': 'Pêche durable (MSC/ASC)',         'code': 'peche_durable',      'cat': 'DURABLE',  'badge': 'primary'},
                                {'nom': 'Commerce équitable',              'code': 'commerce_equitable', 'cat': 'DURABLE',  'badge': 'primary'},
                                {'nom': 'Autres labels durables',          'code': 'autres_durables',    'cat': 'DURABLE',  'badge': 'primary'},
                            ] %}
                            {% for row in labelRows %}
                                {% set montant = attribute(statsAchats.detail_labels, row.code) %}
                                {% if montant > 0 %}
                                <tr>
                                    <td>{{ row.nom }}</td>
                                    <td class="text-end"><strong>{{ montant|number_format(2, ',', ' ') }} €</strong></td>
                                    <td class="text-end">{{ ((montant / statsAchats.total_achats) * 100)|round(1) }}%</td>
                                    <td class="text-center"><span class="badge bg-{{ row.badge }}">{{ row.cat }}</span></td>
                                </tr>
                                {% endif %}
                            {% endfor %}
                            {% if statsAchats.standard.montant > 0 %}
                            <tr class="table-light">
                                <td>Produits standard (sans label)</td>
                                <td class="text-end">{{ statsAchats.standard.montant|number_format(2, ',', ' ') }} €</td>
                                <td class="text-end">{{ ((statsAchats.standard.montant / statsAchats.total_achats) * 100)|round(1) }}%</td>
                                <td class="text-center"><span class="badge bg-secondary">STANDARD</span></td>
                            </tr>
                            {% endif %}
                            </tbody>
                            <tfoot class="table-light">
                                <tr>
                                    <th>TOTAL</th>
                                    <th class="text-end">{{ statsAchats.total_achats|number_format(2, ',', ' ') }} €</th>
                                    <th class="text-end">100%</th>
                                    <th></th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>

            {% endif %}{# end if total_achats > 0 #}
        </div>{# end tab-achats #}

    </div>{# end tab-content #}
</div>
{% endblock %}