{% 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 Groups
                </h2>
            </div>
            <div id="admin-group-section" class="flex flex-col w-full gap-8"
                hx-get="/htmx/admin/groups/table"
                hx-trigger="load">
                <!-- load via HTMX -->
            </div>
        </div>
    </div>
</div>
{% endblock %}