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

{% set title %}
{% apply spaceless %}
	Votre demande d'achat mensuel récurrent 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 d'achat récurrent enregistrée</h2>
        
        <p>Bonjour {{ adherent.user.firstname }},</p>
        
        <p>Votre demande d'<strong>achat mensuel récurrent de monnaie locale</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;">Détails de la demande</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 }}</li>
                <li><strong>Mode de paiement :</strong> SEPA (prélèvement bancaire)</li>
                {% if request.sepaMandate %}
                <li><strong>Mandat SEPA :</strong> {{ request.sepaMandate.mandateReference }}</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.
                Une fois validée, le montant sera prélevé automatiquement chaque mois et crédité sur votre compte eMLc.
            </p>
        </div>
        
        <p>Vous recevrez un email de confirmation dès que votre achat récurrent sera validé.</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 %}