{% 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="text-muted">
            {{ row_count }} cached blob{{ '' if row_count == 1 else 's' }},
            {{ '%.1f' | format(total_bytes / (1024*1024*1024)) if total_bytes > 1024*1024*1024
               else '%.1f' | format(total_bytes / (1024*1024)) if total_bytes > 1024*1024
               else '%.1f' | format(total_bytes / 1024) }}
            {{ 'GiB' if total_bytes > 1024*1024*1024
               else 'MiB' if total_bytes > 1024*1024
               else 'KiB' }} total
        </span>
    </div>
</nav>
{% endblock %}

{% block intro %}
<div class="alert alert-secondary small mb-3">
    Blobs bty flashes through withcache land here. Each row is a
    cached artifact keyed by the sha256 of its canonical source URL.
    Delete + refresh actions land in a follow-up PR; today the page
    is read-only.
</div>
{% endblock %}

{% block content %}
<div class="card mb-3">
    <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 %}