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

{% block content %}
<div class="page-header">
  <h1>{{ title }}</h1>
</div>

<div class="card" style="max-width: 640px;">
  <form method="post">
    {% csrf_token %}
    {% for field in form %}
      <div class="form-group">
        <label>{{ field.label }}</label>
        {{ field }}
        {% if field.help_text %}<p class="help-text">{{ field.help_text }}</p>{% endif %}
        {% if field.errors %}<ul class="errorlist">{% for error in field.errors %}<li>{{ error }}</li>{% endfor %}</ul>{% endif %}
      </div>
    {% endfor %}
    {% if form.non_field_errors %}
      <div class="alert alert-error">{{ form.non_field_errors }}</div>
    {% endif %}
    <div style="display: flex; gap: 10px; margin-top: 8px;">
      <button type="submit" class="btn btn-primary">Enregistrer</button>
      <a href="javascript:history.back()" class="btn btn-outline">Annuler</a>
    </div>
  </form>
</div>

{% if dry_run_result %}
<div class="card" style="max-width: 640px; margin-top: 20px;">
  <div class="card-title">Résultat de la simulation</div>
  <p><strong>Chemin :</strong> <code>{{ dry_run_result.path }}</code></p>
  <p><strong>IP :</strong> {{ dry_run_result.simulated_ip }}</p>
  <p style="margin-top: 10px;">
    <strong>Verdict final :</strong>
    <span class="badge {% if dry_run_result.final_verdict == 'AUTORISÉ' %}badge-ok{% else %}badge-danger{% endif %}">
      {{ dry_run_result.final_verdict }}
    </span>
  </p>
  <table style="margin-top: 12px;">
    <thead><tr><th>Vérification</th><th>Résultat</th></tr></thead>
    <tbody>
      {% for check in dry_run_result.checks %}
      <tr>
        <td>{{ check.check }}</td>
        <td>
          <span class="badge {% if check.result == 'OK' %}badge-ok{% elif 'BLOQUÉ' in check.result %}badge-danger{% else %}badge-warn{% endif %}">
            {{ check.result }}
          </span>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{% if profiles %}
<div class="card" style="margin-top: 20px;">
  <div class="card-title">Profils disponibles</div>
  <table>
    <thead><tr><th>Profil</th><th>Description</th><th></th></tr></thead>
    <tbody>
      {% for profile in profiles %}
      <tr>
        <td><strong>{{ profile.label }}</strong></td>
        <td style="color: var(--text-muted); font-size: 12px;">{{ profile.description }}</td>
        <td>
          <form method="post" action="{% url 'xeolux_securitykit:profile_apply' profile.name %}">
            {% csrf_token %}
            <button type="submit" class="btn btn-outline btn-sm">Appliquer</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}
{% endblock %}