{% extends 'base.html' %}
{% from '_partials/page_header.html' import page_header %}
{% block title %}Admin · Activity{% endblock %}
{% block content %}
    {{ page_header('Admin', tabs=tabs, active_tab='activity') }}
    <div class="rounded-lg border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900">
      <table class="w-full text-sm">
        <thead class="text-xs uppercase text-slate-500">
          <tr>
            <th class="text-left px-5 py-2">Time (UTC)</th>
            <th class="text-left py-2">User</th>
            <th class="text-left py-2">Action</th>
            <th class="text-left py-2">IP</th>
            <th class="text-left py-2">Status</th>
            <th class="text-left pr-5 py-2">User-Agent</th>
          </tr>
        </thead>
        <tbody>
          {% for e in events %}
          <tr class="border-t border-slate-100 dark:border-slate-800">
            <td class="px-5 py-2 font-mono text-xs">{{ e.ts }}</td>
            <td class="py-2">{{ e.username or '—' }}</td>
            <td class="py-2 font-mono text-xs">{{ e.action }}</td>
            <td class="py-2 font-mono text-xs">{{ e.ip or '—' }}</td>
            <td class="py-2 font-mono text-xs">{{ e.status_code or '' }}</td>
            <td class="pr-5 py-2 text-xs text-slate-500 truncate max-w-md" title="{{ e.user_agent or '' }}">{{ e.user_agent or '—' }}</td>
          </tr>
          {% else %}
          <tr><td colspan="6" class="text-center text-slate-500 py-8">No activity yet.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    <div class="flex justify-end gap-2 mt-4 text-sm">
      {% if page > 1 %}<a href="?page={{ page - 1 }}" class="px-3 py-1.5 rounded border">Prev</a>{% endif %}
      {% if events|length == per_page %}<a href="?page={{ page + 1 }}" class="px-3 py-1.5 rounded border">Next</a>{% endif %}
    </div>
{% endblock %}