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

{% block content %}
<div class="page-header">
  <h1>Modules</h1>
  <p>Activez ou désactivez les modules de protection.</p>
</div>

{% for category, cat_modules in modules|groupby:"category" %}
<div class="card">
  <div class="card-title">{{ category }}</div>
  <table>
    <thead>
      <tr><th>Module</th><th>Statut</th><th>Action</th></tr>
    </thead>
    <tbody>
      {% for module in cat_modules %}
      <tr>
        <td>{{ module.label }}</td>
        <td>
          <span class="badge {% if module.enabled %}badge-ok{% else %}badge-warn{% endif %}">
            {% if module.enabled %}Actif{% else %}Inactif{% endif %}
          </span>
        </td>
        <td>
          <form method="post" action="{% url 'xeolux_securitykit:module_toggle' module.name %}">
            {% csrf_token %}
            <button type="submit" class="btn btn-outline btn-sm">
              {% if module.enabled %}Désactiver{% else %}Activer{% endif %}
            </button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% empty %}
<p>Aucun module disponible.</p>
{% endfor %}
{% endblock %}