{# templates/emails/security/unusual_location.html.twig #}
{% extends 'emails/admin/alert.html.twig' %}

{% block title %}Localisation Inhabituelle Détectée{% endblock %}

{% block content %}
    <h2 style="color: {{ priority_color }}; margin: 0 0 20px 0;">
        <i class="fa {{ type_icon }}"></i> {{ type_label }}
    </h2>

    <div style="background: #FEF2F2; border-left: 4px solid #F97316; padding: 15px; margin: 20px 0; border-radius: 4px;">
        <p style="margin: 0; color: #9A3412; font-weight: bold;">
            Un utilisateur a accédé au système depuis une localisation inhabituelle.
        </p>
    </div>

    <table style="width: 100%; margin: 20px 0; border-collapse: collapse;">
        <tr style="background: #F9FAFB;">
            <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB; width: 30%;">Utilisateur</td>
            <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">
                <strong>{{ data.user_email }}</strong>
                <br><small style="color: #6B7280;">ID: {{ data.user_id }}</small>
            </td>
        </tr>
        <tr>
            <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB;">Pays d'origine</td>
            <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">
                <span style="color: #059669; font-weight: bold;">{{ data.original_country }}</span>
            </td>
        </tr>
        <tr style="background: #FEF2F2;">
            <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB;">Nouveau pays</td>
            <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">
                <span style="color: #DC2626; font-weight: bold;">{{ data.current_country }}</span>
            </td>
        </tr>
        <tr>
            <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB;">IP originale</td>
            <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">
                <code style="background: #F3F4F6; padding: 4px 8px; border-radius: 4px;">{{ data.original_ip }}</code>
            </td>
        </tr>
        <tr style="background: #FEF2F2;">
            <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB;">Nouvelle IP</td>
            <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">
                <code style="background: #FEE2E2; padding: 4px 8px; border-radius: 4px;">{{ data.current_ip }}</code>
            </td>
        </tr>
        <tr>
            <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB;">Date de détection</td>
            <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">{{ data.detected_at }}</td>
        </tr>
    </table>

    <div style="background: #FFFBEB; border: 1px solid #FCD34D; padding: 15px; margin: 20px 0; border-radius: 4px;">
        <p style="margin: 0 0 10px 0; color: #78350F; font-weight: bold;">
            <i class="fa fa-lightbulb"></i> Actions Recommandées:
        </p>
        <ul style="margin: 0; padding-left: 20px; color: #92400E;">
            <li>Contacter l'utilisateur pour confirmer l'activité</li>
            <li>Vérifier si d'autres sessions suspectes existent</li>
            <li>Forcer une ré-authentification si nécessaire</li>
            <li>Surveiller les activités futures depuis cette IP</li>
        </ul>
    </div>
{% endblock %}