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

{% set title %}
{% apply spaceless %}
	[ALERTE] Changement d'IBAN détecté
{% 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: #ffc107;">⚠️ Changement d'IBAN détecté</h2>
        
        <p>Bonjour,</p>
        
        <p>Un <strong>changement d'IBAN</strong> a été effectué et un nouveau mandat SEPA a été créé.</p>
        
        <div style="background-color: #fff3cd; padding: 15px; border-left: 4px solid #ffc107; margin: 20px 0;">
            <h3 style="margin-top: 0; color: #856404;">👤 Propriétaire du mandat</h3>
            <p style="margin: 0;">
                {% if newMandate.adherent %}
                    <strong>{{ newMandate.adherent.user.firstname }} {{ newMandate.adherent.user.lastname }}</strong>
                    <br>Email : {{ newMandate.adherent.user.email }}
                {% elseif newMandate.prestataire %}
                    <strong>{{ newMandate.prestataire.raison }}</strong>
                    <br>Email : {{ newMandate.prestataire.user.email }}
                {% elseif newMandate.compteur %}
                    <strong>Comptoir : {{ newMandate.compteur.name }}</strong>
                    <br>Email : {{ newMandate.compteur.user.email }}
                {% endif %}
            </p>
        </div>
        
        <div style="background-color: #f8d7da; padding: 15px; border-left: 4px solid #dc3545; margin: 20px 0;">
            <h3 style="margin-top: 0; color: #721c24;">Ancien IBAN</h3>
            <p style="margin: 0; font-family: monospace; font-size: 14px;">
                {{ oldMandate.iban|slice(0, 4) }} **** **** **** **** {{ oldMandate.iban|slice(-4) }}
            </p>
            <p style="margin: 5px 0 0 0; font-size: 12px; color: #666;">
                BIC : {{ oldMandate.bic }}
            </p>
        </div>
        
        <div style="background-color: #d1ecf1; padding: 15px; border-left: 4px solid #17a2b8; margin: 20px 0;">
            <h3 style="margin-top: 0; color: #0c5460;">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: 5px 0 0 0; font-size: 12px; color: #666;">
                BIC : {{ newMandate.bic }}<br>
                Référence : {{ newMandate.mandateReference }}
            </p>
        </div>
        
        <div style="background-color: #ffeaa7; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <p style="margin: 0;"><strong>🔍 Action requise</strong></p>
            <p style="margin: 10px 0 0 0;">
                Le nouveau mandat doit être <strong>validé</strong> avant que les prélèvements puissent reprendre.
                Veuillez vérifier les informations et valider le mandat dans l'interface d'administration.
            </p>
        </div>
        
        <p style="margin-top: 30px; font-size: 12px; color: #666;">
            Cette alerte est envoyée automatiquement lors de chaque changement d'IBAN.
        </p>
    </div>
</div>
{% endblock content %}