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

{% set title %}
{% apply spaceless %}
	[ACTION REQUISE] Votre mandat SEPA est inactif
{% 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;">⚠️ Votre mandat SEPA est inactif</h2>
        
        <p>Bonjour {{ adherent.user.firstname }},</p>
        
        <p>
            Nous vous informons que votre prélèvement SEPA pour la caisse <strong>{{ ssa.name }}</strong> 
            n'a <strong>pas pu être effectué</strong> ce mois-ci car votre mandat SEPA est inactif.
        </p>
        
        <div style="background-color: #fff3cd; padding: 15px; border-left: 4px solid #ffc107; margin: 20px 0;">
            <h3 style="margin-top: 0; color: #856404;">Informations sur votre mandat</h3>
            <ul style="list-style: none; padding: 0;">
                {% if mandate %}
                <li><strong>Référence :</strong> {{ mandate.mandateReference }}</li>
                <li><strong>IBAN :</strong> {{ mandate.iban|slice(0, 10) }}...{{ mandate.iban|slice(-4) }}</li>
                <li><strong>Statut :</strong> <span style="color: #dc3545; font-weight: bold;">{{ mandate.status|upper }}</span></li>
                {% else %}
                <li style="color: #dc3545;"><strong>Aucun mandat SEPA trouvé</strong></li>
                {% endif %}
                <li><strong>Caisse SSA :</strong> {{ ssa.name }}</li>
            </ul>
        </div>
        
        <div style="background-color: #f8d7da; padding: 15px; border-left: 4px solid #dc3545; margin: 20px 0;">
            <p style="margin: 0;"><strong>🚨 Action requise</strong></p>
            <p style="margin: 10px 0 0 0;">
                Pour continuer à participer à la caisse {{ ssa.name }}, vous devez :
            </p>
            <ol style="margin-top: 10px;">
                <li>Vérifier l'état de votre compte bancaire</li>
                <li>Créer un nouveau mandat SEPA si nécessaire</li>
                <li>Contacter notre trésorier pour régulariser votre situation</li>
            </ol>
        </div>
        
        <div style="background-color: #d1ecf1; padding: 15px; border-left: 4px solid #17a2b8; margin: 20px 0;">
            <p style="margin: 0;"><strong>💡 Créer un nouveau mandat</strong></p>
            <p style="margin: 10px 0 0 0;">
                Vous pouvez créer un nouveau mandat SEPA directement depuis votre espace adhérent :<br>
                <a href="{{ url('user_adherent_sepa_mandate_list') }}" style="color: #007bff; text-decoration: none;">👉 Gérer mes mandats SEPA</a>
            </p>
        </div>
        
        <p style="margin-top: 20px;">
            <strong>Attention :</strong> Tant que votre mandat ne sera pas réactivé, vos prélèvements mensuels seront suspendus.
        </p>
        
        <p style="margin-top: 30px; font-size: 12px; color: #666;">
            Pour toute question, contactez-nous à l'adresse : <a href="mailto:tresorier@kohinos.fr">tresorier@kohinos.fr</a>
        </p>
    </div>
</div>
{% endblock content %}