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

{% set title %}
{% apply spaceless %}
	✅ Prélèvement SEPA effectué
{% endapply %}
{% endset %}

{% block content %}
	<p>Bonjour {{ adherent.user.firstname }} {{ adherent.user.lastname }},</p>

	<p>Nous vous confirmons que le prélèvement SEPA pour votre cotisation a été effectué avec succès.</p>

	<div style="background-color: white; padding: 30px; margin: 20px 0; text-align: center; border: 2px solid #28a745; border-radius: 5px;">
		<p style="margin: 0; color: #6c757d;">Montant prélevé</p>
		<p style="font-size: 2.5em; color: #28a745; font-weight: bold; margin: 10px 0;">{{ amount|number_format(2, ',', ' ') }} €</p>
		<p style="margin: 0; color: #6c757d;">le {{ date|date('d/m/Y') }}</p>
	</div>

	<div style="background-color: white; padding: 15px; margin: 20px 0; border-left: 4px solid #28a745; border-radius: 5px;">
		<p><strong>Détails du prélèvement :</strong></p>
		<ul style="line-height: 1.8;">
			<li><strong>Date :</strong> {{ date|date('d/m/Y') }}</li>
			<li><strong>Montant :</strong> {{ amount|number_format(2, ',', ' ') }} €</li>
			<li><strong>Type :</strong> Cotisation récurrente</li>
		</ul>
	</div>

	<p>Ce montant apparaîtra sur votre relevé bancaire dans les prochains jours avec la mention "SEPA {{ KOH_MLC_NAME|default('Kohinos') }}".</p>

	<h3 style="font-size: 16px; color: #333; margin-top: 30px;">📊 Votre compte :</h3>
	<ul style="line-height: 1.8;">
		<li>Votre cotisation est à jour</li>
		<li>Votre participation aux caisses SSA est active</li>
		<li>Le prochain prélèvement aura lieu selon votre échéancier</li>
	</ul>

	<div style="background-color: #d4edda; padding: 15px; margin: 20px 0; border-left: 4px solid #28a745; border-radius: 5px;">
		<p style="margin: 0;">Merci pour votre engagement et votre participation à notre monnaie locale complémentaire !</p>
	</div>

	<p style="margin-top: 30px;">Cordialement,<br>
	L'équipe de gestion {{ KOH_MLC_NAME|default('') }}</p>

	<p style="font-size: 12px; color: #6c757d; margin-top: 20px;">
		<em>Cet email a été envoyé automatiquement, merci de ne pas y répondre.<br>
		Pour toute question, contactez votre trésorier.</em>
	</p>
{% endblock content %}