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

{% set title %}
{% apply spaceless %}
	[ALERTE SSA] {{ count }} mandat(s) SEPA inactif(s) détecté(s)
{% endapply %}
{% endset %}

{% block content %}
<div style="font-family: Arial, sans-serif; padding: 20px; background-color: #f4f4f4;">
    <div style="max-width: 800px; margin: 0 auto; background-color: #ffffff; padding: 30px; border-radius: 10px;">
        <h2 style="color: #dc3545;">⚠️ Alerte : Mandats SEPA inactifs</h2>
        
        <p>Bonjour Trésorier,</p>
        
        <p>
            Lors de l'exécution de la commande SSA, <strong>{{ count }} mandat(s) SEPA inactif(s)</strong> ont été détectés.
            Les prélèvements correspondants ont été <strong>ignorés</strong> pour éviter les erreurs bancaires.
        </p>
        
        <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;">
                Les adhérents ci-dessous ne seront PAS prélevés ce mois-ci. Vous devez :
            </p>
            <ul style="margin-top: 10px;">
                <li>Vérifier l'état des mandats SEPA</li>
                <li>Contacter les adhérents concernés</li>
                <li>Réactiver ou créer de nouveaux mandats</li>
            </ul>
        </div>
        
        <h3 style="color: #333; border-bottom: 2px solid #dc3545; padding-bottom: 10px;">Liste des mandats inactifs</h3>
        
        <table style="width: 100%; border-collapse: collapse; margin-top: 20px;">
            <thead>
                <tr style="background-color: #f8f9fa;">
                    <th style="border: 1px solid #dee2e6; padding: 10px; text-align: left;">Adhérent</th>
                    <th style="border: 1px solid #dee2e6; padding: 10px; text-align: left;">Email</th>
                    <th style="border: 1px solid #dee2e6; padding: 10px; text-align: left;">Caisse SSA</th>
                    <th style="border: 1px solid #dee2e6; padding: 10px; text-align: left;">Mandat SEPA</th>
                    <th style="border: 1px solid #dee2e6; padding: 10px; text-align: left;">Statut</th>
                </tr>
            </thead>
            <tbody>
                {% for item in inactiveMandates %}
                <tr>
                    <td style="border: 1px solid #dee2e6; padding: 10px;">
                        {{ item.adherent.user.firstname }} {{ item.adherent.user.lastname }}
                    </td>
                    <td style="border: 1px solid #dee2e6; padding: 10px;">
                        <a href="mailto:{{ item.adherent.user.email }}">{{ item.adherent.user.email }}</a>
                    </td>
                    <td style="border: 1px solid #dee2e6; padding: 10px;">
                        {{ item.ssa.name }}
                    </td>
                    <td style="border: 1px solid #dee2e6; padding: 10px;">
                        {% if item.mandate %}
                            {{ item.mandate.mandateReference }}<br>
                            <small style="color: #666;">IBAN: {{ item.mandate.iban }}</small>
                        {% else %}
                            <span style="color: #dc3545;">Aucun mandat</span>
                        {% endif %}
                    </td>
                    <td style="border: 1px solid #dee2e6; padding: 10px;">
                        {% if item.mandate %}
                            <span style="color: #dc3545; font-weight: bold;">{{ item.mandate.status|upper }}</span>
                        {% else %}
                            <span style="color: #dc3545; font-weight: bold;">MANQUANT</span>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        
        <div style="background-color: #d1ecf1; padding: 15px; border-left: 4px solid #17a2b8; margin: 20px 0;">
            <p style="margin: 0;"><strong>💡 Accès rapide</strong></p>
            <p style="margin: 10px 0 0 0;">
                Vous pouvez gérer les mandats SEPA depuis l'interface d'administration :<br>
                <a href="{{ url('admin_app_sepamandate_list') }}" style="color: #007bff; text-decoration: none;">👉 Gérer les mandats SEPA</a>
            </p>
        </div>
        
        <p style="margin-top: 30px; font-size: 12px; color: #666;">
            Cet email a été envoyé automatiquement par la commande SSA.<br>
            Date d'exécution : {{ "now"|date('d/m/Y à H:i') }}
        </p>
    </div>
</div>
{% endblock content %}