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

{% block content %}
    <mj-section background-color="#ffffff" padding="40px 20px" border-radius="20px">
        <mj-column>
            {# Affichage des totaux via vos filtres personnalisés #}
            <mj-text font-size="16px" color="#333333">
                <strong>Total du devis :</strong> {{ datas.devis|totalQuoto }} €
            </mj-text>

            <mj-text font-size="16px" color="#333333">
                <strong>Acompte:</strong> {{ datas.devis|totalQuotoAccompte }} €
            </mj-text>

            {# Calcul des arrhes de 25% basé sur le montant total #}
            {# On suppose que totalQuoto renvoie un nombre ou est convertible #}
            <mj-text font-size="18px" color="#e74c3c" font-weight="bold">
                Arrhes à régler (25%) : {{ (datas.devis|totalQuoto * 0.25)|number_format(2, ',', ' ') }} €
            </mj-text>

            <mj-divider border-color="#f4f4f4" />

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

            <mj-text font-size="14px" color="#555555" line-height="20px">
                Votre devis n°<strong>{{ datas.devis.num }}</strong> est toujours en attente de signature.
            </mj-text>

            <mj-button background-color="#3498db" color="white" href="{{ datas.sign }}">
                Voir et signer mon devis
            </mj-button>
        </mj-column>
    </mj-section>


{% endblock %}
