{% extends "xeolux_securitykit/base.html" %}
{% block title %}Strict Mode{% endblock %}

{% block content %}
<div class="page-header">
  <h1>Strict Mode</h1>
  <p>Contrôle le niveau de protection d'urgence du site.</p>
</div>

<!-- État courant -->
<div class="card" style="border-left: 3px solid {% if state.mode == 'lockdown' %}var(--red){% elif state.mode == 'strict' %}var(--orange){% else %}var(--green){% endif %};">
  <div class="card-title" style="margin-bottom:10px;">Mode actuel</div>
  <div style="display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;">
    <div>
      <span class="mode-pill mode-{{ state.mode }}">{{ state.mode|upper }}</span>
      {% if state.is_active %}
      <div style="margin-top:10px; font-size:13px; color:var(--label-2); display:flex; flex-direction:column; gap:4px;">
        <span>Activé le {{ state.activated_at|date:"d/m/Y à H:i" }}</span>
        <span>Par : <strong>{{ state.activated_by }}</strong></span>
        <span>Raison : {{ state.reason|default:"Non spécifiée" }}</span>
      </div>
      {% else %}
      <p style="margin-top:8px; font-size:13px; color:var(--label-3);">Le site fonctionne en mode normal. Aucun visiteur n'est bloqué.</p>
      {% endif %}
    </div>
    {% if state.is_active %}
    <form method="post" action="{% url 'xeolux_securitykit:strict_mode_deactivate' %}">
      {% csrf_token %}
      <button type="submit" class="btn btn-success">Désactiver le mode strict</button>
    </form>
    {% endif %}
  </div>
</div>

{% if not state.is_active %}
<!-- Activer -->
<div class="card">
  <div class="card-title" style="margin-bottom:14px;">Activer le mode strict</div>
  <div class="alert alert-warning" style="margin-bottom:16px;">
    ⚠️ En mode strict, <strong>tous les visiteurs non autorisés verront une page de maintenance</strong>. Assurez-vous que votre IP est en whitelist avant d&rsquo;activer.
  </div>
  <form method="post" action="{% url 'xeolux_securitykit:strict_mode_activate' %}">
    {% csrf_token %}
    <div class="form-group">
      <label class="form-label">Mode de protection</label>
      <select name="mode" class="form-control">
        <option value="strict">Strict — superusers et IPs whitelistées passent</option>
        <option value="lockdown">Lockdown — uniquement les IPs whitelistées (le plus restrictif)</option>
      </select>
    </div>
    <div class="form-group">
      <label class="form-label">Raison <span style="color:var(--label-3);">(optionnel)</span></label>
      <textarea name="reason" rows="2" class="form-control" placeholder="Maintenance planifiée, incident détecté..."></textarea>
    </div>
    <button type="submit" class="btn btn-danger">Activer le strict mode</button>
  </form>
</div>
{% endif %}

<!-- URL de déverrouillage -->
<div class="card">
  <div class="card-title" style="margin-bottom:10px;">URL de déverrouillage dynamique</div>
  <p style="font-size:13px; color:var(--label-2); margin-bottom:12px; line-height:1.6;">
    L'URL de déverrouillage est <strong>générée aléatoirement</strong> à chaque activation.
    Elle est envoyée par email aux super-admins et devient invalide dès la désactivation.
  </p>
  {% if state.unlock_token %}
  <div class="code-block" style="margin-bottom:12px;">
    {{ request.scheme }}://{{ request.get_host }}/xk-unlock/{{ state.unlock_token }}/
  </div>
  <a href="/xk-unlock/{{ state.unlock_token }}/" target="_blank" class="btn btn-outline btn-sm">Ouvrir la page d'unlock →</a>
  {% else %}
  <p style="font-size:12px; color:var(--label-3);">Aucun token actif. L'URL sera générée au prochain passage en mode strict.</p>
  {% endif %}
  <hr class="divider">
  <p style="font-size:12px; color:var(--label-3);">Secours terminal : <code>python manage.py securitykit_unlock --force</code></p>
</div>
{% endblock %}