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

{% block subject %}
    Nouvelle candidature
{% 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>
                Un nouveau formulaire d'adhésion vient d'être soumis sur le site <strong>E-Cosplay</strong>. Voici les détails du candidat :
            </mj-text>
        </mj-column>
    </mj-section>

    <mj-section background-color="#ffffff" padding="0px">
        <mj-column width="90%" background-color="#fafafa" border="1px solid #e0e0e0" padding="15px">
            <mj-text font-size="15px" color="#333333" padding-bottom="5px">
                <strong>Candidat :</strong> {{ join.surname|upper }} {{ join.name }}
            </mj-text>
            <mj-text font-size="15px" color="#333333" padding-bottom="5px">
                <strong>Email :</strong> {{ join.email }}
            </mj-text>
            <mj-text font-size="15px" color="#333333" padding-bottom="5px">
                <strong>Rôles :</strong>
                {% if join.role is iterable %}
                    {{ join.role|join(', ') }}
                {% else %}
                    {{ join.role }}
                {% endif %}
            </mj-text>
            <mj-text font-size="15px" color="#333333">
                <strong>Date :</strong> {{ join.createAt|date('d/m/Y H:i') }}
            </mj-text>
        </mj-column>
    </mj-section>

    <mj-section background-color="#ffffff" padding-top="30px">
        <mj-column width="100%">
            <mj-text font-size="12px" color="#888888" align="center" padding-top="20px">
                Vous pouvez également retrouver le PDF généré en pièce jointe de ce mail.
            </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 %}
