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

{% block subnav %}
<nav class="navbar subnav-strip" aria-label="Section sub-navigation">
    <div class="container">
        <span class="subnav-jumps d-flex align-items-center flex-wrap">
            <a href="#cached-list">Blobs</a>
        </span>
    </div>
</nav>
{% endblock %}

{% block intro %}
<div class="alert alert-secondary small mb-3">
    Blobs the operator downloaded via /ui/catalog or /ui/misses land
    here. Each row is a cached artifact keyed by the sha256 of its
    canonical source URL. Use the trash button to drop a blob; the
    next request for that URL returns 404 until the operator
    Downloads it again.
</div>
{% endblock %}

{% block content %}
<div class="card mb-3" id="cached-list">
    <div class="card-header bg-light fw-semibold py-2">
        <i class="bi bi-list-ul me-1"></i>Cached blobs
    </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">Size</th>
                    <th>SHA-256</th>
                    <th class="text-end">Hits</th>
                    <th>Fetched</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 small font-monospace">{{ r['size'] }}</td>
                    <td class="small font-monospace">{{ r['sha256'][:12] }}...</td>
                    <td class="text-end">{{ r['hits'] }}</td>
                    <td class="small text-muted">{{ r['fetched_at'] }}</td>
                    <td class="text-end text-nowrap">
                        <form method="post" action="/admin/delete" class="d-inline m-0"
                              onsubmit="return confirm('Delete cached blob for {{ r['url'] }}?');">
                            <input type="hidden" name="key" value="{{ r['key'] }}">
                            <button type="submit" class="btn btn-sm btn-outline-danger"
                                    title="Remove this blob from the cache">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
                {% if not rows %}
                <tr><td colspan="6" class="text-muted text-center py-3">
                    No cached blobs yet. Bty flashes through withcache
                    populate this list on the first fetch of each
                    catalog artifact.
                </td></tr>
                {% endif %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}