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

{% block content %}
<h2>✅ Votre mandat SEPA a été validé</h2>

<p>Bonjour {{ entity.user is defined ? entity.user.fullName : entity.raison }},</p>

<p>Bonne nouvelle ! Votre mandat SEPA a été validé par notre trésorier.</p>

<table style="width: 100%; margin: 20px 0; border-collapse: collapse;">
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd; background-color: #f9f9f9;"><strong>IBAN</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">{{ mandate.maskedIban }}</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd; background-color: #f9f9f9;"><strong>Référence unique (UMR)</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>{{ mandate.mandateReference }}</strong></td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd; background-color: #f9f9f9;"><strong>Date de validation</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">{{ mandate.validatedAt|date('d/m/Y à H:i') }}</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd; background-color: #f9f9f9;"><strong>Statut</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">
            <span style="background-color: #28a745; color: #fff; padding: 5px 10px; border-radius: 3px;">✓ Actif</span>
        </td>
    </tr>
</table>

<div style="background-color: #d4edda; border-left: 4px solid #28a745; padding: 15px; margin: 20px 0;">
    <p style="margin: 0;"><strong>✓ Votre mandat SEPA est maintenant actif !</strong></p>
    <p style="margin: 10px 0 0 0;">Vous pouvez désormais mettre en place des prélèvements automatiques.</p>
</div>

<h3>Que pouvez-vous faire maintenant ?</h3>

<ul style="line-height: 1.8;">
    {% if KOH_ALLOW_MLC|default('false') == 'true' %}
    <li><strong>Cotisation annuelle :</strong> Configurez le prélèvement automatique de votre cotisation (en euros ou en e-mlc)</li>
    <li><strong>Achat mensuel :</strong> Configurez l'achat automatique mensuel de monnaie locale</li>
    {% endif %}
    {% if KOH_ALLOW_SSA|default('false') == 'true' %}
    <li><strong>Cotisation SSA :</strong> Configurez le prélèvement automatique de votre cotisation à la Sécurité Sociale Alimentaire</li>
    {% endif %}
</ul>

<p>Rendez-vous dans votre espace personnel pour activer ces services.</p>

<p style="margin-top: 30px;">Cordialement,<br>L'équipe Kohinos</p>
{% endblock %}