{% extends "base.html" %}

{% block title %}Activity Log{% endblock %}
{% block page_title %}Activity Log{% endblock %}

{% block content %}
{% if recent_audit %}
<div class="table-wrap">
  <table class="table-striped">
    <thead>
      <tr>
        <th>When</th>
        <th>User</th>
        <th>Action</th>
        <th>Section</th>
        <th>Record</th>
        <th>Changes</th>
      </tr>
    </thead>
    <tbody>
      {% for row in recent_audit %}
      <tr>
        <td style="color:var(--subtext0);white-space:nowrap">{{ row.entry.timestamp | fmt_date }}</td>
        <td>{{ row.username }}</td>
        <td><span class="audit-action-{{ row.entry.action }}">{{ row.entry.action }}</span></td>
        <td style="color:var(--subtext0)">{{ row.section }}</td>
        <td style="white-space:nowrap">{{ row.record_label }}</td>
        <td style="color:var(--subtext0);font-size:0.75rem">
          {% if row.changes %}{{ row.changes | join(', ') }}{% else %}—{% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
  <p style="color:var(--subtext0);font-size:0.8125rem">No activity yet.</p>
{% endif %}
{% endblock %}