{% extends "ui/_layout.html" %}
{% block title %}Misses - withcache{% endblock %}

{% block intro %}
<div class="alert alert-secondary small mb-3">
    Cache misses recorded on ``/blob`` / ``/b/<b64>/<name>`` requests.
    In auto-fetch mode withcache enqueues a fetch in the background;
    in curate mode an operator triggers the pull manually. Per-row
    Fetch enqueues the pull; Dismiss removes the recorded miss.
</div>
{% endblock %}

{% block content %}
<div class="card mb-3">
    <div class="card-header bg-light fw-semibold py-2">
        <i class="bi bi-exclamation-diamond me-1"></i>Recorded misses
    </div>
    <div class="table-responsive">
        <table class="table table-striped table-hover mb-0 align-middle">
            <thead class="table-light">
                <tr>
                    <th>URL</th>
                    <th class="text-end">Count</th>
                    <th>First seen</th>
                    <th>Last seen</th>
                    <th class="text-end" style="width: 1%; white-space: nowrap;">Action</th>
                </tr>
            </thead>
            <tbody>
                {% for r in rows %}
                <tr>
                    <td class="small font-monospace text-truncate" style="max-width: 32rem;"
                        title="{{ r['url'] }}">{{ r['url'] }}</td>
                    <td class="text-end">{{ r['count'] }}</td>
                    <td class="small text-muted">{{ r['first_seen'] }}</td>
                    <td class="small text-muted">{{ r['last_seen'] }}</td>
                    <td class="text-end text-nowrap">
                        {# Fetch: enqueue a background pull of this URL.
                           Dismiss: remove the row (op curator ack'd
                           they don't want it). #}
                        <form method="post" action="/admin/fetch" class="d-inline m-0">
                            <input type="hidden" name="url" value="{{ r['url'] }}">
                            <button type="submit" class="btn btn-sm btn-outline-primary me-1"
                                    title="Enqueue a background fetch of this URL">
                                <i class="bi bi-cloud-download"></i>
                            </button>
                        </form>
                        <form method="post" action="/admin/dismiss" class="d-inline m-0">
                            <input type="hidden" name="key" value="{{ r['key'] }}">
                            <button type="submit" class="btn btn-sm btn-outline-secondary"
                                    title="Dismiss this recorded miss">
                                <i class="bi bi-x-lg"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
                {% if not rows %}
                <tr><td colspan="5" class="text-muted text-center py-3">
                    No recorded misses yet.
                </td></tr>
                {% endif %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}