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

{% set moisNoms = ['', 'Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'] %}
{% set moisNomsAbr = ['', 'Jan','Fév','Mar','Avr','Mai','Jun','Jul','Aoû','Sep','Oct','Nov','Déc'] %}

{% block title %}Synthèses — {{ moisNoms[mois] }} {{ annee }}{% endblock %}

{% block body %}

{# ── En-tête + navigation + toggle HT/TTC ────────────────────────────────────── #}
<div class="d-flex align-items-center justify-content-between mb-4 flex-wrap gap-2">
    <div>
        <h1 class="h4 fw-bold page-title mb-0"><i class="fas fa-chart-bar me-2"></i>Synthèses</h1>
        <p class="text-muted small mb-0">{{ moisNoms[mois] }} {{ annee }}</p>
    </div>
    <div class="d-flex gap-2 align-items-center flex-wrap">
        <div class="d-flex align-items-center gap-1">
            <span class="small text-muted fw-semibold">Affichage :</span>
            <div class="btn-group btn-group-sm" role="group" aria-label="Mode HT/TTC">
                <button type="button" class="btn btn-warning" id="btnTtc" onclick="setMode('ttc')">TTC</button>
                <button type="button" class="btn btn-outline-secondary" id="btnHt" onclick="setMode('ht')">HT</button>
            </div>
        </div>
        <a href="{{ path('tenant_syntheses_index', {annee: prevAnnee, mois: prevMois}) }}" class="btn btn-sm btn-outline-secondary">
            <i class="fas fa-chevron-left"></i>
        </a>
        <span class="fw-semibold">{{ moisNoms[mois] }} {{ annee }}</span>
        <a href="{{ path('tenant_syntheses_index', {annee: nextAnnee, mois: nextMois}) }}" class="btn btn-sm btn-outline-secondary">
            <i class="fas fa-chevron-right"></i>
        </a>
        <a href="{{ path('tenant_syntheses_index') }}" class="btn btn-sm btn-outline-secondary">Aujourd'hui</a>
        <a href="{{ path('tenant_syntheses_repartition_types', {annee: annee, mois: mois}) }}"
           class="btn btn-sm btn-outline-info d-print-none" title="Répartition des ventes par type">
            <i class="fas fa-chart-pie me-1"></i>Par type
        </a>
        <a href="{{ path('tenant_syntheses_pdf_mensuelle', {annee: annee, mois: mois}) }}"
           class="btn btn-sm btn-outline-danger d-print-none" title="Télécharger la synthèse mensuelle en PDF">
            <i class="fas fa-file-pdf me-1"></i>PDF Mois
        </a>
        {# <button type="button" class="btn btn-sm btn-outline-secondary d-print-none"
                onclick="window.print()" title="Imprimer la synthèse">
            <i class="fas fa-print me-1"></i>Imprimer
        </button> #}
    </div>
</div>

{# ── SECTION 1 : Flux Financiers ───────────────────────────────────────────── #}
<h5 class="border-bottom pb-2 mb-3 text-primary"><i class="fas fa-coins me-2"></i>Flux Financiers</h5>
<div class="row g-3 mb-4">

    {# Recettes #}
    <div class="col-sm-6 col-xl-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body text-center py-4">
                <div class="mb-2 text-success"><i class="fas fa-euro-sign fa-lg"></i></div>
                <div class="text-muted small fw-semibold text-uppercase mb-1">Recettes</div>
                <div class="fw-bold fs-3 text-success">
                    <span class="val-ttc">{{ (synthese.total_ventes ?? 0)|number_format(2, ',', ' ') }} €</span>
                    <span class="val-ht d-none">{{ (synthese.ca_ventes_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                </div>
                <small class="text-muted">{{ synthese.total_repas ?? 0 }} repas servis</small>
            </div>
        </div>
    </div>

    {# Achats #}
    <div class="col-sm-6 col-xl-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body text-center py-4">
                <div class="mb-2 text-danger"><i class="fas fa-shopping-cart fa-lg"></i></div>
                <div class="text-muted small fw-semibold text-uppercase mb-1">Achats</div>
                <div class="fw-bold fs-3 text-danger">
                    <span class="val-ttc">{{ (synthese.total_achats ?? 0)|number_format(2, ',', ' ') }} €</span>
                    <span class="val-ht d-none">{{ (synthese.total_achats_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                </div>
                {% if (synthese.total_cessions ?? 0) > 0 %}
                <div class="small text-muted mt-1">
                    ↳ −<span class="val-ttc">{{ (synthese.total_cessions ?? 0)|number_format(2, ',', ' ') }}</span><span class="val-ht d-none">{{ (synthese.total_cessions_ht ?? 0)|number_format(2, ',', ' ') }}</span> € cessions
                </div>
                {% endif %}
                {% if (synthese.total_avoirs ?? 0) > 0 %}
                <div class="small mt-1" style="color:#fd7e14;">
                    ↳ −<span class="val-ttc">{{ (synthese.total_avoirs ?? 0)|number_format(2, ',', ' ') }}</span><span class="val-ht d-none">{{ (synthese.total_avoirs_ht ?? 0)|abs|number_format(2, ',', ' ') }}</span> € avoirs
                </div>
                {% endif %}
                {% if (synthese.total_cessions ?? 0) > 0 or (synthese.total_avoirs ?? 0) > 0 %}
                <div class="fw-semibold small mt-1 text-success">
                    = <span class="val-ttc">{{ (synthese.achats_nets ?? 0)|number_format(2, ',', ' ') }}</span><span class="val-ht d-none">{{ (synthese.achats_nets_ht ?? 0)|number_format(2, ',', ' ') }}</span> € net
                </div>
                {% endif %}
            </div>
        </div>
    </div>

    {# Résultat trésorerie #}
    {% set resultat = synthese.resultat ?? 0 %}
    {% set resultatHt = synthese.resultat_ht ?? 0 %}
    <div class="col-sm-6 col-xl-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body text-center py-4">
                <div class="mb-2 {{ resultat >= 0 ? 'text-success' : 'text-danger' }}"><i class="fas fa-balance-scale fa-lg"></i></div>
                <div class="text-muted small fw-semibold text-uppercase mb-1">Résultat Trésorerie</div>
                <div class="fw-bold fs-3">
                    <span class="val-ttc {{ resultat >= 0 ? 'text-success' : 'text-danger' }}">
                        {{ resultat >= 0 ? '+' : '' }}{{ resultat|number_format(2, ',', ' ') }} €
                    </span>
                    <span class="val-ht d-none {{ resultatHt >= 0 ? 'text-success' : 'text-danger' }}">
                        {{ resultatHt >= 0 ? '+' : '' }}{{ resultatHt|number_format(2, ',', ' ') }} €
                    </span>
                </div>
                <small class="text-muted">Recettes − Achats nets</small>
            </div>
        </div>
    </div>
</div>

{# ── SECTION 2 : Gestion des Stocks ──────────────────────────────────────────── #}
<h5 class="border-bottom pb-2 mb-3 text-info"><i class="fas fa-boxes me-2"></i>Gestion des Stocks</h5>
<div class="row g-3 mb-4">

    <div class="col-sm-6 col-xl-3">
        <div class="card border-success border-2 h-100">
            <div class="card-body text-center py-3">
                <div class="text-success mb-1"><i class="fas fa-box-open fa-lg"></i></div>
                <div class="small fw-semibold text-muted">Stock Début</div>
                <div class="fw-bold fs-4 text-success">
                    <span class="val-ttc">{{ (synthese.stock_debut ?? 0)|number_format(2, ',', ' ') }} €</span>
                    <span class="val-ht d-none">{{ (synthese.stock_debut_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                </div>
                <small class="text-muted">Mois précédent</small>
            </div>
        </div>
    </div>

    <div class="col-sm-6 col-xl-3">
        <div class="card border-info border-2 h-100">
            <div class="card-body text-center py-3">
                <div class="text-info mb-1"><i class="fas fa-warehouse fa-lg"></i></div>
                <div class="small fw-semibold text-muted">Stock Fin</div>
                <div class="fw-bold fs-4 text-info">
                    <span class="val-ttc">{{ (synthese.stock_fin ?? 0)|number_format(2, ',', ' ') }} €</span>
                    <span class="val-ht d-none">{{ (synthese.stock_fin_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                </div>
                <small class="text-muted">Inventaire clôture</small>
            </div>
        </div>
    </div>

    {% set variation = synthese.variation_stock ?? 0 %}
    {% set variationHt = synthese.variation_stock_ht ?? 0 %}
    <div class="col-sm-6 col-xl-3">
        <div class="card {{ variation >= 0 ? 'border-success' : 'border-danger' }} border-2 h-100">
            <div class="card-body text-center py-3">
                <div class="{{ variation >= 0 ? 'text-success' : 'text-danger' }} mb-1">
                    <i class="fas fa-arrow-{{ variation >= 0 ? 'up' : 'down' }}-circle fa-lg"></i>
                </div>
                <div class="small fw-semibold text-muted">Variation</div>
                <div class="fw-bold fs-4">
                    <span class="val-ttc {{ variation >= 0 ? 'text-success' : 'text-danger' }}">
                        {{ variation >= 0 ? '+' : '' }}{{ variation|number_format(2, ',', ' ') }} €
                    </span>
                    <span class="val-ht d-none {{ variationHt >= 0 ? 'text-success' : 'text-danger' }}">
                        {{ variationHt >= 0 ? '+' : '' }}{{ variationHt|number_format(2, ',', ' ') }} €
                    </span>
                </div>
                <small class="text-muted">Fin − Début</small>
            </div>
        </div>
    </div>

    <div class="col-sm-6 col-xl-3">
        <div class="card border-primary border-2 h-100">
            <div class="card-body text-center py-3">
                <div class="text-primary mb-1"><i class="fas fa-calculator fa-lg"></i></div>
                <div class="small fw-semibold text-muted">Consommé réel</div>
                <div class="fw-bold fs-4 text-primary">
                    <span class="val-ttc">{{ (synthese.achats_consommes ?? synthese.achats_nets ?? 0)|number_format(2, ',', ' ') }} €</span>
                    <span class="val-ht d-none">{{ (synthese.achats_consommes_ht ?? synthese.achats_nets_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                </div>
                <small class="text-muted">Achats nets ± variation</small>
            </div>
        </div>
    </div>
</div>

{# ── SECTION 3 : Indicateurs de Performance ─────────────────────────────────── #}
<h5 class="border-bottom pb-2 mb-3 text-warning"><i class="fas fa-chart-line me-2"></i>Indicateurs de Performance</h5>
<div class="row g-3 mb-4">

    {# Couverts servis #}
    <div class="col-sm-6 col-xl-4">
        <div class="card border-warning border-2 h-100">
            <div class="card-body text-center py-4">
                <div class="text-warning mb-2"><i class="fas fa-users fa-lg"></i></div>
                <div class="text-muted small fw-semibold text-uppercase mb-1">Couverts servis</div>
                <div class="fw-bold fs-2 text-warning">{{ synthese.total_repas ?? 0 }}</div>
                <small class="text-muted">repas ce mois</small>
            </div>
        </div>
    </div>

    {# Coût par couvert #}
    <div class="col-sm-6 col-xl-4">
        <div class="card border-warning border-2 h-100">
            <div class="card-body text-center py-3">
                <div class="text-warning mb-1"><i class="fas fa-utensils fa-lg"></i></div>
                <div class="small fw-semibold text-muted">Coût matière / couvert</div>
                <div class="fw-bold fs-3 text-warning">
                    <span class="val-ttc">{{ (synthese.cout_par_couvert ?? 0)|number_format(2, ',', ' ') }} €</span>
                    <span class="val-ht d-none">{{ (synthese.cout_par_couvert_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                </div>
                <small class="text-muted">Achats consommés ÷ {{ synthese.total_repas ?? 0 }} repas</small>
            </div>
        </div>
    </div>

    {# Résultat exploitation #}
    {% set resExpl = synthese.resultat_exploitation ?? 0 %}
    {% set resExplHt = synthese.resultat_exploitation_ht ?? 0 %}
    <div class="col-sm-6 col-xl-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body text-center py-4">
                <div class="mb-2 {{ resExpl >= 0 ? 'text-success' : 'text-danger' }}"><i class="fas fa-trophy fa-lg"></i></div>
                <div class="text-muted small fw-semibold text-uppercase mb-1">Résultat d'Exploitation</div>
                <div class="fw-bold fs-3">
                    <span class="val-ttc {{ resExpl >= 0 ? 'text-success' : 'text-danger' }}">
                        {{ resExpl >= 0 ? '+' : '' }}{{ resExpl|number_format(2, ',', ' ') }} €
                    </span>
                    <span class="val-ht d-none {{ resExplHt >= 0 ? 'text-success' : 'text-danger' }}">
                        {{ resExplHt >= 0 ? '+' : '' }}{{ resExplHt|number_format(2, ',', ' ') }} €
                    </span>
                </div>
                <small class="text-muted">Recettes − Consommé réel</small>
            </div>
        </div>
    </div>
</div>

{# ── Synthèse Annuelle (toutes colonnes) ────────────────────────────────────── #}
<div class="card border-0 shadow-sm rounded-3 mt-2">
    <div class="card-header bg-white border-bottom fw-semibold py-3 d-flex justify-content-between align-items-center flex-wrap gap-2">
        <span><i class="fas fa-table me-2"></i>Synthèse Annuelle {{ annee }}</span>
        <div class="d-flex align-items-center gap-1">
            <span class="small text-muted">Mode :</span>
            <div class="btn-group btn-group-sm" role="group">
                <button type="button" class="btn btn-warning" id="btnTtc2" onclick="setMode('ttc')">TTC</button>
                <button type="button" class="btn btn-outline-secondary" id="btnHt2" onclick="setMode('ht')">HT</button>
            </div>
        </div>
        <a href="{{ path('tenant_syntheses_pdf_annuelle', {annee: annee}) }}"
           class="btn btn-sm btn-outline-danger d-print-none" title="Télécharger la synthèse annuelle en PDF">
            <i class="fas fa-file-pdf me-1"></i>PDF Annuel
        </a>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-striped table-hover align-middle mb-0" style="font-size:.78rem;">
                <thead class="table-dark">
                    <tr>
                        <th style="min-width:100px;">Mois</th>
                        <th class="text-end" style="min-width:90px;">Ventes</th>
                        <th class="text-end" style="min-width:90px;">Achats</th>
                        <th class="text-end table-warning" style="min-width:85px;">Cessions</th>
                        <th class="text-end" style="min-width:85px;color:#fd7e14;">Avoirs</th>
                        <th class="text-end" style="min-width:90px;">Stock Début</th>
                        <th class="text-end" style="min-width:80px;">Stock Fin</th>
                        <th class="text-end" style="min-width:95px;">Var. Stock</th>
                        <th class="text-end" style="min-width:105px;">Consommé</th>
                        <th class="text-end" style="min-width:70px;">Couverts</th>
                        <th class="text-end" style="min-width:95px;">Coût Mat./Couv.</th>
                        <th class="text-end table-info" style="min-width:95px;">Charges Fix.</th>
                        <th class="text-end table-info" style="min-width:95px;">Coût Tot./Couv.</th>
                        <th class="text-end" style="min-width:90px;">Résultat</th>
                        <th class="text-end table-warning" style="min-width:110px;">Résultat Complet</th>
                    </tr>
                </thead>
                <tbody>
                    {% for ligne in syntheseAnnuelle %}
                        {% set isTotal = ligne.is_total ?? false %}
                        {% set isCurrent = (not isTotal) and (ligne.mois == mois) %}
                        <tr class="{{ isTotal ? 'table-primary fw-bold' : (isCurrent ? 'table-warning fw-semibold' : '') }}">
                            <td class="text-nowrap">{{ ligne.mois_label }}</td>

                            <td class="text-end text-success fw-semibold">
                                <span class="val-ttc">{{ (ligne.ca_ventes ?? 0)|number_format(2, ',', ' ') }} €</span>
                                <span class="val-ht d-none">{{ (ligne.ca_ventes_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                            </td>

                            <td class="text-end text-danger">
                                <span class="val-ttc">{{ (ligne.total_achats ?? 0)|number_format(2, ',', ' ') }} €</span>
                                <span class="val-ht d-none">{{ (ligne.total_achats_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                            </td>

                            <td class="text-end table-warning">
                                {% if (ligne.total_cessions ?? 0) > 0 %}
                                    <span class="val-ttc text-warning fw-semibold">−{{ (ligne.total_cessions)|number_format(2, ',', ' ') }} €</span>
                                    <span class="val-ht d-none text-warning fw-semibold">−{{ (ligne.total_cessions_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                                {% else %}—{% endif %}
                            </td>

                            <td class="text-end" style="{{ (ligne.total_avoirs ?? 0) > 0 ? 'color:#fd7e14;font-weight:600;' : 'color:#adb5bd;' }}">
                                {% if (ligne.total_avoirs ?? 0) > 0 %}
                                    <span class="val-ttc">−{{ (ligne.total_avoirs)|number_format(2, ',', ' ') }} €</span>
                                    <span class="val-ht d-none">−{{ (ligne.total_avoirs_ht ?? 0)|abs|number_format(2, ',', ' ') }} €</span>
                                {% else %}—{% endif %}
                            </td>

                            <td class="text-end text-muted">
                                <span class="val-ttc">{{ (ligne.stock_debut ?? 0)|number_format(2, ',', ' ') }} €</span>
                                <span class="val-ht d-none">{{ (ligne.stock_debut_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                            </td>

                            <td class="text-end">
                                <span class="val-ttc">{{ (ligne.stock_fin ?? 0)|number_format(2, ',', ' ') }} €</span>
                                <span class="val-ht d-none">{{ (ligne.stock_fin_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                            </td>

                            {% set variation = ligne.variation_stock ?? 0 %}
                            {% set variationHt = ligne.variation_stock_ht ?? 0 %}
                            <td class="text-end">
                                <span class="val-ttc {{ variation >= 0 ? 'text-success' : 'text-danger' }}">
                                    {{ variation >= 0 ? '+' : '' }}{{ variation|number_format(2, ',', ' ') }} €
                                </span>
                                <span class="val-ht d-none {{ variationHt >= 0 ? 'text-success' : 'text-danger' }}">
                                    {{ variationHt >= 0 ? '+' : '' }}{{ variationHt|number_format(2, ',', ' ') }} €
                                </span>
                            </td>

                            <td class="text-end text-primary fw-semibold">
                                <span class="val-ttc">{{ (ligne.achats_consommes ?? 0)|number_format(2, ',', ' ') }} €</span>
                                <span class="val-ht d-none">{{ (ligne.achats_consommes_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                            </td>

                            <td class="text-end">{{ ligne.total_repas ?? 0 }}</td>

                            <td class="text-end text-warning">
                                <span class="val-ttc">{{ (ligne.cout_par_couvert ?? 0)|number_format(2, ',', ' ') }} €</span>
                                <span class="val-ht d-none">{{ (ligne.cout_par_couvert_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                            </td>

                            <td class="text-end table-info">
                                {% if (ligne.charges_fixes ?? 0) > 0 %}
                                    <span class="val-ttc">{{ (ligne.charges_fixes)|number_format(2, ',', ' ') }} €</span>
                                    <span class="val-ht d-none">{{ (ligne.charges_fixes_ht ?? 0)|number_format(2, ',', ' ') }} €</span>
                                {% else %}<span class="text-muted">—</span>{% endif %}
                            </td>

                            <td class="text-end table-info">
                                {% set coutTot = ligne.cout_total_par_couvert ?? 0 %}
                                {% set coutAff = coutTot > 0 ? coutTot : (ligne.cout_par_couvert ?? 0) %}
                                {% set coutTotHt = ligne.cout_total_par_couvert_ht ?? 0 %}
                                {% set coutAffHt = coutTotHt > 0 ? coutTotHt : (ligne.cout_par_couvert_ht ?? 0) %}
                                {% if coutAff > 0 %}
                                    <span class="val-ttc">{{ coutAff|number_format(2, ',', ' ') }} €</span>
                                {% else %}<span class="val-ttc text-muted">—</span>{% endif %}
                                {% if coutAffHt > 0 %}
                                    <span class="val-ht d-none">{{ coutAffHt|number_format(2, ',', ' ') }} €</span>
                                {% else %}<span class="val-ht d-none text-muted">—</span>{% endif %}
                            </td>

                            {% set res = ligne.resultat ?? 0 %}
                            {% set resHt = ligne.resultat_ht ?? 0 %}
                            <td class="text-end fw-semibold">
                                <span class="val-ttc {{ res >= 0 ? 'text-success' : 'text-danger' }}">
                                    {{ res >= 0 ? '+' : '' }}{{ res|number_format(2, ',', ' ') }} €
                                </span>
                                <span class="val-ht d-none {{ resHt >= 0 ? 'text-success' : 'text-danger' }}">
                                    {{ resHt >= 0 ? '+' : '' }}{{ resHt|number_format(2, ',', ' ') }} €
                                </span>
                            </td>

                            {% set resC = ligne.resultat_complet ?? 0 %}
                            {% set resCHt = ligne.resultat_complet_ht ?? 0 %}
                            <td class="text-end fw-bold table-warning">
                                <span class="val-ttc {{ resC >= 0 ? 'text-success' : 'text-danger' }}">
                                    {{ resC >= 0 ? '+' : '' }}{{ resC|number_format(2, ',', ' ') }} €
                                </span>
                                <span class="val-ht d-none {{ resCHt >= 0 ? 'text-success' : 'text-danger' }}">
                                    {{ resCHt >= 0 ? '+' : '' }}{{ resCHt|number_format(2, ',', ' ') }} €
                                </span>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

<style>
@media print {
    .d-print-none,
    .app-topbar,
    .app-sidebar,
    nav, .navbar, aside, .pagination { display: none !important; }
    .app-main, .app-content { margin: 0 !important; padding: 0 !important; }
    .card { border: 1px solid #ccc !important; box-shadow: none !important; }
    .table { font-size: .7rem; }
    body { font-size: .8rem; }
}
</style>

<script>
function setMode(mode) {
    const isTtc = mode === 'ttc';
    document.querySelectorAll('.val-ttc').forEach(el => el.classList.toggle('d-none', !isTtc));
    document.querySelectorAll('.val-ht').forEach(el => el.classList.toggle('d-none', isTtc));
    ['btnTtc', 'btnTtc2'].forEach(id => {
        const b = document.getElementById(id);
        if (b) {
            b.classList.toggle('btn-warning', isTtc);
            b.classList.toggle('btn-outline-secondary', !isTtc);
        }
    });
    ['btnHt', 'btnHt2'].forEach(id => {
        const b = document.getElementById(id);
        if (b) {
            b.classList.toggle('btn-primary', !isTtc);
            b.classList.toggle('btn-outline-secondary', isTtc);
        }
    });
    sessionStorage.setItem('syntheseMode', mode);
}
document.addEventListener('DOMContentLoaded', function () {
    if (sessionStorage.getItem('syntheseMode') === 'ht') setMode('ht');
});
</script>

{% endblock body %}