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

{% block content %}
<mj-section>
    <mj-column background-color="#ffffff" border-radius="24px" padding="40px" border="1px solid #e2e8f0">

        <mj-text font-size="22px" font-weight="900" color="#0f172a" padding-bottom="10px">
            Mise à jour de vos accès
        </mj-text>

        <mj-text>
            Bonjour <strong>{{ datas.account.firstName }}</strong>,
        </mj-text>

        <mj-text>
            Nous vous informons que votre mot de passe pour accéder à l'Intranet a été réinitialisé par <strong>{{ datas.who.firstName }} {{ datas.who.name }}</strong>.
        </mj-text>

        <mj-section background-color="#fdf2f2" border-radius="12px" border="1px solid #fee2e2" padding="20px">
            <mj-column>
                <mj-text font-size="12px" font-weight="700" color="#b91c1c" text-transform="uppercase" letter-spacing="1px" padding-bottom="5px">
                    Nouveau mot de passe provisoire
                </mj-text>
                <mj-text font-family="monospace" font-size="18px" font-weight="bold" color="#991b1b">
                    {{ datas.password }}
                </mj-text>
            </mj-column>
        </mj-section>

        <mj-text padding-top="20px" font-size="13px" color="#64748b italic">
            Par mesure de sécurité, nous vous recommandons de modifier ce mot de passe dès votre première connexion dans l'onglet "Mon Profil".
        </mj-text>

        <mj-button background-color="#1e293b" color="#ffffff" border-radius="12px" font-weight="700" inner-padding="15px 30px" href="{{ url('app_home') }}" padding-top="25px">
            SE CONNECTER
        </mj-button>

    </mj-column>
</mj-section>

<mj-section padding-top="0px">
    <mj-column>
        <mj-text align="center" font-size="11px" color="#94a3b8">
            Si vous n'êtes pas à l'origine de cette modification ou si vous n'étiez pas prévenu, contactez immédiatement la direction.
        </mj-text>
    </mj-column>
</mj-section>
{% endblock %}
