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

{% set title %}
{% apply spaceless %}
	❌ Échec du prélèvement SEPA
{% endapply %}
{% endset %}

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

	<div style="background-color: #f8d7da; padding: 20px; margin: 20px 0; border-left: 4px solid #dc3545; border-radius: 5px;">
		<p style="margin: 0;"><strong>⚠️ Le prélèvement SEPA de votre cotisation a échoué</strong></p>
		<p style="margin: 10px 0 0;">Nous n'avons pas pu effectuer le prélèvement automatique sur votre compte bancaire.</p>
	</div>

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

	<h3 style="font-size: 16px; color: #333; margin-top: 30px;">🔍 Causes possibles :</h3>
	<ul style="line-height: 1.8;">
		<li><strong>Solde insuffisant</strong> sur votre compte bancaire</li>
		<li><strong>Coordonnées bancaires incorrectes</strong> ou obsolètes</li>
		<li><strong>Opposition au prélèvement</strong> auprès de votre banque</li>
		<li><strong>Compte bancaire fermé</strong> ou bloqué</li>
		<li><strong>Mandat SEPA révoqué</strong> ou expiré</li>
	</ul>

	<div style="background-color: #d1ecf1; padding: 20px; margin: 20px 0; border-left: 4px solid #17a2b8; border-radius: 5px;">
		<p><strong>📋 Actions à effectuer immédiatement :</strong></p>
		<ol style="line-height: 1.8;">
			<li><strong>Vérifiez votre solde bancaire</strong> et assurez-vous d'avoir les fonds nécessaires</li>
			<li><strong>Vérifiez vos coordonnées bancaires</strong> dans votre espace adhérent</li>
			<li><strong>Contactez votre trésorier</strong> pour régulariser la situation</li>
			<li><strong>Effectuez un paiement manuel</strong> si nécessaire</li>
		</ol>
	</div>

	<p><strong>⚠️ Conséquences :</strong></p>
	<ul style="line-height: 1.8;">
		<li>Votre cotisation n'est pas à jour</li>
		<li>Votre participation aux caisses SSA pourrait être suspendue</li>
		<li>Des frais bancaires peuvent s'appliquer selon votre banque</li>
	</ul>

	<div style="background-color: #fff3cd; padding: 15px; margin: 20px 0; border-left: 4px solid #ffc107;">
		<p style="margin: 0;"><strong>⏰ Agissez rapidement</strong> pour éviter toute interruption de service et régulariser votre situation.</p>
	</div>

	<p>Pour toute question ou assistance, contactez votre trésorier qui pourra vous aider à résoudre ce problème.</p>

	<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 %}