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

{% block content %}
<table width="600" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
    <tr>
        <td style="padding: 32px;">
            <h1 style="font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 700; color: #111827; margin: 0 0 16px;">{{ customer.raisonSociale ? 'Chez ' ~ customer.raisonSociale : 'Bonjour ' ~ customer.firstName }},</h1>
            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 0 0 16px;">
                Vous avez choisi de regler l'avis de paiement <strong>{{ advert.orderNumber.numOrder }}</strong> par <strong>cheque</strong>. Voici les instructions :
            </p>
            <table width="100%" cellpadding="0" cellspacing="0" style="margin: 20px 0; border: 1px solid #e5e7eb;">
                <tr>
                    <td style="padding: 10px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #9ca3af; background: #f9fafb; width: 35%;">A l'ordre de</td>
                    <td style="padding: 10px 16px; font-size: 13px; font-weight: 700;">Association E-Cosplay</td>
                </tr>
                <tr>
                    <td style="padding: 10px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #9ca3af; background: #f9fafb;">{% if tva_enabled %}Montant TTC{% else %}Montant{% endif %}</td>
                    <td style="padding: 10px 16px; font-family: monospace; font-size: 16px; font-weight: 700;">{{ tva_enabled ? advert.totalTtc : advert.totalHt }} &euro;</td>
                </tr>
                <tr>
                    <td style="padding: 10px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #9ca3af; background: #f9fafb;">Adresse d'envoi</td>
                    <td style="padding: 10px 16px; font-size: 13px; font-weight: 700;">Association E-Cosplay<br>42 rue de Saint-Quentin<br>02800 Beautor</td>
                </tr>
                <tr>
                    <td style="padding: 10px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #9ca3af; background: #f9fafb;">Reference au dos</td>
                    <td style="padding: 10px 16px; font-family: monospace; font-size: 13px; font-weight: 700;">{{ advert.orderNumber.numOrder }}</td>
                </tr>
            </table>
            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #374151; line-height: 20px; margin: 0 0 8px;">
                Merci d'indiquer le numero de reference <strong>{{ advert.orderNumber.numOrder }}</strong> au dos du cheque pour faciliter le traitement.
            </p>
            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9ca3af; margin: 16px 0 0;">
                Delai de traitement : 48h a 72h apres reception du cheque.
            </p>
        </td>
    </tr>
</table>
{% endblock %}
