{% 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 method="get" style="display:flex;gap:0.5rem;align-items:center;">
    <input type="text" name="action" value="{{ action_filter }}"
           placeholder="Filter by action…" aria-label="Filter by action"
           style="width:200px;font-size:0.85rem;">
    <button type="submit" class="btn btn-ghost btn-sm">Filter</button>
    {% if action_filter %}
    <a href="/audit/" class="btn btn-ghost btn-sm">Clear</a>
    {% endif %}
  </form>
{% endcall %}

{% if events %}
<div class="card-flush">
  <table class="table">
    <thead>
      <tr>
        <th>When</th>
        <th>User</th>
        <th>Action</th>
        <th>Entity</th>
        <th>Detail</th>
      </tr>
    </thead>
    <tbody>
      {% for item in events %}
      {% set e = item.event %}
      {% set d = item.detail %}
      <tr>
        <td style="white-space:nowrap;" title="{{ e.timestamp.strftime('%Y-%m-%d %H:%M:%S UTC') }}">{{ e.timestamp|ago }}</td>
        <td style="font-size:0.85rem;">{{ e.username }}</td>
        <td><span class="mono">{{ e.action }}</span></td>
        <td>
          {% if item.entity %}
          <span class="field-hint">{{ e.entity_type|replace('_', ' ') }}</span>
          {% if item.entity.url %}<a href="{{ item.entity.url }}">{{ item.entity.label }}</a>{% else %}{{ item.entity.label }}{% endif %}
          {% if item.entity.gone %}<span class="field-hint">(deleted)</span>{% endif %}
          {% elif e.entity_type %}<span class="field-hint">{{ e.entity_type|replace('_', ' ') }}</span>{% endif %}
        </td>
        <td style="font-size:0.8rem;color:var(--text-muted);max-width:340px;">
          {% if d %}
          {% for k, v in d.items() %}
          <span style="color:var(--text-dim);">{{ k }}:</span>
          <span class="mono">{{ v }}</span>
          {% if not loop.last %} &nbsp;·&nbsp; {% endif %}
          {% endfor %}
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
<p style="font-size:0.78rem;color:var(--text-dim);margin-top:0.75rem;">
  Showing last {{ limit }} events.
  {% if events | length == limit %}
  <a href="?limit={{ limit * 2 }}{% if action_filter %}&action={{ action_filter }}{% endif %}">Load more</a>
  {% endif %}
</p>
{% else %}
<div class="card">{{ empty_state("No audit events recorded yet.") }}</div>
{% endif %}
{% endblock %}