{% extends "Dashboard/base.html" %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
  <h2>All Users</h2>
  <a href="{% url 'add_user' %}" class="btn btn-success">Add User</a>
</div>

<table class="table table-bordered table-striped">
  <thead class="table-dark">
    <tr>
      <th>ID</th>
      <th>Username</th>
      <th>Email</th>
      <th>Is Superuser</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    {% for user in users %}
      <tr>
        <td>{{ user.id }}</td>
        <td>{{ user.username }}</td>
        <td>{{ user.email }}</td>
        <td>{{ user.is_superuser }}</td>
        <td>
          <a href="{% url 'edit_user' user.id %}" class="btn btn-sm btn-primary">Edit</a>
          {% if not user.is_superuser %}
            <a href="{% url 'delete_user' user.id %}" class="btn btn-sm btn-danger">Delete</a>
          {% endif %}
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}