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

{% block content %}
    <mj-section background-color="#ffffff" padding="40px 20px" border-radius="20px">
        <mj-column>
            {# En-tête J-1 #}
            <mj-text font-size="24px" font-weight="bold" color="#e74c3c" align="center">
                🚀 C'est pour demain !
            </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 }},
            </mj-text>

            <mj-text font-size="14px" color="#555555" line-height="22px">
                Votre événement approche à grands pas ! Nos équipes terminent le chargement de votre commande pour la livraison prévue demain.
            </mj-text>

            {# Infos Logistiques #}
            <mj-section background-color="#f8f9fa" border-radius="8px" padding="10px">
                <mj-column>
                    <mj-text font-size="14px" color="#2c3e50">
                        📍 <strong>Lieu :</strong> {{ datas.contrat.deliveryAddress }}
                    </mj-text>
                    <mj-text font-size="14px" color="#2c3e50">
                        ⏰ <strong>Horaire prévu :</strong> {{ datas.contrat.deliveryTimeSlot }}
                    </mj-text>
                </mj-column>
            </mj-section>

            {# Rappel Solde Urgent #}
            {% if data.isSolde == false%}
                <mj-text font-size="16px" color="#e74c3c" font-weight="bold" padding-top="20px">
                    ⚠️ Rappel : Paiement du solde
                </mj-text>
                <mj-text font-size="14px" color="#555555" line-height="22px">
                    Pour rappel, votre solde de <strong>{{ datas.contrat|resteAPayer }} €</strong> n'est pas encore validé.
                    <br><br>
                    Afin de fluidifier l'installation demain, nous vous recommandons de régler maintenant par CB via votre espace client. À défaut, <strong>le règlement devra être remis impérativement au livreur dès son arrivée</strong> pour permettre le déchargement du matériel.
                </mj-text>

                <mj-button background-color="#e74c3c" color="white" href="{{ datas.links.customerSpace }}" font-weight="bold">
                    Régler mon solde maintenant
                </mj-button>
            {% endif %}

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

            <mj-text font-size="13px" color="#7f8c8d" align="center" font-style="italic">
                Merci de préparer l'accès au terrain et de prévoir une prise électrique à proximité si nécessaire.
            </mj-text>

            <mj-text font-size="12px" color="#999999" padding-top="20px" align="center">
                Besoin d'aide ? Répondez directement à ce mail ou appelez-nous.
            </mj-text>
        </mj-column>
    </mj-section>


{% endblock %}
