{% extends "base.html" %}
{% block title %}المستخدمون{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h1 class="page-title m-0">المستخدمون والأدوار</h1>
  {% if perms.auth.add_user %}<a class="btn btn-primary" href="{% url 'user_create' %}">إضافة مستخدم</a>{% endif %}
</div>
<form method="get" class="panel filter-bar"><div class="row g-2"><div class="col-md-9"><label class="visually-hidden" for="q">بحث</label>
  <input id="q" class="form-control" name="q" placeholder="بحث بالاسم أو اسم المستخدم أو البريد" value="{{ request.GET.q }}"></div>
  <div class="col-md-3 d-grid"><button class="btn btn-primary">بحث</button></div></div></form>
<div class="panel p-0 table-responsive">
<table class="table table-hover align-middle mb-0">
  <thead><tr><th>اسم المستخدم</th><th>الاسم</th><th>البريد</th><th>الدور</th><th>الحالة</th><th></th></tr></thead>
  <tbody>
  {% for u in object_list %}
    <tr><td dir="ltr" class="text-end">{{ u.username }}</td><td>{{ u.get_full_name|default:"—" }}</td><td dir="ltr" class="text-end">{{ u.email }}</td>
      <td>{{ u.role_label }}{% if u.is_superuser %} <span class="badge text-bg-dark">مشرف عام</span>{% endif %}</td>
      <td>{% if u.is_active %}<span class="badge badge-ok">مفعّل</span>{% else %}<span class="badge badge-off">معطّل</span>{% endif %}</td>
      <td class="text-end">{% if perms.auth.change_user %}<a class="btn btn-sm btn-outline-secondary" href="{% url 'user_edit' u.pk %}">تعديل</a>{% endif %}</td></tr>
  {% empty %}<tr><td colspan="6" class="text-center text-muted py-4">لا يوجد مستخدمون مطابقون.</td></tr>{% endfor %}
  </tbody>
</table></div>
{% include "_pagination.html" %}
{% endblock %}