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

{% block extra_styles %}
        table.items { width: 100%; border-collapse: collapse; margin-top: 12px; }
        table.items th { background: #0d9488; color: #fff; text-align: left; padding: 6px 8px; font-size: 11px; }
        table.items td { padding: 6px 8px; border-bottom: 1px solid #e5e5e5; }
        table.tot { width: 45%; margin-left: 55%; margin-top: 12px; border-collapse: collapse; }
        table.tot td { padding: 4px 8px; }
        table.tot .lbl { color: #555; }
        table.tot .grand td { border-top: 2px solid #0d9488; font-weight: bold; font-size: 14px; color: #0d9488; }
{% endblock %}

{% block body %}
    {% set addr = [company.address, company.city, company.country]|filter(v => v)|join(' - ') %}
    {% set contact = [company.phone, company.email]|filter(v => v)|join(' · ') %}
    {{ pdf.docHeader(
        company,
        'FACTURE',
        ['N° ' ~ invoice.reference, 'Date : ' ~ (invoice.issuedAt ? invoice.issuedAt|date('d/m/Y H:i') : '')],
        [addr, contact]
    ) }}

    <div><strong>Facturé à :</strong> {{ invoice.customerName ?: 'Client comptant' }}</div>
    <div class="muted">Réf. vente : {{ sale ? sale.reference : '' }}</div>

    <table class="items">
        <thead><tr><th>Désignation</th><th class="num">Qté</th><th class="num">P.U. TTC</th><th class="num">Total TTC</th></tr></thead>
        <tbody>
            {% for line in sale ? sale.lines : [] %}
                <tr>
                    <td>{{ line.productName }}</td>
                    <td class="num">{{ line.quantity }}</td>
                    <td class="num">{{ pdf.money(line.unitPriceCents) }}</td>
                    <td class="num">{{ pdf.money(line.lineTotalCents) }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

    <table class="tot">
        <tr><td class="lbl">Sous-total HT</td><td class="num">{{ pdf.money(invoice.subtotalCents) }}</td></tr>
        <tr><td class="lbl">TVA</td><td class="num">{{ pdf.money(invoice.taxCents) }}</td></tr>
        {% if invoice.discountCents > 0 %}
            <tr><td class="lbl">Remise</td><td class="num">- {{ pdf.money(invoice.discountCents) }}</td></tr>
        {% endif %}
        <tr class="grand"><td>Total TTC</td><td class="num">{{ pdf.money(invoice.totalCents) }}</td></tr>
    </table>

    <div class="foot">
        Arrêtée la présente facture à la somme de <strong>{{ pdf.money(invoice.totalCents) }}</strong>.<br>
        Montants en francs CFA (XOF). Merci de votre confiance.
    </div>
{% endblock %}