{% extends "base.html" %}
{% block title %}Admins{% endblock %}
{% block content %}
<div class="card">
  <h1>Manage admins</h1>
  <div class="table-wrap">
  <table>
    <tr>
      <th>Name</th>
      <th>Username (login)</th>
      <th>Email</th>
      <th>Status</th>
      <th class="actions-col">Actions</th>
    </tr>
    {% for a in admins %}
    <tr>
      <td>{{ a.full_name }}</td>
      <td>{{ a.username }}</td>
      <td>{{ a.email or '—' }}</td>
      <td>
        <div class="status-stack">
          {% if a.is_active %}
            <span class="badge completed">Active</span>
          {% else %}
            <span class="badge inactive">Inactive</span>
          {% endif %}
          {% if a.must_change_password %}<span class="badge in_progress">pwd reset</span>{% endif %}
          {% if a.is_active %}
          <form method="post" action="{{ url_for('admin_set_admin_active', user_id=a.id) }}"
                onsubmit="return confirm('Deactivate {{ a.full_name }}? They will not be able to sign in.');">
            <input type="hidden" name="active" value="0">
            <button class="btn btn-sm btn-warn" type="submit">Deactivate</button>
          </form>
          {% else %}
          <form method="post" action="{{ url_for('admin_set_admin_active', user_id=a.id) }}">
            <input type="hidden" name="active" value="1">
            <button class="btn btn-sm btn-green" type="submit">Reactivate</button>
          </form>
          {% endif %}
        </div>
      </td>
      <td class="actions-cell">
        <div class="actions-stack">
          <div class="actions-row">
            <a class="btn btn-sm" href="{{ url_for('admin_edit_admin', user_id=a.id) }}">Edit</a>
          </div>
          <div class="actions-row">
            <form method="post" action="{{ url_for('admin_reset_admin_password', user_id=a.id) }}"
                  onsubmit="return confirm('Reset password for {{ a.username }} to {{ default_password }}?');">
              <button class="btn btn-sm btn-danger" type="submit">Reset password</button>
            </form>
          </div>
        </div>
      </td>
    </tr>
    {% else %}
    <tr><td colspan="5">No admin accounts yet. Register one below.</td></tr>
    {% endfor %}
  </table>
  </div>
</div>
<div class="card">
  <h2>Register new admin</h2>
  <p><span style="color:var(--red)">*</span> Required field</p>
  <form method="post">
    <label>Username <span style="color:var(--red)">*</span></label>
    <input name="username" required pattern="[a-zA-Z0-9][a-zA-Z0-9._-]{2,31}">

    <label>Full name <span style="color:var(--red)">*</span></label>
    <input name="full_name" required>

    <label>Email</label>
    <input name="email" type="email">

    <p style="margin-top:16px">
      <button class="btn btn-green" type="submit">Register admin</button>
      <a class="btn" href="{{ url_for('admin_home') }}">Back</a>
    </p>
  </form>
</div>
{% endblock %}