{% extends "base.html" %}

{% block title %}Admin: Scan Pipeline - Makenotwork{% endblock %}

{# htmx 4 dropped `hx-prompt` from core and ships it as an extension with the
   same syntax. This is the only page that uses it, so it links the script here
   rather than from the shell; the version is the extension's own, since a
   vendored file changes only when htmx is bumped.

   `defer` is load-bearing rather than a habit: the shell's htmx is deferred, so
   an ordinary script here would run during parsing and call `registerExtension`
   before htmx exists. Deferred scripts run in document order, and htmx's own
   init waits a tick past that for exactly this. #}
{% block head %}
<script src="/static/hx-prompt.min.js?v=4.0.0-beta6" defer></script>
{% endblock %}

{% block body_attrs %} class="{{ crate::shell::measure(crate::shell::Measure::Wide) }} admin-page"{% endblock %}

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

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

        <h1 class="page-title">Scan Pipeline</h1>

        <section class="admin-scan-section">
            <div class="admin-section-header">
                <h2 class="subsection-title">Pipeline Health</h2>
                <span class="dimmed text-sm">last 24h</span>
            </div>
            <div class="layer-health-grid">
                {% for card in layer_health %}
                <div class="layer-health-card layer-{{ card.status_badge }}">
                    <div class="layer-name">{{ card.layer }}</div>
                    <div class="layer-stat">
                        <span class="dimmed">success</span> {{ card.success_rate_pct }}%
                    </div>
                    <div class="layer-stat">
                        <span class="dimmed">error</span> {{ card.error_rate_pct }}%
                    </div>
                    <div class="layer-stat">
                        <span class="dimmed">fails</span> {{ card.fail_count }}
                    </div>
                    <div class="layer-stat text-xs">
                        last clean: {{ card.last_seen }}
                    </div>
                </div>
                {% endfor %}
            </div>
        </section>

        <section class="admin-scan-section">
            <div class="admin-section-header">
                <h2 class="subsection-title">Active Queue</h2>
                <span class="dimmed text-sm">auto-refresh every 10s</span>
            </div>
            <div class="stats-row"
                 hx-get="/admin/uploads/queue-summary"
                 hx-trigger="every 10s"
                 hx-swap="outerHTML">
                <div class="stat-box">
                    <div class="number">{{ queue_pending }}</div>
                    <div class="label">Pending</div>
                </div>
                <div class="stat-box">
                    <div class="number">{{ queue_running }}</div>
                    <div class="label">Scanning</div>
                </div>
            </div>
        </section>

        <section class="admin-scan-section">
            <div class="admin-section-header">
                <h2 class="subsection-title">Audit Log</h2>
                <a href="/admin/uploads/audit" class="text-sm">View full log</a>
            </div>
            <p class="dimmed text-sm">Every promote, quarantine, and re-scan is recorded.</p>
        </section>

        <section class="admin-scan-section">
            <div class="admin-section-header">
                <h2 class="subsection-title">Held for Review</h2>
                <div>
                    <span class="dimmed text-sm">{{ total_held }} held</span>
                    {% if total_held > 0 %}
                    <button class="btn-secondary small"
                            hx-post="/api/admin/uploads/bulk/rescan"
                            hx-target="#uploads-table"
                            hx-swap="innerHTML"
                            hx-confirm="Re-scan every held file under the current pipeline? Workers will pick them up shortly.">
                        Re-scan all held
                    </button>
                    <button class="btn-secondary small"
                            hx-post="/api/admin/uploads/bulk/promote"
                            hx-target="#uploads-table"
                            hx-swap="innerHTML"
                            hx-prompt="Note explaining why every held file is safe to clear (required, audit-logged):">
                        Promote all held
                    </button>
                    {% endif %}
                </div>
            </div>
            <div id="uploads-table">
                {% include "partials/admin_upload_entries.html" %}
            </div>
        </section>

        <section class="admin-scan-section">
            <details class="scan-history-grid">
                <summary>
                    Recent History
                    <span class="dimmed text-sm">last 7 days, {{ history_total }} scan{% if history_total != 1 %}s{% endif %}</span>
                </summary>
                {% if recent_history.is_empty() %}
                <div class="dimmed text-sm py-section">No scans recorded in the last 7 days.</div>
                {% else %}
                <div class="scroll-x mt-section">
                <table class="compact-table" aria-label="Recent scan results">
                    <thead>
                        <tr>
                            <th>Scanned</th>
                            <th>File</th>
                            <th>Status</th>
                            <th>Layers</th>
                            <th class="text-right">Size</th>
                            <th>SHA-256</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for row in recent_history %}
                        <tr>
                            <td class="text-sm nowrap">{{ row.scanned_at }}</td>
                            <td class="text-sm" title="{{ row.s3_key_short }}"><code>{{ row.s3_key_short }}</code></td>
                            <td class="text-sm">
                                <span class="layer-chip layer-chip-{% if row.scan_status == "clean" %}pass{% else if row.scan_status == "quarantined" %}fail{% else if row.scan_status == "held_for_review" %}error{% else %}skip{% endif %}">
                                    {{ row.scan_status }}
                                </span>
                            </td>
                            <td class="layer-chips">
                                {% for chip in row.layers %}
                                <span class="layer-chip layer-chip-{{ chip.verdict }}"
                                      title="{{ chip.layer }}: {{ chip.verdict }}{% if let Some(d) = chip.detail %}, {{ d }}{% endif %}">
                                    {{ chip.layer }}
                                </span>
                                {% endfor %}
                            </td>
                            <td class="text-sm text-right nowrap">{{ row.size_bytes }}</td>
                            <td class="text-xs nowrap"><code>{{ row.sha256_short }}</code></td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
                </div>
                {% endif %}
            </details>
        </section>
    </div>
{% endblock %}