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

{% block content %}
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; color: #333; line-height: 1.6;">
    Bonjour {{ user.firstname }},
</p>

<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; color: #333; line-height: 1.6;">
    Nous vous remercions pour votre cotisation à {{ association.name }}.
</p>

<div style="background-color: #f8f9fa; border-left: 4px solid #28a745; padding: 15px; margin: 20px 0;">
    <p style="margin: 0 0 10px 0; font-weight: bold; color: #28a745;">
        ✓ Cotisation enregistrée
    </p>
    <ul style="margin: 0; padding-left: 20px; color: #333;">
        <li><strong>Montant :</strong> {{ cotisation.montant|number_format(2, ',', ' ') }} €</li>
        <li><strong>Date :</strong> {{ cotisation.createdAt|date('d/m/Y') }}</li>
        <li><strong>Année :</strong> {{ cotisation.annee }}</li>
        <li><strong>Moyen de paiement :</strong> {{ cotisation.moyen }}</li>
    </ul>
</div>

<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; color: #333; line-height: 1.6;">
    Vous trouverez en pièce jointe votre <strong>justificatif de cotisation</strong> au format PDF.
</p>

<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; color: #333; line-height: 1.6;">
    Vous pouvez également télécharger ce justificatif à tout moment depuis votre espace personnel :
</p>

<p style="text-align: center; margin: 25px 0;">
    <a href="{{ downloadUrl }}"
       style="display: inline-block; padding: 12px 25px; background-color: #007bff; color: #ffffff; text-decoration: none; border-radius: 5px; font-weight: bold;">
        📄 Télécharger mon attestation
    </a>
</p>

<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; color: #333; line-height: 1.6;">
    Merci de votre soutien à la monnaie locale !
</p>

<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; color: #333; line-height: 1.6;">
    Cordialement,<br/>
    L'équipe {{ association.nameSmall }}
</p>

{% if association.email %}
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; color: #666; margin-top: 30px; border-top: 1px solid #eee; padding-top: 15px;">
    Pour toute question, contactez-nous : <a href="mailto:{{ association.email }}">{{ association.email }}</a>
</p>
{% endif %}
{% endblock content %}