{% extends '@kohinos/email/email_layout.html.twig' %}

{% set title %}
{% apply spaceless %}
	Votre demande d'achat mensuel récurrent a été validée
{% endapply %}
{% endset %}

{% block content %}
<div style="font-family: Arial, sans-serif; padding: 20px; background-color: #f4f4f4;">
    <div style="max-width: 600px; margin: 0 auto; background-color: #ffffff; padding: 30px; border-radius: 10px;">
        <h2 style="color: #28a745;">✅ Achat récurrent validé</h2>

        <p>Bonjour {{ adherent.user.firstname }},</p>

        <p>Bonne nouvelle ! Votre demande d'<strong>achat mensuel récurrent de monnaie locale</strong> a été <strong>validée</strong> par notre trésorier.</p>

        <div style="background-color: #d4edda; padding: 15px; border-left: 4px solid #28a745; margin: 20px 0;">
            <h3 style="margin-top: 0; color: #155724;">Détails de votre achat récurrent</h3>
            <ul style="list-style: none; padding: 0;">
                <li><strong>Montant mensuel :</strong> {{ request.monthlyAmount|number_format(2, ',', ' ') }} €</li>
                <li><strong>Jour de prélèvement :</strong> {{ request.debitDay }} de chaque mois</li>
                {% if request.sepaMandate %}
                <li><strong>Mandat SEPA :</strong> {{ request.sepaMandate.mandateReference }}</li>
                {% endif %}
            </ul>
        </div>

        <div style="background-color: #d1ecf1; padding: 15px; border-left: 4px solid #17a2b8; margin: 20px 0;">
            <p style="margin: 0;"><strong>💳 Prélèvement SEPA</strong></p>
            <p style="margin: 5px 0 0 0;">
                Le montant de <strong>{{ request.monthlyAmount|number_format(2, ',', ' ') }} €</strong> sera prélevé automatiquement
                sur votre compte bancaire le <strong>{{ request.debitDay }}</strong> de chaque mois.
            </p>
            <p style="margin: 10px 0 0 0;">
                Ce montant sera converti en monnaie locale et crédité sur votre compte eMLc.
            </p>
        </div>

        <div style="background-color: #f8f9fa; padding: 15px; border-left: 4px solid #6c757d; margin: 20px 0;">
            <p style="margin: 0;"><strong>📅 Premier prélèvement</strong></p>
            <p style="margin: 5px 0 0 0;">
                Votre premier prélèvement aura lieu le <strong>{{ request.debitDay }}</strong> du mois prochain
                (ou du mois en cours si nous sommes avant cette date).
            </p>
        </div>

        <p>Merci pour votre engagement envers la monnaie locale !</p>

        <p style="margin-top: 30px; font-size: 12px; color: #666;">
            Vous pouvez modifier ou annuler cet achat récurrent à tout moment depuis votre espace adhérent.
        </p>
    </div>
</div>
{% endblock content %}