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

{% block content %}
    <mj-section background-color="#ffffff" padding="40px 20px" border-radius="20px">
        <mj-column>
            {# En-tête avec icône de rappel #}
            <mj-text font-size="20px" font-weight="bold" color="#2c3e50" align="center">
                📢 Rappel : Dépôt de garantie manquant
            </mj-text>

            <mj-divider border-width="2px" border-color="#3498db" width="50px" />

            <mj-text font-size="14px" color="#555555" padding-top="20px">
                Bonjour {{ datas.customer.name }} {{ datas.customer.surname }},
            </mj-text>

            <mj-text font-size="14px" color="#555555" line-height="22px">
                Votre événement pour le contrat n°<strong>{{ datas.contrat.numReservation }}</strong> approche à grands pas.
            </mj-text>

            <mj-text font-size="15px" color="#2c3e50" font-weight="bold" line-height="22px" padding-top="10px">
                À ce jour, nous n'avons pas encore réceptionné votre caution. Ce dépôt est indispensable pour la validation logistique et la remise du matériel.
            </mj-text>

            <mj-divider border-color="#f4f4f4" padding-top="20px" />

            {# Détails de la caution #}
            <mj-text font-size="16px" color="#333333">
                <strong>Événement :</strong> {{ datas.contrat.title }}
            </mj-text>

            <mj-text font-size="18px" color="#3498db" font-weight="bold" padding-top="10px">
                Montant de la caution : {{ datas.contrat.cautionAmount|number_format(2, ',', ' ') }} €
            </mj-text>

            <mj-text font-size="13px" color="#7f8c8d" padding-top="20px" line-height="20px">
                Veuillez nous faire parvenir ce dépôt selon les modalités prévues (chèque, empreinte CB ou virement) afin d'éviter tout retard lors de votre prestation du <strong>{{ datas.contrat.dateAt|date('d/m/Y') }}</strong>.
            </mj-text>

            <mj-text font-size="12px" color="#999999" padding-top="30px" align="center">
                Si l'envoi a déjà été effectué, merci de ne pas tenir compte de cet email.
            </mj-text>
        </mj-column>
    </mj-section>


{% endblock %}
