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

{% block content %}
<table width="600" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
    <tr>
        <td style="padding: 32px;">
            {% set greeting = customer.raisonSociale ? 'Chez ' ~ customer.raisonSociale : 'Bonjour ' ~ customer.firstName %}
            <h1 style="font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 900; color: #111827; margin: 0 0 16px; text-transform: uppercase;">Verification de securite</h1>
            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 0 0 16px;">
                {{ greeting }}, pour acceder a votre echeancier de paiement, saisissez le code ci-dessous :
            </p>

            <table cellpadding="0" cellspacing="0" style="margin: 24px auto;">
                <tr>
                    <td style="background-color: #111827; padding: 20px 40px; border: 3px solid #111827;">
                        <span style="font-family: monospace; font-size: 36px; font-weight: 900; color: #fabf04; letter-spacing: 12px;">{{ code }}</span>
                    </td>
                </tr>
            </table>

            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9ca3af; line-height: 18px; margin: 16px 0 0; text-align: center;">
                Ce code expire dans <strong>15 minutes</strong>.<br>
                Si vous n'etes pas a l'origine de cette demande, ignorez simplement cet email.
            </p>
        </td>
    </tr>
</table>
{% endblock %}
