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

{% block content %}
    <mj-section background-color="#ffffff" padding="40px 20px" border-radius="20px">
        <mj-column>
            {# En-tête avec avertissement d'annulation #}
            <mj-text font-size="20px" font-weight="bold" color="#e74c3c" align="center">
                ⚠️ Action requise : Paiement de l'acompte
            </mj-text>

            <mj-divider border-width="2px" border-color="#e74c3c" 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">
                Nous avons bien reçu votre signature pour le contrat n°<strong>{{ datas.contrat.numReservation }}</strong>, mais le règlement de l'acompte n'est pas encore validé.
            </mj-text>

            <mj-text font-size="15px" color="#e74c3c" font-weight="bold" line-height="22px" padding-top="10px">
                Attention : Votre réservation ne sera définitivement confirmée qu'à réception de l'acompte. Sans paiement sous 3 jours, les créneaux seront remis en disponibilité.
            </mj-text>

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

            {# Récapitulatif financier #}
            <mj-text font-size="16px" color="#333333">
                <strong>Total de la réservation :</strong> {{ datas.contrat|totalContrat }} €
            </mj-text>

            <mj-text font-size="18px" color="#2c3e50" font-weight="bold" padding-top="10px">
                Acompte à régler (25%) : {{ (datas.contrat|totalContrat * 0.25)|number_format(2, ',', ' ') }} €
            </mj-text>

            <mj-text font-size="12px" color="#999999" padding-top="30px" align="center">
                Si vous avez déjà effectué le virement, merci de ne pas tenir compte de cet email. Notre équipe reste à votre disposition.
            </mj-text>
        </mj-column>
    </mj-section>


{% endblock %}
