{% extends "xeolux_securitykit/base.html" %}
{% block title %}Profils de sécurité{% endblock %}

{% block content %}
<div class="page-header">
  <div>
    <h1>Profils de sécurité</h1>
    <p style="color:var(--label-2); margin-top:4px;">Appliquez un profil prédéfini pour configurer rapidement les modules de sécurité.</p>
  </div>
</div>

{% if active_profile %}
<div class="alert alert-info" style="margin-bottom:20px;">
  Profil actif : <strong>{{ active_profile.name }}</strong>
</div>
{% endif %}

<div style="display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:16px;">
  {% for profile in profiles %}
  <div class="card" style="display:flex; flex-direction:column; gap:12px;">
    <div>
      <div style="display:flex; align-items:center; gap:8px; margin-bottom:6px;">
        <span style="font-size:16px; font-weight:600; color:var(--label);">{{ profile.label }}</span>
        {% if active_profile and active_profile.name == profile.name %}
          <span class="badge" style="background:rgba(52,199,89,0.12); color:var(--green);">Actif</span>
        {% endif %}
      </div>
      <p style="color:var(--label-2); font-size:13px; line-height:1.5;">{{ profile.description }}</p>
    </div>
    <form method="post" action="{% url 'xeolux_securitykit:profile_apply' profile.name %}" style="margin-top:auto;">
      {% csrf_token %}
      <button type="submit" class="btn btn-secondary" style="width:100%;"
        onclick="return confirm('Appliquer le profil \'{{ profile.label }}\' ? Les modules seront reconfigurés.')">
        Appliquer ce profil
      </button>
    </form>
  </div>
  {% empty %}
  <div class="card" style="text-align:center; padding:40px; color:var(--label-2);">
    Aucun profil disponible.
  </div>
  {% endfor %}
</div>

<div class="card" style="margin-top:20px; background:var(--fill-2);">
  <div class="card-title" style="margin-bottom:8px;">À savoir</div>
  <ul style="color:var(--label-2); font-size:13px; line-height:1.8; padding-left:16px;">
    <li>Appliquer un profil active/désactive des modules en base de données.</li>
    <li>Les changements sont immédiats et n'affectent pas <code>settings.py</code>.</li>
    <li>Vous pouvez affiner les modules individuellement depuis la page <a href="{% url 'xeolux_securitykit:modules' %}">Modules</a>.</li>
  </ul>
</div>
{% endblock %}