{% extends "base.html" %}

{% block title %}User Management{% endblock %}

{% block content %}
<div class="container py-5">
  <div class="d-flex justify-content-between align-items-center mb-4">
    <div>
      <h1 class="h3 mb-1">User Management</h1>
      <p class="text-muted mb-0">Review user accounts and manage password resets.</p>
    </div>
  </div>

  <div class="alert alert-info" role="alert">
    Existing passwords are never displayed. Use the reset action to set a new password securely.
  </div>

  <div class="card shadow-sm border-0">
    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead class="table-light">
          <tr>
            <th>Username</th>
            <th>Name</th>
            <th>Email</th>
            <th>Joined</th>
            <th>Access</th>
            <th>Password</th>
            <th class="text-end">Action</th>
          </tr>
        </thead>
        <tbody>
          {% for managed_user in managed_users %}
            <tr>
              <td class="fw-semibold">{{ managed_user.username }}</td>
              <td>{{ managed_user.get_full_name|default:"-" }}</td>
              <td>{{ managed_user.email|default:"-" }}</td>
              <td>{{ managed_user.date_joined|date:"d M Y" }}</td>
              <td>
                {% if managed_user.is_superuser %}<span class="badge bg-danger">Superuser</span>
                {% elif managed_user.is_staff %}<span class="badge bg-warning text-dark">Staff</span>
                {% else %}<span class="badge bg-secondary">User</span>{% endif %}
              </td>
              <td>
                {% if managed_user.has_usable_password %}
                  <span class="badge bg-success">Configured</span>
                {% else %}
                  <span class="badge bg-secondary">Unavailable</span>
                {% endif %}
              </td>
              <td class="text-end">
                <a class="btn btn-sm btn-outline-primary" href="{% url 'core:reset_user_password' managed_user.pk %}">
                  <i class="bi bi-key me-1"></i> Set New Password
                </a>
              </td>
            </tr>
          {% empty %}
            <tr><td colspan="7" class="text-center text-muted py-4">No users found.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}