{% 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="24px" font-weight="900" color="#0f172a" padding-bottom="10px">
                Bienvenue, {{ datas.admin.firstName }} !
            </mj-text>

            <mj-text>
                Votre accès administrateur a été configuré avec succès par <strong>{{ datas.creator.firstName }} {{ datas.creator.name }}</strong>.
            </mj-text>

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

            <mj-text font-weight="700" color="#64748b" text-transform="uppercase" font-size="12px" letter-spacing="1px">
                Vos accès de connexion
            </mj-text>

            <mj-section background-color="#f1f5f9" border-radius="12px" padding="15px">
                <mj-column>
                    <mj-text font-family="monospace" font-size="16px" color="#1e293b" align="center">
                        {{ datas.admin.email }}
                    </mj-text>
                </mj-column>
            </mj-section>

            <mj-text padding-top="25px">
                Pour des raisons de sécurité, vous devez définir votre propre mot de passe avant de pouvoir accéder au tableau de bord. Ce lien est valable jusqu'au <strong>{{ datas.expires_at|date('d/m/Y à H:i') }}</strong>.
            </mj-text>

            <mj-button background-color="#4f46e5" color="#ffffff" border-radius="12px" font-weight="900" inner-padding="18px 35px" href="{{ datas.setup_url }}" padding-top="30px">
                ACTIVER MON ACCÈS MAINTENANT
            </mj-button>

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