{% extends 'admin_panel/base.html' %}
{% block title %}Users{% endblock %}
{% block page_title %}Manage Users{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <span class="text-muted" style="font-size:.85rem;">{{ users.count }} user{{ users.count|pluralize }} total</span>
  <a href="{% url 'admin_user_create' %}" class="btn btn-primary btn-sm">
    <i class="bi bi-person-plus me-1"></i> Add User
  </a>
</div>

<div class="card">
  <div class="card-body p-0">
    <table class="table mb-0">
      <thead>
        <tr>
          <th class="ps-3">#</th>
          <th>Username</th>
          <th>Full Name</th>
          <th>Email</th>
          <th>Role</th>
          <th>Status</th>
          <th>Date Joined</th>
          <th class="pe-3">Actions</th>
        </tr>
      </thead>
      <tbody>
        {% for u in users %}
        <tr>
          <td class="ps-3 text-muted" style="font-size:.8rem;">{{ forloop.counter }}</td>
          <td class="fw-semibold">{{ u.username }}</td>
          <td>{{ u.get_full_name|default:"—" }}</td>
          <td class="text-muted" style="font-size:.85rem;">{{ u.email|default:"—" }}</td>
          <td>
            {% if u.is_superuser %}
            <span class="badge badge-super">Superuser</span>
            {% elif u.is_staff %}
            <span class="badge badge-staff">Staff</span>
            {% else %}
            <span class="badge bg-light text-dark border">User</span>
            {% endif %}
          </td>
          <td>
            {% if u.is_active %}
            <span class="badge badge-active">Active</span>
            {% else %}
            <span class="badge badge-inactive">Inactive</span>
            {% endif %}
          </td>
          <td class="text-muted" style="font-size:.82rem;">{{ u.date_joined|date:"d M Y" }}</td>
          <td class="pe-3">
            <a href="{% url 'admin_user_edit' u.pk %}" class="btn btn-sm btn-outline-primary me-1">
              <i class="bi bi-pencil"></i>
            </a>
            {% if u != request.user %}
            <a href="{% url 'admin_user_delete' u.pk %}" class="btn btn-sm btn-outline-danger">
              <i class="bi bi-trash"></i>
            </a>
            {% endif %}
          </td>
        </tr>
        {% empty %}
        <tr>
          <td colspan="8" class="text-center text-muted py-4">No users found.</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}