{% extends "admin/base.html" %}
{% from "admin/macros/forms.html" import csrf %}
{% block title %}Users{% endblock %}
{% block content %}
<div class="page-header d-print-none">
  <h2 class="page-title">Users ({{ total }})</h2>
</div>
<div class="card">
  <div class="card-header flex-wrap gap-2 py-2">
    {% if perms.auth.add_user %}
    <a href="/admin/users/new" class="btn btn-primary">New user</a>
    {% endif %}
    <form method="get" action="/admin/users" class="d-flex ms-auto">
      <input type="text" name="q" value="{{ q }}" class="form-control me-2" placeholder="Search users&hellip;"/>
      <button type="submit" class="btn btn-primary">Search</button>
    </form>
  </div>
  <div class="table-responsive">
    <table class="table table-vcenter card-table">
      <thead>
        <tr>
          <th class="w-1 text-end">#</th>
          <th class="w-1">Actions</th>
          <th>Username</th>
          <th>Name</th>
          <th>Email</th>
          <th>Roles</th>
          <th>Status</th>
          <th>Last login</th>
        </tr>
      </thead>
      <tbody>
        {% for item in users %}
        <tr{% if show_history %} data-history-url="/admin/users/{{ item.id }}/history"{% endif %}>
          <td class="text-end text-secondary">{{ start_index + loop.index0 }}</td>
          <td>
            {% if perms.auth.change_user %}
            <a href="/admin/users/{{ item.id }}" class="btn btn-sm">Edit</a>
            {% endif %}
          </td>
          <td>
            <a href="/admin/users/{{ item.id }}">{{ item.username }}</a>
            {% if item.is_superuser %}<span class="badge bg-purple-lt ms-2">superuser</span>{% endif %}
          </td>
          <td>{{ item.full_name }}</td>
          <td class="text-secondary">{{ item.email }}</td>
          <td>{{ roles_by_user.get(item.id, 0) }}</td>
          <td>
            {% if item.is_active %}
              <span class="badge bg-green-lt">active</span>
            {% else %}
              <span class="badge bg-red-lt">inactive</span>
            {% endif %}
          </td>
          <td class="text-secondary">{{ item.last_login_at | format_datetime }}</td>
        </tr>
        {% else %}
        <tr><td colspan="8" class="text-center text-secondary py-4">No users found.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  <div class="card-footer">{% include "admin/includes/pagination.html" %}</div>
</div>
{% endblock %}