{% extends "../master.njk" %}

{% block content %}
<div id="app" class="w-full">
    {% include "../components/navbar.njk" %}
    <div class="container relative mx-auto py-24 flex flex-col justify-center items-center gap-8">
        <div class="flex flex-col gap-12 max-w-[60%] w-full">
            <!-- Page Header -->
            <div class="w-full flex flex-row justify-start items-center">
                <h2 class="text-4xl font-bold">
                    Manage Users
                </h2>
            </div>
            <div id="admin-user-section" class="flex flex-col w-full"
                hx-get="/htmx/admin/users/table"
                hx-trigger="load">
                <!-- Section: User Table -->
                {# <div id="admin-user-section" class="flex flex-col flex-auto w-full"
                    hx-get="/htmx/admin/users/table"
                    hx-trigger="load">
                    <!-- load via HTMX -->
                </div> #}
            </div>
        </div>
    </div>
</div>
{% endblock %}