{# templates/emails/login_intrusion_alert.html.twig #}
{% extends 'emails/base_email.html.twig' %}

{% block body %}
    <div style="background-color: #fef2f2; border: 1px solid #fee2e2; border-radius: 8px; padding: 20px; text-align: center;">
        <span style="font-size: 40px;">⚠️</span>
        <h1 style="color: #991b1b; font-size: 18px; font-weight: 700; margin-top: 10px;">Alerte de sécurité</h1>
    </div>

    <p style="color: #475569; font-size: 15px; line-height: 1.6; margin-top: 20px;">
        Bonjour <strong>{{ user.prenom }}</strong>,
    </p>

    <p style="color: #475569; font-size: 15px;">
        Nous avons détecté <strong>3 tentatives de connexion infructueuses</strong> consécutives sur votre compte LOYER-EXPRESS.
    </p>

    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #f8fafc; border-radius: 6px; padding: 15px; margin: 20px 0;">
        <tr>
            <td style="font-size: 13px; color: #64748b;">Date/Heure :</td>
            <td style="font-size: 13px; color: #0f172a; text-align: right;">{{ date|date('d/m/Y H:i') }}</td>
        </tr>
        <tr>
            <td style="font-size: 13px; color: #64748b;">Adresse IP :</td>
            <td style="font-size: 13px; color: #0f172a; text-align: right;">{{ ip }}</td>
        </tr>
    </table>

    <p style="color: #475569; font-size: 14px; font-style: italic;">
        Si vous êtes à l'origine de ces tentatives, vous pouvez ignorer ce message. Dans le cas contraire, nous vous conseillons vivement de réinitialiser votre mot de passe par mesure de précaution.
    </p>

    <div style="text-align: center; margin-top: 30px;">
        <a href="{{ url('app_forgot_password_request') }}" 
           style="background-color: #72a333; color: #ffffff; padding: 12px 25px; text-decoration: none; border-radius: 50px; font-weight: 700; font-size: 13px; display: inline-block;">
            SÉCURISER MON COMPTE
        </a>
    </div>
{% endblock %}