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

{% block content %}
    <mj-section>
        <mj-column background-color="#ffffff" border-radius="20px" padding="40px" css-class="card-shadow warning-border">

            <mj-image width="50px" src="https://cdn-icons-png.flaticon.com/512/159/159478.png" padding-bottom="10px"></mj-image>

            <mj-text align="center" font-size="20px" font-weight="900" color="#1e293b" text-transform="uppercase" letter-spacing="1px">
                Sécurité du compte
            </mj-text>

            <mj-text align="center" font-size="15px" padding-top="20px">
                Bonjour <strong>{{ datas.account.firstName }}</strong>,
            </mj-text>

            <mj-text align="center" color="#64748b">
                L'authentification à deux facteurs (2FA) a été <span style="color: #e11d48; font-weight: bold;">désactivée</span> sur votre compte.
            </mj-text>

            <mj-text align="center" font-size="13px" color="#94a3b8" padding-top="20px">
                Votre compte n'est désormais protégé que par votre mot de passe habituel.
            </mj-text>

            <mj-divider border-width="1px" border-color="#f1f5f9" padding="30px 0"></mj-divider>

            {# --- BLOC INFORMATION AUTEUR --- #}
            <mj-text align="center" font-size="12px" color="#64748b">
                Action effectuée par l'administrateur :<br/>
                <span style="color: #1e293b; font-weight: bold;">{{ datas.who.firstName }} {{ datas.who.name }}</span>
            </mj-text>

            <mj-text align="center" font-size="12px" color="#64748b" font-style="italic" padding-top="20px">
                S'il ne s'agit pas d'une action prévue, veuillez contacter immédiatement le responsable informatique de Ludikevent.
            </mj-text>

        </mj-column>
    </mj-section>
{% endblock %}
