<%- include('partials/page-start', { pageTitle, activePage }) %>

<section class="panel">
  <div class="panel-header"><div><h2 class="panel-title">Administrator activity</h2><p class="panel-subtitle"><%= result.total %> audit record(s)</p></div></div>
  <form method="get" action="<%= adminUrl('/logs') %>" class="filter-grid">
    <label class="field sm:col-span-2"><span>Action contains</span><input class="input" type="search" name="action" value="<%= filters.action || '' %>" placeholder="payment, user, plan..."></label>
    <div class="flex items-end gap-2"><button class="btn btn-primary" type="submit">Filter</button><a class="btn btn-secondary" href="<%= adminUrl('/logs') %>">Reset</a></div>
  </form>
  <% if (!result.items.length) { %><div class="empty-state">No audit logs found. Run the migration if this is a new installation.</div><% } else { %>
    <div class="hidden overflow-x-auto lg:block"><table class="admin-table"><thead><tr><th>Date</th><th>Admin</th><th>Action</th><th>Entity</th><th>Description</th><th>IP</th></tr></thead><tbody>
      <% result.items.forEach((log) => { %><tr><td><%= formatDate(log.created_at) %></td><td><%= log.admin_email || ('Admin #' + log.admin_user_id) %></td><td><span class="badge badge-info"><%= log.action %></span></td><td><%= log.entity_type || '—' %><%= log.entity_id ? (' #' + log.entity_id) : '' %></td><td class="max-w-xl"><%= log.description || '—' %></td><td class="font-mono text-xs"><%= log.ip_address || '—' %></td></tr><% }) %>
    </tbody></table></div>
    <div class="space-y-3 lg:hidden"><% result.items.forEach((log) => { %><article class="mobile-record"><div class="flex items-start justify-between gap-3"><span class="badge badge-info"><%= log.action %></span><time class="text-xs text-slate-500"><%= formatDate(log.created_at) %></time></div><p class="mt-3 text-sm text-slate-300"><%= log.description || 'No description' %></p><div class="mt-3 text-xs text-slate-500"><%= log.admin_email || ('Admin #' + log.admin_user_id) %> · <%= log.entity_type || 'system' %><%= log.entity_id ? (' #' + log.entity_id) : '' %></div></article><% }) %></div>
    <%- include('partials/pagination', { result }) %>
  <% } %>
</section>

<%- include('partials/page-end', { activePage }) %>
