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

{% block subject %}
    [E-Cosplay] Nouvelle candidature : {{ datas.join.pseudo|default(datas.join.surname|upper) }}
{% endblock %}

{% block content %}
    <mj-section background-color="#ffffff" padding-top="20px">
        <mj-column width="100%">
            <mj-text font-size="24px" color="#333333" font-weight="bold" align="center">
                Nouvelle Candidature Reçue !
            </mj-text>
            <mj-text font-size="16px" color="#555555" line-height="24px">
                Bonjour l'équipe, <br><br>
                Une nouvelle demande d'adhésion vient d'être soumise. Voici le profil de <strong>{{ datas.join.pseudo|default('ce candidat') }}</strong> :
            </mj-text>
        </mj-column>
    </mj-section>

    <mj-section background-color="#ffffff" padding="0px">
        <mj-column width="90%" background-color="#fafafa" border="2px solid #1a1a1a" padding="15px">

            {# IDENTITÉ #}
            <mj-text font-size="15px" color="#333333" padding-bottom="5px">
                <strong>Pseudo / Scène :</strong> <span color="#E63946">{{ datas.join.pseudo|default('N/C') }}</span>
            </mj-text>
            <mj-text font-size="15px" color="#333333" padding-bottom="5px">
                <strong>Identité :</strong> ({{ datas.join.civ|upper }}) {{ datas.join.surname|upper }} {{ datas.join.name }}
            </mj-text>

            {# COMMUNAUTÉ #}
            <mj-text font-size="14px" color="#333333" padding-bottom="5px">
                <strong>Cross-Cosplay :</strong> {{ datas.join.crossCosplay|upper }} |
                <strong>Transidentité :</strong> {{ datas.join.trans|upper }}
            </mj-text>

            <mj-divider border-width="1px" border-style="dashed" border-color="#e0e0e0" />

            {# CONTACT & RÔLES #}
            <mj-text font-size="15px" color="#333333" padding-bottom="5px">
                <strong>Email :</strong> {{ datas.join.email }}
            </mj-text>
            <mj-text font-size="15px" color="#333333" padding-bottom="5px">
                <strong>Rôles souhaités :</strong>
                {% if datas.join.role is iterable %}
                    {{ datas.join.role|join(', ') }}
                {% else %}
                    {{ datas.join.role }}
                {% endif %}
            </mj-text>
            <mj-text font-size="15px" color="#333333">
                <strong>Soumis le :</strong> {{ datas.join.createAt|date('d/m/Y H:i') }}
            </mj-text>
        </mj-column>
    </mj-section>

    <mj-section background-color="#ffffff" padding-top="20px">
        <mj-column width="90%">
            <mj-text font-size="14px" color="#555555" font-style="italic">
                "{{ datas.join.who|slice(0, 150) }}..."
            </mj-text>
        </mj-column>
    </mj-section>

    <mj-section background-color="#ffffff" padding-top="10px">
        <mj-column width="100%">
            <mj-text font-size="12px" color="#E63946" font-weight="bold" align="center">
                Consultez le PDF joint pour le dossier complet et les liens réseaux sociaux.
            </mj-text>
        </mj-column>
    </mj-section>

    <mj-section padding-top="20px">
        <mj-column width="100%">
            <mj-text font-size="12px" color="#aaaaaa" align="center">
                © {{ "now"|date("Y") }} E-Cosplay Association - 42 rue de saint-quentin 02800 Beautor
            </mj-text>
        </mj-column>
    </mj-section>
{% endblock %}