{% extends 'platform_admin/base.html' %}
{% load humanize %}

{% block title %}{{ page_title }}{% endblock %}

{% block dash_content %}
{% include 'platform_admin/partials/page_header.html' %}

<form method="get" class="filter-bar">
  <div class="search-inp">
    <i class="fas fa-search"></i>
    <input type="search" name="q" value="{{ request.GET.q }}" placeholder="Search users…">
  </div>
  <select name="role" onchange="this.form.submit()">
    <option value="">All roles</option>
    {% for value, label in role_choices %}
    <option value="{{ value }}"{% if role_filter == value %} selected{% endif %}>{{ label }}</option>
    {% endfor %}
  </select>
  <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-filter"></i> Filter</button>
  {% if request.GET.q or role_filter %}<a href="{% url 'platform_admin:users' %}" class="btn btn-outline btn-sm">Clear</a>{% endif %}
</form>

<div class="panel table-panel">
  <table class="data-table">
    <thead>
      <tr>
        <th>User</th>
        <th>Role</th>
        <th>Email</th>
        <th>Status</th>
        <th>Joined</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for u in page_obj %}
      <tr>
        <td>
          <div class="candidate-row">
            <div class="candidate-ava">{{ u.username|slice:":2"|upper }}</div>
            <div>
              <div class="candidate-name">{{ u.get_full_name|default:u.username }}</div>
              <div class="candidate-role">@{{ u.username }}</div>
            </div>
          </div>
        </td>
        <td>
          {% if u.role == 'seeker' %}<span class="badge-seeker">Seeker</span>
          {% elif u.role == 'company' %}<span class="badge-company">Employer</span>
          {% elif u.role == 'admin' or u.is_superuser %}<span class="badge-admin">Admin</span>
          {% else %}<span class="badge-free">{{ u.get_role_display }}</span>{% endif %}
        </td>
        <td>{{ u.email }}</td>
        <td>{% if u.is_active %}<span class="badge-active">Active</span>{% else %}<span class="badge-suspended">Inactive</span>{% endif %}</td>
        <td>{{ u.date_joined|date:"M j, Y" }}</td>
        <td><a href="{% url 'platform_admin:user_detail' pk=u.pk %}" class="ra-view" title="View"><i class="fas fa-eye"></i></a></td>
      </tr>
      {% empty %}
      <tr><td colspan="6" style="text-align:center;padding:32px;color:var(--text-muted);">No users found.</td></tr>
      {% endfor %}
    </tbody>
  </table>
  {% include 'platform_admin/partials/pagination.html' %}
</div>
{% endblock %}