{% extends 'mails/base.twig' %}

{% block content %}
    <mj-section background-color="#ffffff" padding="40px 20px" border-radius="20px">
        <mj-column>
            <mj-text align="center" font-weight="900" font-size="10px" color="#3b82f6" letter-spacing="2px" text-transform="uppercase">
                Ludikevent • Sécurité
            </mj-text>

            <mj-text align="center" font-weight="900" font-style="italic" font-size="28px" color="#1e293b" text-transform="uppercase" padding-top="10px">
                Vérification <span style="color: #3b82f6;">du compte</span>
            </mj-text>

            <mj-divider border-width="1px" border-color="#e2e8f0" width="100px" padding-top="20px" padding-bottom="20px" />

            <mj-text font-size="15px" color="#475569" line-height="1.6">
                Bonjour <strong>{{ datas.customer.surname }} {{ datas.customer.name }}</strong>,
            </mj-text>

            <mj-text font-size="15px" color="#475569" line-height="1.6">
                Pour activer votre espace client, veuillez saisir le code de sécurité suivant :
            </mj-text>

            <mj-section background-color="#eff6ff" border="2px dashed #3b82f6" border-radius="15px" padding="30px">
                <mj-column>
                    <mj-text align="center" font-size="12px" color="#3b82f6" text-transform="uppercase" font-weight="bold" letter-spacing="1px" padding="0">
                        Votre code secret
                    </mj-text>
                    <mj-text align="center" font-size="42px" font-weight="900" color="#1e293b" padding="10px 0 0 0" letter-spacing="10px">
                        {{ datas.code }}
                    </mj-text>
                </mj-column>
            </mj-section>

            <mj-text align="center" font-size="12px" color="#94a3b8" padding-top="30px" line-height="1.4">
                Ce code est strictement confidentiel et expirera dans <strong>15 minutes</strong>.
                <br/>
                Si vous n'êtes pas à l'origine de cette demande, ignorez cet e-mail.
            </mj-text>

            <mj-divider border-width="1px" border-color="#f1f5f9" width="50px" padding-top="20px" />

            <mj-text align="center" font-size="11px" color="#94a3b8" padding-top="10px">
                Besoin d'assistance ? Contactez-nous au <strong>06 14 17 24 47</strong>.
            </mj-text>
        </mj-column>
    </mj-section>
{% endblock %}
