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

{% block title %}Sessions révoquées pour raison de sécurité{% endblock %}

{% block content %}
<h2 style="color: #ff9800;">🔒 Sessions révoquées</h2>

<p>Bonjour {{ user.firstName ?? user.email }},</p>

<p>Par mesure de sécurité, {{ revokedCount }} session(s) active(s) ont été révoquées sur votre compte.</p>

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

<h3>Qu'est-ce que cela signifie ?</h3>
<p>
    Toutes les sessions actives (connexions) associées à l'appareil ou à l'activité suspecte ont été déconnectées.
    Vous devrez vous reconnecter sur ces appareils.
</p>

<h3>Que devez-vous faire ?</h3>
<ul style="line-height: 1.8;">
    <li><strong>Vérifiez vos appareils de confiance</strong> dans les paramètres de sécurité</li>
    <li><strong>Changez votre mot de passe</strong> si vous n'êtes pas à l'origine de cette activité</li>
    <li><strong>Activez l'authentification à deux facteurs</strong> pour renforcer la sécurité</li>
    <li><strong>Vérifiez l'historique de vos activités</strong> pour détecter toute anomalie</li>
</ul>

<div style="background-color: #e3f2fd; border-left: 4px solid #2196F3; padding: 15px; margin: 20px 0;">
    <strong>ℹ️ Note importante :</strong><br>
    Cette action a été effectuée automatiquement par notre système de sécurité pour protéger votre compte.
    Aucune donnée n'a été compromise.
</div>

<p>Si vous avez des questions ou besoin d'assistance, n'hésitez pas à contacter notre support.</p>

<p>Cordialement,<br>
L'équipe {{ system_name ?? 'Sécurité' }}</p>

<p style="margin-top: 30px; color: #666; font-size: 12px;">
    Timestamp : {{ timestamp|date('d/m/Y à H:i:s') }}
</p>
{% endblock %}