{% extends "base.html" %}

{% block title %}Admin: Waitlist - 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">Waitlist Management</h1>

        <div class="stats-row">
            <div class="stat-box">
                <div class="number">{{ stats.total_pending }}</div>
                <div class="label">Pending</div>
            </div>
            <div class="stat-box">
                <div class="number">{{ stats.total_approved }}</div>
                <div class="label">Approved</div>
            </div>
            <div class="stat-box">
                <div class="number">{{ stats.total_spam }}</div>
                <div class="label">Spam</div>
            </div>
            <div class="stat-box">
                <div class="number">{{ stats.total_creators }}</div>
                <div class="label">Total Creators</div>
            </div>
        </div>

        <div class="lottery-form">
            <form hx-post="/api/admin/lottery" hx-target="body" class="lottery-form">
                <div class="form-group">
                    <label for="lottery-count">Lottery draw count</label>
                    <input type="number" id="lottery-count" name="count" min="1" max="100" value="5">
                </div>
                <button type="submit" class="btn-primary"
                        hx-confirm="Run the lottery? This will create a wave, assign hand-picks, and draw random winners.">
                    Run Lottery
                </button>
            </form>
        </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/waitlist/entries"
                    hx-target="#entries-table"
                    hx-swap="innerHTML"
>All</button>
            <button class="{% if current_filter == "pending" %}primary{% else %}secondary{% endif %}"
                    hx-get="/admin/waitlist/entries?status=pending"
                    hx-target="#entries-table"
                    hx-swap="innerHTML"
>Pending</button>
            <button class="{% if current_filter == "approved" %}primary{% else %}secondary{% endif %}"
                    hx-get="/admin/waitlist/entries?status=approved"
                    hx-target="#entries-table"
                    hx-swap="innerHTML"
>Approved</button>
            <button class="{% if current_filter == "spam" %}primary{% else %}secondary{% endif %}"
                    hx-get="/admin/waitlist/entries?status=spam"
                    hx-target="#entries-table"
                    hx-swap="innerHTML"
>Spam</button>
        </div>

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