{% extends "base.html" %}

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

        <section class="admin-scan-section">
            <div class="admin-section-header">
                <h2>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>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>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>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):"
                            hx-vals='js:{ note: event.detail.prompt }'>
                        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" style="padding: var(--space-3) 0;">No scans recorded in the last 7 days.</div>
                {% else %}
                <div class="scroll-x" style="margin-top: var(--space-3);">
                <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 %}