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

{% block title %}Valorisation des stocks{% endblock %}

{% set moisNom = ['', 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin',
                  'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] %}

{% set prevMois = mois - 1 %}
{% set prevAnn  = annee %}
{% if prevMois < 1 %}{% set prevMois = 12 %}{% set prevAnn = annee - 1 %}{% endif %}

{% set nextMois = mois + 1 %}
{% set nextAnn  = annee %}
{% if nextMois > 12 %}{% set nextMois = 1 %}{% set nextAnn = annee + 1 %}{% endif %}

{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <a href="{{ path('tenant_stocks_index') }}" class="btn btn-sm btn-outline-secondary me-2">
            <i class="fas fa-arrow-left me-1"></i>Stocks
        </a>
        <h1 class="h3 fw-bold page-title mb-0 d-inline-block">
            <i class="fas fa-chart-bar me-2"></i>Valorisation des stocks
        </h1>
    </div>
    <div class="d-flex gap-2">
        {% if not cloture %}
        <form method="post" class="d-inline">
            <input type="hidden" name="_token" value="{{ csrf_token('stock_valoriser') }}">
            <button type="submit" class="btn btn-primary btn-sm"
                    onclick="return confirm('Valoriser le stock pour {{ moisNom[mois] }} {{ annee }} ?')">
                <i class="fas fa-save me-1"></i>Valoriser maintenant
            </button>
        </form>
        {% endif %}
        <button type="button" class="btn btn-outline-secondary btn-sm" onclick="imprimerValo()">
            <i class="fas fa-print me-1"></i>Imprimer
        </button>
    </div>
</div>

{# ── Navigation mois ───────────────────────────────────────────────────── #}
<div class="card border-0 shadow-sm rounded-3 mb-4">
    <div class="card-body py-2 px-3 d-flex align-items-center justify-content-between">
        <a href="{{ path('tenant_stocks_valorisation', {annee: prevAnn, mois: prevMois}) }}"
           class="btn btn-sm btn-outline-secondary">
            <i class="fas fa-chevron-left"></i>
        </a>
        <span class="fw-semibold fs-5">{{ moisNom[mois] }} {{ annee }}</span>
        <a href="{{ path('tenant_stocks_valorisation', {annee: nextAnn, mois: nextMois}) }}"
           class="btn btn-sm btn-outline-secondary">
            <i class="fas fa-chevron-right"></i>
        </a>
    </div>
</div>

{# ── État ──────────────────────────────────────────────────────────────── #}
{% if cloture %}
<div class="alert alert-secondary d-flex align-items-center gap-2 mb-4">
    <i class="fas fa-lock"></i>
    <span>Ce mois est <strong>clôturé</strong>. La valorisation ne peut plus être modifiée.</span>
</div>
{% endif %}

{% if dateValo %}
<div class="alert alert-info d-flex align-items-center gap-2 mb-4">
    <i class="fas fa-info-circle"></i>
    <span>Valorisation enregistrée le <strong>{{ dateValo|date('d/m/Y à H:i') }}</strong>.</span>
</div>
{% endif %}

{# ── Tableau ───────────────────────────────────────────────────────────── #}
<div class="card border-0 shadow-sm rounded-3">
    <div class="card-body p-0">
        {% if lignes is empty %}
            <div class="text-center py-5 text-muted">
                <i class="fas fa-chart-bar fa-2x mb-3 d-block"></i>
                Aucune valorisation pour {{ moisNom[mois] }} {{ annee }}.<br>
                {% if not cloture %}
                    <span class="small">Cliquez sur <strong>Valoriser maintenant</strong> pour capturer l'état actuel du stock.</span>
                {% endif %}
            </div>
        {% else %}
            <div class="table-responsive">
                <table class="table table-hover mb-0 align-middle" id="tableValo">
                    <thead class="table-light">
                        <tr>
                            <th>Produit</th>
                            <th>Catégorie</th>
                            <th class="text-end">Quantité</th>
                            <th>Unité</th>
                            <th class="text-end">PU TTC</th>
                            <th class="text-end">PU HT</th>
                            <th class="text-end">Valeur TTC</th>
                            <th class="text-end">Valeur HT</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% set totalTtc = 0 %}
                        {% set totalHt  = 0 %}
                        {% for l in lignes %}
                            {% set totalTtc = totalTtc + l.valeur_stock_ttc %}
                            {% set totalHt  = totalHt  + l.valeur_stock_ht %}
                            <tr>
                                <td class="fw-semibold">{{ l.produit }}</td>
                                <td><span class="badge bg-light text-dark border">{{ l.categorie ?: '—' }}</span></td>
                                <td class="text-end">{{ l.quantite|number_format(3, ',', ' ') }}</td>
                                <td>{{ l.unite }}</td>
                                <td class="text-end">{{ l.prix_unitaire|number_format(3, ',', ' ') }} €</td>
                                <td class="text-end text-muted">{{ l.prix_unitaire_ht|number_format(3, ',', ' ') }} €</td>
                                <td class="text-end fw-semibold">{{ l.valeur_stock_ttc|number_format(2, ',', ' ') }} €</td>
                                <td class="text-end text-muted">{{ l.valeur_stock_ht|number_format(2, ',', ' ') }} €</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                    <tfoot class="table-light fw-bold">
                        <tr>
                            <td colspan="6" class="text-end">Total :</td>
                            <td class="text-end">{{ totalTtc|number_format(2, ',', ' ') }} €</td>
                            <td class="text-end text-muted">{{ totalHt|number_format(2, ',', ' ') }} €</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        {% endif %}
    </div>
</div>

<script>
function imprimerValo() {
    const rows  = document.querySelectorAll('#tableValo tbody tr');
    const mois  = '{{ '%02d'|format(mois) }}/{{ annee }}';
    const lignes = [];
    let ttc = 0, ht = 0;

    rows.forEach(tr => {
        const cells = tr.cells;
        const vttc = parseFloat((cells[6]?.textContent || '0').replace(/\s/g,'').replace(',','.').replace('€','')) || 0;
        const vht  = parseFloat((cells[7]?.textContent || '0').replace(/\s/g,'').replace(',','.').replace('€','')) || 0;
        ttc += vttc; ht += vht;
        lignes.push(Array.from(cells).map(c => c.textContent.trim()));
    });

    const html = `<!DOCTYPE html>
<html lang="fr"><head><meta charset="UTF-8">
<title>Valorisation ${mois}</title>
<style>
  body { font-family: Arial, sans-serif; font-size: 11px; margin: 20px; }
  h1   { font-size: 16px; margin-bottom: 4px; }
  .sous { color: #666; margin-bottom: 12px; }
  table { width: 100%; border-collapse: collapse; }
  th, td { border: 1px solid #ccc; padding: 4px 6px; }
  thead, tfoot { background: #f0f0f0; font-weight: bold; }
  td:nth-child(3), td:nth-child(5), td:nth-child(6),
  td:nth-child(7), td:nth-child(8) { text-align: right; }
  @media print { @page { size: A4 landscape; margin: 15mm; } }
</style></head><body>
<h1>Valorisation des stocks — ${mois}</h1>
<div class="sous">Imprimé le ${new Date().toLocaleDateString('fr-FR')}</div>
<table>
  <thead><tr>
    <th>Produit</th><th>Catégorie</th><th>Quantité</th><th>Unité</th>
    <th>PU TTC</th><th>PU HT</th><th>Valeur TTC</th><th>Valeur HT</th>
  </tr></thead>
  <tbody>${lignes.map(c => `<tr>${c.map(v => `<td>${v}</td>`).join('')}</tr>`).join('')}</tbody>
  <tfoot><tr>
    <td colspan="6" style="text-align:right">Total :</td>
    <td style="text-align:right">${ttc.toLocaleString('fr-FR',{minimumFractionDigits:2,maximumFractionDigits:2})} €</td>
    <td style="text-align:right">${ht.toLocaleString('fr-FR',{minimumFractionDigits:2,maximumFractionDigits:2})} €</td>
  </tr></tfoot>
</table></body></html>`;

    const w = window.open('', '_blank');
    w.document.write(html);
    w.document.close();
    w.print();
}
</script>
{% endblock body %}