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

{% block content %}
<div class="page-header">
  <h1>Diagnostics</h1>
  <p>Vérification de la configuration de sécurité Django.</p>
</div>

<div class="card">
  <div class="table-wrap">
    <table>
      <thead>
        <tr>
          <th>Catégorie</th>
          <th>Vérification</th>
          <th>Statut</th>
          <th>Détail</th>
        </tr>
      </thead>
      <tbody>
        {% for result in results %}
        <tr>
          <td style="color:var(--label-3); white-space:nowrap;">{{ result.category }}</td>
          <td style="font-weight:500;">{{ result.check }}</td>
          <td>
            {% if result.ok %}
              <span class="badge badge-ok">✓ OK</span>
            {% elif result.severity == 'critical' %}
              <span class="badge badge-danger">⚠ Critique</span>
            {% else %}
              <span class="badge badge-warn">△ Avertissement</span>
            {% endif %}
          </td>
          <td style="font-size:12px; color:var(--label-3); max-width:320px;">{{ result.message|default:"—" }}</td>
        </tr>
        {% empty %}
        <tr><td colspan="4">
          <div class="empty-state"><div class="empty-icon">◎</div><p>Aucun diagnostic disponible.</p></div>
        </td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

<div class="card">
  <div class="card-title" style="margin-bottom:8px;">Rapport terminal complet</div>
  <p style="font-size:13px; color:var(--label-2); margin-bottom:10px;">
    Les vues avec <code>@csrf_exempt</code> doivent être vérifiées manuellement.
  </p>
  <div class="code-block">python manage.py securitykit_check</div>
</div>
{% endblock %}