{% import "_macros.html" as m %}
{% if rows %}
<div class="audit-feed">
  {% for r in rows %}
  <details class="audit-entry">
    <summary>
      <span class="chip {{ severity_chip[r.severity] }}" title="{{ r.severity }}">{{ r.severity }}</span>
      <span class="chip {{ r.cls }}">{{ r.label }}</span>
      <span class="audit-actor mono">{{ r.actor }}</span>
      {% if r.detail %}<span class="audit-brief muted">{{ r.detail }}</span>{% endif %}
      <span class="audit-time muted mono">{{ r.at | datetime }}</span>
    </summary>
    <dl class="audit-body">
      <dt>Severity</dt><dd>{{ r.severity }}</dd>
      <dt>Action</dt><dd class="mono">{{ r.action }}</dd>
      <dt>Actor</dt><dd class="mono">{{ r.actor }}</dd>
      <dt>When</dt><dd>{{ r.at | datetime }}</dd>
      {% if r.detail %}<dt>Detail</dt><dd>{{ r.detail }}</dd>{% endif %}
    </dl>
  </details>
  {% endfor %}
</div>
{{ m.pager(pg, '/ui/audit/rows', '#audit-result', '/audit', '#audit-filters') }}
{% else %}
<p class="muted">No matching audit events.</p>
{% endif %}