{% extends "pos/base.html" %}
{% load static %}

{% block content %}
<div class="container-fluid py-4">

  <div class="d-flex justify-content-between align-items-center mb-4">
    <h2 class="mb-0">
      <i class="fas fa-users text-primary mr-2"></i>Current Branch Users
    </h2>
    <a href="{% url 'authentication:normal_add' %}" class="btn btn-primary">
      <i class="fas fa-user-plus mr-2"></i>Add User
    </a>
  </div>

  <div class="alert alert-warning">
    <i class="fas fa-exclamation-triangle mr-2"></i>
    Delete yahan se user ko <strong>completely</strong> remove kar dega —
    uska account, session logs, branch/sub-tenant/bank assignments, sab kuch.
    Username dobara naye user k liye free ho jayega.
  </div>

  {% if messages %}
  <div class="mb-3">
    {% for message in messages %}
    <div class="alert alert-{{ message.tags }} alert-dismissible fade show">
      {{ message }}
      <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
    {% endfor %}
  </div>
  {% endif %}

  <div class="card shadow-sm">
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-hover mb-0">
          <thead class="bg-light">
            <tr>
              <th>#</th>
              <th>Username</th>
              <th>Email</th>
              <th>Status</th>
              <th>Expiry</th>
              <th class="text-right">Actions</th>
            </tr>
          </thead>
          <tbody>
            {% for assign in assigns %}
            <tr>
              <td class="text-muted">{{ forloop.counter }}</td>
              <td><strong>{{ assign.user.username }}</strong></td>
              <td class="text-muted">{{ assign.user.email|default:"—" }}</td>
              <td>
                {% if assign.status == 'Active' %}
                  <span class="badge badge-success">Active</span>
                {% else %}
                  <span class="badge badge-secondary">{{ assign.status }}</span>
                {% endif %}
              </td>
              <td>{{ assign.expiry_date|date:"d M Y" }}</td>
              <td class="text-right">
                <a href="{% url 'authentication:normal_edit' assign.pk %}"
                   class="btn btn-sm btn-outline-primary" title="Edit">
                  <i class="fas fa-edit"></i>
                </a>
                <a href="{% url 'authentication:branch_user_full_delete' assign.pk %}"
                   class="btn btn-sm btn-outline-danger ml-1" title="Delete Completely">
                  <i class="fas fa-user-times"></i>
                </a>
              </td>
            </tr>
            {% empty %}
            <tr>
              <td colspan="6" class="text-center py-5">
                <i class="fas fa-users-slash fa-3x text-muted mb-3 d-block"></i>
                <p class="text-muted mb-3">No users found for this branch.</p>
                <a href="{% url 'authentication:normal_add' %}" class="btn btn-primary">
                  <i class="fas fa-user-plus mr-2"></i>Add First User
                </a>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>

</div>
{% endblock %}