<%- include('../partials/header', { title }) %>

<div class="admin-page-head">
  <h2>Admin Users</h2>
</div>

<div class="table-wrap" style="margin-bottom: 1.5rem;">
  <table class="data-table">
    <thead><tr><th>Name</th><th>Email</th><th>Role</th><th>Last Login</th><th>Active</th><th></th></tr></thead>
    <tbody>
      <% admins.forEach(function(a) { %>
        <tr>
          <td class="cell-title"><%= a.name %></td>
          <td class="cell-muted"><%= a.email %></td>
          <td><span class="badge"><%= a.role %></span></td>
          <td class="cell-muted"><%= a.last_login_at ? new Date(a.last_login_at).toLocaleString('en-US') : 'Never' %></td>
          <td><%= a.is_active ? '✓' : '—' %></td>
          <td class="actions">
            <% if (a.id !== currentAdmin.id) { %>
              <form action="/admin/settings/admins/<%= a.id %>/toggle" method="POST">
                <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
                <input type="hidden" name="isActive" value="<%= a.is_active ? '0' : '1' %>" />
                <button class="btn btn-outline btn-sm" type="submit"><%= a.is_active ? 'Deactivate' : 'Activate' %></button>
              </form>
            <% } %>
          </td>
        </tr>
      <% }); %>
    </tbody>
  </table>
</div>

<div class="admin-panel" style="max-width: 480px;">
  <h3>Add Admin User</h3>
  <form action="/admin/settings/admins" method="POST">
    <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
    <div class="field">
      <label for="name">Name</label>
      <input id="name" name="name" type="text" required />
    </div>
    <div class="field">
      <label for="email">Email</label>
      <input id="email" name="email" type="email" required />
    </div>
    <div class="field">
      <label for="password">Password <span class="hint">(min. 10 characters)</span></label>
      <input id="password" name="password" type="password" minlength="10" required />
    </div>
    <div class="field">
      <label for="role">Role</label>
      <select id="role" name="role">
        <option value="editor">Editor — manage content</option>
        <option value="viewer">Viewer — read only</option>
        <option value="super_admin">Super Admin — full access</option>
      </select>
    </div>
    <button class="btn btn-primary btn-block" type="submit">Add Admin</button>
  </form>
</div>

<%- include('../partials/footer') %>
