{% extends "base.html" %}

{% block title %}Admin: Users - Makenot.work{% endblock %}
{% block body_attrs %} class="padded-page admin-page"{% endblock %}

{% block head %}
{% endblock %}

{% block content %}
    {% include "partials/site_header.html" %}

    <div class="container">
        {% include "partials/admin_nav.html" %}

        <h1 class="page-title">User Management</h1>

        <div class="stats-row">
            <div class="stat-box">
                <div class="number">{{ total_users }}</div>
                <div class="label">Total Users</div>
            </div>
            <div class="stat-box">
                <div class="number">{{ total_suspended }}</div>
                <div class="label">Suspended</div>
            </div>
        </div>

        <div class="filter-bar">
            <span class="label">Filter:</span>
            <button class="{% if current_filter.is_empty() %}btn-primary{% else %}btn-secondary{% endif %}"
                    hx-get="/admin/users/entries"
                    hx-target="#users-table"
                    hx-swap="innerHTML"
>All</button>
            <button class="{% if current_filter == "active" %}primary{% else %}secondary{% endif %}"
                    hx-get="/admin/users/entries?status=active"
                    hx-target="#users-table"
                    hx-swap="innerHTML"
>Active</button>
            <button class="{% if current_filter == "suspended" %}primary{% else %}secondary{% endif %}"
                    hx-get="/admin/users/entries?status=suspended"
                    hx-target="#users-table"
                    hx-swap="innerHTML"
>Suspended</button>
        </div>

        <div id="users-table">
            {% include "partials/admin_user_entries.html" %}
        </div>
    </div>
{% endblock %}