{% 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">
                Statut de votre accès mis à jour
            </mj-text>

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

            <mj-text>
                L'état de votre compte sur l'Intranet Ludikevent a été modifié par <strong>{{ datas.who.firstName }} {{ datas.who.name }}</strong>.
            </mj-text>

            <mj-section background-color="{{ datas.stats ? '#ecfdf5' : '#fff1f2' }}" border-radius="12px" border="1px solid {{ datas.stats ? '#d1fae5' : '#ffe4e6' }}" padding="20px">
                <mj-column>
                    <mj-text align="center" font-size="12px" font-weight="900" color="{{ datas.stats ? '#065f46' : '#9f1239' }}" text-transform="uppercase" letter-spacing="2px">
                        Nouveau statut : {{ datas.stats ? 'COMPTE ACTIVÉ' : 'COMPTE BLOQUÉ' }}
                    </mj-text>
                </mj-column>
            </mj-section>

            {% if datas.stats %}
                <mj-text padding-top="20px">
                    Votre accès est désormais opérationnel. Vous pouvez vous connecter à votre tableau de bord dès maintenant.
                </mj-text>
                <mj-button background-color="#10b981" color="#ffffff" border-radius="12px" font-weight="700" inner-padding="15px 30px" href="{{ url('app_home') }}" padding-top="20px">
                    ACCÉDER AU CRM
                </mj-button>
            {% else %}
                <mj-text padding-top="20px">
                    Votre accès a été suspendu. Si vous pensez qu'il s'agit d'une erreur, nous vous invitons à contacter votre responsable ou l'Administrateur Principal.
                </mj-text>
                <mj-button background-color="#f43f5e" color="#ffffff" border-radius="12px" font-weight="700" inner-padding="15px 30px" href="mailto:jovann@siteconseil.fr" padding-top="20px">
                    CONTACTER LE SUPPORT
                </mj-button>
            {% endif %}
        </mj-column>
    </mj-section>
{% endblock %}