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

{% set title %}
{% apply spaceless %}
	Votre modification d'achat mensuel a été approuvé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;">✅ Modification approuvée</h2>
        
        <p>Bonjour {{ adherent.user.firstname }},</p>
        
        <p>Votre demande de modification de votre <strong>achat mensuel récurrent</strong> a été <strong>approuvé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;">Nouvelles informations</h3>
            <ul style="list-style: none; padding: 0;">
                {% if oldAmount and oldAmount != request.monthlyAmount %}
                <li><strong>Ancien montant :</strong> {{ oldAmount|number_format(2, ',', ' ') }} €</li>
                <li><strong>Nouveau montant :</strong> {{ request.monthlyAmount|number_format(2, ',', ' ') }} €</li>
                {% else %}
                <li><strong>Montant mensuel :</strong> {{ request.monthlyAmount|number_format(2, ',', ' ') }} €</li>
                {% endif %}
                
                {% if oldDebitDay and oldDebitDay != request.debitDay %}
                <li style="margin-top: 10px;"><strong>Ancien jour de prélèvement :</strong> {{ oldDebitDay }}</li>
                <li><strong>Nouveau jour de prélèvement :</strong> {{ request.debitDay }}</li>
                {% else %}
                <li style="margin-top: 10px;"><strong>Jour de prélèvement :</strong> {{ request.debitDay }}</li>
                {% endif %}
            </ul>
        </div>
        
        <div style="background-color: #d1ecf1; padding: 15px; border-left: 4px solid #17a2b8; margin: 20px 0;">
            <p style="margin: 0;"><strong>ℹ️ Prise en compte</strong></p>
            <p style="margin: 5px 0 0 0;">
                Ces modifications seront prises en compte dès le prochain prélèvement.
            </p>
        </div>
        
        <p>Merci pour votre participation !</p>
        
        <p style="margin-top: 30px; font-size: 12px; color: #666;">
            Si vous avez des questions, n'hésitez pas à contacter notre équipe.
        </p>
    </div>
</div>
{% endblock content %}