{% extends "base.html" %}

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

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

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

        <h1 class="page-title">Reports Queue</h1>

        <div class="stats-row">
            <div class="stat-box">
                <div class="number">{{ stats.open }}</div>
                <div class="label">Open</div>
            </div>
            <div class="stat-box">
                <div class="number">{{ stats.resolved }}</div>
                <div class="label">Resolved</div>
            </div>
            <div class="stat-box">
                <div class="number">{{ stats.dismissed }}</div>
                <div class="label">Dismissed</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/reports/entries"
                    hx-target="#reports-table"
                    hx-swap="innerHTML"
>All</button>
            <button class="{% if current_filter == "open" %}primary{% else %}secondary{% endif %}"
                    hx-get="/admin/reports/entries?status=open"
                    hx-target="#reports-table"
                    hx-swap="innerHTML"
>Open</button>
            <button class="{% if current_filter == "resolved" %}primary{% else %}secondary{% endif %}"
                    hx-get="/admin/reports/entries?status=resolved"
                    hx-target="#reports-table"
                    hx-swap="innerHTML"
>Resolved</button>
            <button class="{% if current_filter == "dismissed" %}primary{% else %}secondary{% endif %}"
                    hx-get="/admin/reports/entries?status=dismissed"
                    hx-target="#reports-table"
                    hx-swap="innerHTML"
>Dismissed</button>
        </div>

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