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

{% set title %}
{% apply spaceless %}
	Votre demande de modification d'achat mensuel a été enregistré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: #007bff;">📝 Demande de modification enregistrée</h2>
        
        <p>Bonjour {{ adherent.user.firstname }},</p>
        
        <p>Votre demande de modification de votre <strong>achat mensuel récurrent</strong> a bien été enregistrée.</p>
        
        <div style="background-color: #d1ecf1; padding: 15px; border-left: 4px solid #17a2b8; margin: 20px 0;">
            <h3 style="margin-top: 0; color: #0c5460;">Modifications demandées</h3>
            <ul style="list-style: none; padding: 0;">
                {% if request.newAmountRequested %}
                <li><strong>Montant actuel :</strong> {{ request.monthlyAmount|number_format(2, ',', ' ') }} €</li>
                <li><strong>Nouveau montant :</strong> {{ request.newAmountRequested|number_format(2, ',', ' ') }} €</li>
                {% endif %}
                {% if request.newDebitDayRequested %}
                <li style="margin-top: 10px;"><strong>Jour de prélèvement actuel :</strong> {{ request.debitDay }}</li>
                <li><strong>Nouveau jour demandé :</strong> {{ request.newDebitDayRequested }}</li>
                {% endif %}
            </ul>
        </div>
        
        <div style="background-color: #fff3cd; padding: 15px; border-left: 4px solid #ffc107; margin: 20px 0;">
            <p style="margin: 0;"><strong>⏳ En attente de validation</strong></p>
            <p style="margin: 5px 0 0 0;">
                Votre demande est actuellement <strong>en attente de validation</strong> par le trésorier.
                Votre achat récurrent actuel reste inchangé jusqu'à la validation.
            </p>
        </div>
        
        <p>Vous recevrez un email dès que le trésorier aura traité votre demande.</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 %}