{# audit/list.html — who changed what, newest first, each moment exact in the
   reader's own zone (milestone 490): a record is read for when, not how long ago. #}
{% extends "base.html" %}
{% from "_macros.html" import page_header, empty_state %}
{% block title %}Audit log — Steward{% endblock %}
{% block content %}
{% call page_header("Audit log", "Who changed what, newest first.") %}
  <form class="filter-bar" method="get" action="/audit/">
    <select name="action" aria-label="Show only" onchange="this.form.submit()">
      <option value="">Everything</option>
      {% for prefix, label in areas %}
      <option value="{{ prefix }}" {% if action_filter == prefix %}selected{% endif %}>{{ label }}</option>
      {% endfor %}
    </select>
    <noscript><button type="submit" class="btn btn-ghost btn-sm">Filter</button></noscript>
  </form>
{% endcall %}

{% if events %}
<div class="card-flush">
  <table class="table">
    <thead>
      <tr>
        <th>When ({{ tz_label() }})</th>
        <th>User</th>
        <th>Did</th>
        <th>What</th>
        <th>Detail</th>
      </tr>
    </thead>
    <tbody>
      {% include "audit/_rows.html" %}
    </tbody>
  </table>
</div>
{% else %}
<div class="card">{{ empty_state("No audit events recorded yet.") }}</div>
{% endif %}
{% endblock %}