{% extends 'pdf/_base.html.twig' %}
{% import 'pdf/_macros.html.twig' as pdf %}

{% block extra_styles %}
        .title h1 { font-size: 20px; }
        .kpis { width: 100%; border-collapse: collapse; margin-top: 8px; }
        .kpis td { width: 33%; padding: 10px; }
        .card { background: #f0fdfa; border: 1px solid #99f6e4; border-radius: 6px; padding: 12px; }
        .card .label { color: #0f766e; font-size: 11px; }
        .card .value { font-size: 18px; font-weight: bold; color: #0d9488; margin-top: 4px; }
        table.det { width: 60%; border-collapse: collapse; margin-top: 20px; }
        table.det th { background: #0d9488; color: #fff; text-align: left; padding: 6px 8px; font-size: 11px; }
        table.det td { padding: 6px 8px; border-bottom: 1px solid #e5e5e5; }
{% endblock %}

{% block body %}
    {{ pdf.docHeader(
        company,
        'RAPPORT DE VENTES',
        ['Période : ' ~ periodLabel, 'Édité le ' ~ generatedAt|date('d/m/Y H:i')],
        []
    ) }}

    <table class="kpis"><tr>
        <td><div class="card"><div class="label">Chiffre d'affaires TTC</div><div class="value">{{ pdf.money(summary.revenueCents) }}</div></div></td>
        <td><div class="card"><div class="label">Nombre de ventes</div><div class="value">{{ summary.salesCount }}</div></div></td>
        <td><div class="card"><div class="label">Ticket moyen</div><div class="value">{{ pdf.money(averageTicketCents) }}</div></div></td>
    </tr></table>

    <table class="det">
        <thead><tr><th>Détail</th><th class="num">Montant</th></tr></thead>
        <tbody>
            <tr><td>Sous-total HT</td><td class="num">{{ pdf.money(summary.subtotalCents) }}</td></tr>
            <tr><td>TVA</td><td class="num">{{ pdf.money(summary.taxCents) }}</td></tr>
            <tr><td>Remises accordées</td><td class="num">{{ pdf.money(summary.discountCents) }}</td></tr>
        </tbody>
    </table>

    <table class="det">
        <thead><tr><th>Encaissement par moyen de paiement</th><th class="num">Montant</th></tr></thead>
        <tbody>
            <tr><td>Espèces</td><td class="num">{{ pdf.money(byMethod.cash) }}</td></tr>
            <tr><td>Mobile money</td><td class="num">{{ pdf.money(byMethod.mobile_money) }}</td></tr>
            <tr><td>Carte</td><td class="num">{{ pdf.money(byMethod.card) }}</td></tr>
        </tbody>
    </table>

    <div class="foot">Rapport généré automatiquement — {{ company.name }}. Ventes payées uniquement.</div>
{% endblock %}