{% extends 'email/base.html.twig' %}

{% block content %}
<table width="600" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
    <tr>
        <td style="padding: 32px;">
            {% set greeting = customer.raisonSociale ? 'Chez ' ~ customer.raisonSociale : 'Bonjour ' ~ customer.firstName %}
            <h1 style="font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 700; color: #111827; margin: 0 0 16px;">{{ greeting }},</h1>

            {% if level == '1st' %}
                <div style="background: #fef3c7; border-left: 4px solid #f59e0b; padding: 16px; margin: 0 0 20px;">
                    <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; color: #92400e; margin: 0;">
                        1er avertissement
                    </p>
                </div>

                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 0 0 16px;">
                    Nous constatons des manquements sur votre compte. Nous vous invitons a regulariser votre situation dans les meilleurs delais.
                </p>

                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 0 0 16px;">
                    <strong>En cas de repetition, un 2eme avertissement sera decide et pourra entrainer la suspension de vos services.</strong>
                </p>

            {% elseif level == '2nd' %}
                <div style="background: #fff7ed; border-left: 4px solid #ea580c; padding: 16px; margin: 0 0 20px;">
                    <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; color: #9a3412; margin: 0;">
                        2eme avertissement - Procedure de suspension engagee
                    </p>
                </div>

                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 0 0 16px;">
                    Malgre notre precedent avertissement, nous constatons que votre situation n'a pas ete regularisee.
                </p>

                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ea580c; line-height: 22px; margin: 0 0 16px; font-weight: 700;">
                    Ceci est votre 2eme avertissement. Nous vous informons que la procedure de suspension a ete preparee :
                </p>

                <ul style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #374151; line-height: 22px; margin: 0 0 16px; padding-left: 20px;">
                    <li style="margin-bottom: 8px;">La <strong>resiliation de vos services</strong> (sites internet, emails, noms de domaine) a ete preparee</li>
                    <li style="margin-bottom: 8px;">La <strong>fermeture de votre compte</strong> a ete programmee</li>
                    <li style="margin-bottom: 8px;">Ces mesures seront <strong>effectives au prochain avertissement</strong> en l'absence de regularisation</li>
                </ul>

                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 0 0 16px;">
                    Nous vous invitons a regulariser votre situation dans les plus brefs delais afin d'eviter la suspension definitive de vos services.
                </p>

            {% elseif level == 'last' %}
                <div style="background: #fef2f2; border-left: 4px solid #dc2626; padding: 16px; margin: 0 0 20px;">
                    <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; color: #991b1b; margin: 0;">
                        Dernier avertissement avant suspension
                    </p>
                </div>

                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 0 0 16px;">
                    Malgre nos precedents avertissements, votre situation n'a toujours pas ete regularisee.
                </p>

                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #dc2626; line-height: 22px; margin: 0 0 16px; font-weight: 700;">
                    Ceci est votre dernier avertissement. Sans regularisation sous 48 heures, nous procederons a la suspension immediate de votre compte et de l'ensemble de vos services (sites internet, emails, noms de domaine).
                </p>

            {% endif %}

            {% if reasons is defined and reasons|length > 0 %}
                {% set reasonLabels = {
                    'impayes': 'Impayes et/ou rejets de prelevement',
                    'irrespect': 'Manque de respect et/ou insultes envers notre equipe',
                    'hors_horaires': 'Appels repetes hors des heures d\'ouverture avec refus de payer le service hors horaire',
                    'gratuit': 'Exigence de services gratuits non prevus dans votre contrat'
                } %}
                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; color: #374151; margin: 16px 0 8px;">Motifs constates :</p>
                <ul style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #374151; line-height: 22px; margin: 0 0 16px; padding-left: 20px;">
                    {% for reason in reasons %}
                        <li style="margin-bottom: 6px;">{{ reasonLabels[reason] ?? reason }}</li>
                    {% endfor %}
                </ul>
            {% endif %}

            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 16px 0;">
                Nous vous invitons a regulariser votre situation dans les meilleurs delais ou a contacter notre service pour trouver une solution.
            </p>

            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9ca3af; margin: 20px 0 0;">
                Pour toute question : <a href="mailto:client@e-cosplay.fr" style="color: #fabf04; font-weight: 700;">client@e-cosplay.fr</a>
            </p>

            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #d1d5db; margin: 16px 0 0;">
                Ce message est un avertissement officiel de l'Association E-Cosplay. Il fait foi en cas de litige.<br>
                Toutes les decisions relatives aux avertissements sont prises par le bureau de l'association a huis clos.<br>
                Toute contestation devra etre adressee a <a href="mailto:direction@e-cosplay.fr" style="color: #d1d5db;">direction@e-cosplay.fr</a>
            </p>
        </td>
    </tr>
</table>
{% endblock %}
