{% extends 'emails/base_email.html.twig' %}

{% block email_title %}Échecs d'authentification répétés - 2AB Portal{% endblock %}

{% block preheader %}Plusieurs tentatives de connexion échouées ont été détectées.{% endblock %}

{% block email_content %}
    <!-- Titre principal avec icône -->
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 24px 0;">
        <tr>
            <td>
                <h1 style="margin: 0; font-size: 26px; font-weight: bold; color: #dc2626;">
                    &#9888; &Eacute;checs d'authentification r&eacute;p&eacute;t&eacute;s
                </h1>
            </td>
        </tr>
    </table>

    <!-- Alerte principale -->
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 28px 0;">
        <tr>
            <td style="padding: 20px; background-color: #fef2f2; border-left: 4px solid #ef4444; border-radius: 4px;">
                <p style="margin: 0; font-weight: bold; color: #991b1b; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 15px;">
                    Plusieurs tentatives de connexion &eacute;chou&eacute;es ont &eacute;t&eacute; d&eacute;tect&eacute;es.
                </p>
            </td>
        </tr>
    </table>

    <!-- Informations détaillées -->
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 28px 0; border: 1px solid #e5e7eb; border-radius: 6px;">
        <tr>
            <td style="padding: 12px 20px; background-color: #f9fafb; border-bottom: 1px solid #e5e7eb;">
                <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td style="width: 30%; font-weight: bold; color: #374151; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 14px;">Adresse IP</td>
                        <td style="color: #1a1a1a; font-family: Consolas, Monaco, 'Courier New', monospace; font-size: 14px;">
                            <span style="background-color: #f3f4f6; padding: 4px 8px; border-radius: 4px;">{{ data.ip_address }}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td style="padding: 12px 20px; border-bottom: 1px solid #e5e7eb;">
                <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td style="width: 30%; font-weight: bold; color: #374151; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 14px;">Nombre de tentatives</td>
                        <td style="color: #dc2626; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;">
                            {{ data.attempt_count }}
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td style="padding: 12px 20px; background-color: #f9fafb; {% if data.target_email %}border-bottom: 1px solid #e5e7eb;{% endif %}">
                <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td style="width: 30%; font-weight: bold; color: #374151; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 14px;">P&eacute;riode</td>
                        <td style="color: #1a1a1a; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 14px;">{{ data.time_period|default('1 heure') }}</td>
                    </tr>
                </table>
            </td>
        </tr>
        {% if data.target_email %}
        <tr>
            <td style="padding: 12px 20px;">
                <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td style="width: 30%; font-weight: bold; color: #374151; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 14px;">Email cibl&eacute;</td>
                        <td style="color: #1a1a1a; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 14px;"><strong>{{ data.target_email }}</strong></td>
                    </tr>
                </table>
            </td>
        </tr>
        {% endif %}
    </table>

    <!-- Avertissement -->
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 28px 0;">
        <tr>
            <td style="padding: 20px; background-color: #fee2e2; border: 1px solid #fca5a5; border-radius: 4px;">
                <p style="margin: 0 0 12px 0; font-weight: bold; color: #7f1d1d; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 15px;">
                    &#9888; Attention : Possible attaque par force brute
                </p>
                <p style="margin: 0; color: #991b1b; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6;">
                    Cette IP pourrait tenter de deviner des mots de passe. Un blocage temporaire ou permanent est recommand&eacute;.
                </p>
            </td>
        </tr>
    </table>

    <!-- Timestamp -->
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0;">
        <tr>
            <td style="padding: 16px; background-color: #f9fafb; border-radius: 4px;">
                <p style="margin: 0; color: #6b7280; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 12px;">
                    Cette alerte a &eacute;t&eacute; g&eacute;n&eacute;r&eacute;e automatiquement par le syst&egrave;me de s&eacute;curit&eacute;.
                </p>
            </td>
        </tr>
    </table>
{% endblock %}