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

{% set title %}
{% apply spaceless %}
	Votre IBAN a été mis à jour
{% 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;">🔄 IBAN mis à jour</h2>
        
        <p>Bonjour {{ entity.user.firstname }},</p>
        
        <p>Votre IBAN a été <strong>modifié avec succès</strong>. Un nouveau mandat SEPA a été créé.</p>
        
        <div style="background-color: #d1ecf1; padding: 15px; border-left: 4px solid #17a2b8; margin: 20px 0;">
            <h3 style="margin-top: 0; color: #0c5460;">Ancien IBAN</h3>
            <p style="margin: 0; font-family: monospace; font-size: 14px;">
                {{ oldMandate.iban|slice(0, 4) }} **** **** **** **** {{ oldMandate.iban|slice(-4) }}
            </p>
        </div>
        
        <div style="background-color: #d4edda; padding: 15px; border-left: 4px solid #28a745; margin: 20px 0;">
            <h3 style="margin-top: 0; color: #155724;">Nouvel IBAN</h3>
            <p style="margin: 0; font-family: monospace; font-size: 14px;">
                {{ newMandate.iban|slice(0, 4) }} **** **** **** **** {{ newMandate.iban|slice(-4) }}
            </p>
            <p style="margin: 10px 0 0 0; font-size: 12px;">
                Référence unique : {{ newMandate.mandateReference }}
            </p>
        </div>
        
        <div style="background-color: #fff3cd; padding: 15px; border-left: 4px solid #ffc107; margin: 20px 0;">
            <p style="margin: 0;"><strong>⚠️ Validation requise</strong></p>
            <p style="margin: 5px 0 0 0;">
                Votre nouveau mandat SEPA est <strong>en attente de validation</strong> par le trésorier.
                Les prélèvements reprendront dès que le mandat sera validé.
            </p>
        </div>
        
        <p>Vous recevrez un email de confirmation dès que votre nouveau mandat sera validé.</p>
        
        <p style="margin-top: 30px; font-size: 12px; color: #666;">
            Si vous n'êtes pas à l'origine de cette modification, contactez immédiatement le trésorier.
        </p>
    </div>
</div>
{% endblock content %}