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

{% block content %}
<div class="page-header">
  <h1>Mode strict</h1>
  <p>Contrôle le niveau de protection renforcé.</p>
</div>

<div class="card" style="border-left: 4px solid {% if state.mode == 'lockdown' %}#e05c5c{% elif state.mode == 'strict' %}#e0a050{% else %}#4fc77a{% endif %}; max-width: 600px;">
  <div class="card-title">État actuel</div>
  <span class="mode-badge mode-{{ state.mode }}">{{ state.mode|upper }}</span>
  {% if state.is_active %}
    <div style="margin-top: 12px; font-size: 13px; color: var(--text-muted);">
      <p>Activé le {{ state.activated_at|date:"d/m/Y à H:i" }}</p>
      <p>Par : {{ state.activated_by }}</p>
      <p>Raison : {{ state.reason|default:"Non spécifiée" }}</p>
    </div>
    <form method="post" action="{% url 'xeolux_securitykit:strict_mode_deactivate' %}" style="margin-top: 12px;">
      {% csrf_token %}
      <button type="submit" class="btn btn-danger">Désactiver le mode strict</button>
    </form>
  {% else %}
    <p style="margin-top: 10px; font-size: 13px; color: var(--text-muted);">Le site fonctionne en mode normal.</p>
  {% endif %}
</div>

{% if not state.is_active %}
<div class="card" style="max-width: 600px;">
  <div class="card-title">Activer le mode strict</div>
  <form method="post" action="{% url 'xeolux_securitykit:strict_mode_activate' %}">
    {% csrf_token %}
    <div class="form-group">
      <label>Mode</label>
      <select name="mode">
        <option value="strict">Strict — superusers et IPs whitelistées passent</option>
        <option value="lockdown">Lockdown — uniquement les IPs whitelistées</option>
      </select>
    </div>
    <div class="form-group">
      <label>Raison (optionnel)</label>
      <textarea name="reason" rows="2" placeholder="Maintenance, incident détecté..."></textarea>
    </div>
    <button type="submit" class="btn btn-danger">Activer</button>
  </form>
</div>
{% endif %}

<div class="card" style="max-width: 600px;">
  <div class="card-title">Page de déverrouillage</div>
  <p style="font-size: 13px; color: var(--text-muted); margin-bottom: 10px;">
    En cas de strict mode actif, les super-admins reçoivent un code de déverrouillage par email.
    La page de déverrouillage est accessible depuis n'importe quel navigateur, même sans être connecté.
  </p>
  <a href="/whitelistkit/unlockstrictmode/" target="_blank" class="btn btn-outline btn-sm">
    Ouvrir la page d'unlock →
  </a>
  <p style="font-size: 11px; color: var(--text-muted); margin-top: 8px;">
    Commande terminal de secours : <code>python manage.py securitykit_unlock --force</code>
  </p>
</div>
{% endblock %}