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

{% block title %}[SÉCURITÉ] Activité suspecte détectée{% endblock %}

{% block content %}
<h2 style="color: #f44336;">⚠️ Alerte de sécurité</h2>

<p>Une activité suspecte a été détectée sur le système :</p>

<div style="background-color: #fff3cd; border-left: 4px solid #f44336; padding: 15px; margin: 20px 0;">
    <strong>Raison :</strong> {{ reason }}
</div>

<h3>Utilisateur concerné</h3>
<div style="background-color: #f5f5f5; padding: 15px; border-radius: 5px; margin: 20px 0;">
    <strong>ID :</strong> {{ user.id }}<br>
    <strong>Email :</strong> {{ user.email }}<br>
    <strong>Nom :</strong> {{ user.fullName }}<br>
    <strong>Rôles :</strong> {{ user.roles|join(', ') }}
</div>

<h3>Appareil suspect</h3>
<div style="background-color: #f5f5f5; padding: 15px; border-radius: 5px; margin: 20px 0;">
    <strong>ID Appareil :</strong> {{ device.id }}<br>
    <strong>Nom :</strong> {{ device.displayName }}<br>
    <strong>Type :</strong> {{ device.deviceType|capitalize }}<br>
    {% if device.browser %}
        <strong>Navigateur :</strong> {{ device.browser }}<br>
    {% endif %}
    {% if device.os %}
        <strong>OS :</strong> {{ device.os }}<br>
    {% endif %}
    <strong>Appareil de confiance :</strong> {{ device.trusted ? 'Oui' : 'Non' }}<br>
    <strong>Nombre de connexions :</strong> {{ device.loginCount }}<br>
    <strong>Dernière IP :</strong> {{ device.lastIpAddress }}<br>
    <strong>Localisation :</strong> {{ device.lastCity ? device.lastCity ~ ', ' : '' }}{{ device.lastCountry ?? 'Inconnue' }}<br>
    <strong>Première connexion :</strong> {{ device.firstSeenAt|date('d/m/Y à H:i') }}<br>
    <strong>Dernière activité :</strong> {{ device.lastSeenAt|date('d/m/Y à H:i') }}
</div>

{% if details %}
<h3>Détails techniques</h3>
<div style="background-color: #f5f5f5; padding: 15px; border-radius: 5px; margin: 20px 0; font-family: monospace; font-size: 12px;">
    {% for key, value in details %}
    <strong>{{ key }}:</strong> {{ value }}<br>
    {% endfor %}
</div>
{% endif %}

<h3>Actions recommandées</h3>
<ul>
    <li>Vérifier l'historique des activités de cet utilisateur</li>
    <li>Contacter l'utilisateur pour confirmation</li>
    <li>Révoquer l'appareil si l'activité est confirmée comme malveillante</li>
    <li>Bloquer l'IP si nécessaire</li>
    <li>Forcer un changement de mot de passe si compromission suspectée</li>
</ul>

<p style="margin-top: 30px; color: #666;">
    Timestamp : {{ timestamp|date('d/m/Y à H:i:s') }}<br>
    Cette alerte a été générée automatiquement par le système de sécurité.
</p>
{% endblock %}