{% extends "ircpanel/base.html" %}
{% block title %}Journal d'audit{% endblock %}
{% block hero_icon %}<svg viewBox="0 0 24 24"><path d="M9 11l3 3L22 4M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>{% endblock %}
{% block eyebrow %}Système{% endblock %}
{% block heading %}Journal d'audit <span class="ircp-count">{{ total }}</span>{% endblock %}
{% block subtitle %}Incidents de modération et d'exploitation enregistrés par echo.{% endblock %}
{% block content %}
<input class="ircp-search" id="aq" type="search" placeholder="Filtrer par action ou identifiant…" autocomplete="off">
<div class="up-card">
  <table class="ircp-table">
    <thead><tr><th>Quand</th><th>ID</th><th>Action</th><th class="r">Il y a</th></tr></thead>
    <tbody id="aud">
      {% for e in rows %}
      <tr data-q="{{ e.summary }} {{ e.id }}">
        <td class="mono muted">{{ e.when }}</td>
        <td><span class="ircp-tag ircp-tag--{% if e.kind == "mod" %}ban{% else %}oper{% endif %}">{{ e.id }}</span></td>
        <td>{{ e.summary }}</td>
        <td class="r muted">{{ e.ago }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% if rows.is_empty() %}<div class="ircp-empty">Aucune action enregistrée.</div>{% endif %}
</div>
{% endblock %}
{% block scripts %}
<script>
(function(){var rows=[].slice.call(document.querySelectorAll("#aud tr"));var q=document.getElementById("aq");
q.addEventListener("input",function(){var t=(q.value||"").toLowerCase();rows.forEach(function(r){r.hidden=t&&(r.dataset.q||"").toLowerCase().indexOf(t)<0;});});})();
</script>
{% endblock %}