{% extends "ui/_layout.html" %}
{% block title %}Netboot artifacts - bty-web{% endblock %}

{% block subnav %}
{# In-page jump links to the artifacts inventory + the activity table,
   separated by a vertical rule. (DHCP / PXE moved to Settings, the
   live fetch jobs to /ui/downloads, TFTP into the body.) #}
<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="#netboot-list">List</a>
            <span class="vr"></span>
            <a href="#netboot-tftp">TFTP Daemon</a>
            <span class="vr"></span>
            <a href="#netboot-activity">Activity</a>
        </span>
    </div>
</nav>
{% endblock %}

{% block intro %}
{% from "ui/_intro_box.html" import render as intro_box %}
{% call intro_box() %}
    The bty live env that PXE clients chain into when their
    assignment has <code>boot_mode=bty-flash-always</code>. Pure
    inventory view: which files are present, sizes, sha256s,
    last-fetched. The "Fetch artifacts" trigger lives on the
    <a href="/ui/downloads"><strong>Downloads</strong></a> page
    (under the navbar's Downloads icon); enqueue there and the rows
    here tick from missing to present as each file lands. The TFTP
    daemon controls are below; the router-side DHCP / PXE cheatsheet
    lives on the <strong>Settings</strong> page.
{% endcall %}
{% endblock %}

{% block content %}
{# Pure inventory: present/missing, size, sha256, last-fetched.
   The Fetch trigger moved to /ui/downloads. #}
<div class="card mb-4" id="netboot-list">
    <div class="card-header bg-light fw-semibold d-flex justify-content-between align-items-center flex-wrap gap-2">
        <span><i class="bi bi-box-seam me-1"></i>Netboot artifacts</span>
        <a href="/ui/downloads" class="btn btn-sm btn-outline-primary text-nowrap">
            <i class="bi bi-arrow-right me-1"></i>Fetch on the Downloads page
        </a>
    </div>
    <div class="table-responsive">
        <table class="table mb-0 align-middle">
            <thead class="table-light">
                <tr>
                    <th>File</th>
                    <th>Status</th>
                    <th>Size</th>
                    <th>SHA256</th>
                    <th>Last fetched</th>
                    <th class="text-end" style="width: 1%; white-space: nowrap;">Action</th>
                </tr>
            </thead>
            <tbody>
                {% for a in artifacts %}
                <tr>
                    <td><code>{{ a.name }}</code></td>
                    <td>
                        {% if a.present %}
                        <span class="badge bg-success"><i class="bi bi-check-circle me-1"></i>present</span>
                        {% else %}
                        <span class="badge bg-warning text-dark"><i class="bi bi-exclamation-circle me-1"></i>missing</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if a.size is not none %}
                        <small class="text-muted">{{ "{:,}".format(a.size) }} bytes</small>
                        {% else %}
                        <small class="text-muted">-</small>
                        {% endif %}
                    </td>
                    <td>
                        {% set sha = artifact_shas.get(a.name) %}
                        {% if sha %}
                        <code class="small" title="{{ sha }}">{{ sha[:12] }}...</code>
                        {% else %}
                        <small class="text-muted">-</small>
                        {% endif %}
                    </td>
                    <td>
                        {% if a.mtime %}
                        <small class="text-muted">{{ a.mtime | fmt_ts }}</small>
                        {% else %}
                        <small class="text-muted">-</small>
                        {% endif %}
                    </td>
                    <td class="text-end">
                        {% if a.present %}
                        <a href="/boot/{{ a.name }}" download
                           class="btn btn-sm btn-outline-secondary"
                           title="Download {{ a.name }}" aria-label="Download {{ a.name }}">
                            <i class="bi bi-download"></i>
                        </a>
                        {% else %}
                        <span class="text-muted small">-</span>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

{# Local dnsmasq.service state + start/stop/restart. The "take PXE
   offline briefly" knob, next to the artifacts it serves. #}
<div class="card mb-4" id="netboot-tftp">
    <div class="card-header bg-light fw-semibold">
        <i class="bi bi-cpu me-1"></i>TFTP daemon
    </div>
    <div class="card-body">
        <p class="text-muted">
            On a host/systemd install a co-located
            <code>dnsmasq.service</code> serves the TFTP root. Stop it to
            take PXE offline without disabling DHCP; restart it to pick up
            new bootfiles staged into the TFTP root. The container deploy
            serves TFTP from a separate sidecar instead, so these controls
            don't appear there.
            <a href="/ui/settings#dhcp-pxe" class="ms-1">
                <i class="bi bi-box-arrow-up-right me-1"></i>DHCP / PXE config details
            </a>
        </p>
        <div class="d-flex align-items-center gap-3">
            <div>
                {% if tftp.state == 'active' %}
                <span class="badge bg-success fs-6">{{ tftp.state }}</span>
                {% elif tftp.state == 'failed' %}
                <span class="badge bg-danger fs-6">{{ tftp.state }}</span>
                {% elif tftp.state in ('activating', 'deactivating', 'reloading') %}
                <span class="badge bg-warning text-dark fs-6">{{ tftp.state }}</span>
                {% else %}
                <span class="badge bg-secondary fs-6">{{ tftp.state }}</span>
                {% endif %}
                <code class="ms-2">dnsmasq.service</code>
            </div>
            {% if tftp_controllable %}
            <form action="/ui/settings/tftp-control" method="post" class="d-inline-flex gap-1 m-0 ms-auto">
                <button type="submit" name="action" value="start"
                        class="btn btn-sm btn-outline-success"
                        {% if tftp.is_active %}disabled{% endif %}>
                    <i class="bi bi-play-fill me-1"></i>Start
                </button>
                <button type="submit" name="action" value="stop"
                        class="btn btn-sm btn-outline-secondary"
                        {% if not tftp.is_active %}disabled{% endif %}>
                    <i class="bi bi-stop-fill me-1"></i>Stop
                </button>
                <button type="submit" name="action" value="restart"
                        class="btn btn-sm btn-outline-warning">
                    <i class="bi bi-arrow-clockwise me-1"></i>Restart
                </button>
            </form>
            {% else %}
            <span class="text-muted ms-auto small">
                <i class="bi bi-info-circle me-1"></i>dnsmasq isn't systemd-managed here
                (e.g. the container deploy, where TFTP is a separate sidecar) -- no
                start / stop / restart
            </span>
            {% endif %}
        </div>
    </div>
</div>

{# The Fetch trigger moved to /ui/downloads; nothing on this page
   enqueues a fetch any more. The inventory table here just renders
   the current present/missing state from inspect_boot_dir. #}

<script>
(function () {
    // The artifacts table + the Recent events card are server-rendered
    // off inspect_boot_dir() + the events log. When the operator
    // enqueues a fetch on /ui/downloads and the fetch completes, this
    // page has no idea -- the badges stay "missing" until manual
    // refresh. Poll /boot/releases for fetch status; reload when an
    // active fetch transitions to terminal (completed | failed) so
    // the present/missing badges + the activity card update on their
    // own. Same idiom as the Backups page's lastActiveCount reload.
    var lastActiveCount = 0;
    function isActive(f) {
        return f && (f.status === "queued" || f.status === "running");
    }
    function poll() {
        return fetch("/boot/releases", { credentials: "same-origin" })
            .then(function (r) { return r.ok ? r.json() : null; })
            .then(function (data) {
                var fetches = (data && data.fetches) || [];
                var activeCount = fetches.filter(isActive).length;
                if (lastActiveCount > 0 && activeCount === 0) {
                    window.location.reload();
                    return;
                }
                lastActiveCount = activeCount;
            }).catch(function () { /* transient; next tick retries */ });
    }
    var handle = null;
    // SSE-driven refresh; the 30s interval is a safety net for the rare
    // case where the EventSource drops without auto-reconnect.
    function start() { if (!handle) { poll(); handle = setInterval(poll, 30000); } }
    function stop()  { if (handle) { clearInterval(handle); handle = null; } }
    document.addEventListener("visibilitychange", function () {
        if (document.hidden) stop(); else start();
    });
    document.addEventListener("bty-worker-state-changed", function (e) {
        if (e.detail && e.detail.kind === "release") poll();
    });
    document.addEventListener("bty-worker-events-connected", poll);
    start();
})();
</script>

{# Recent netboot activity (release fetches + fetch failures). The
   "Activity" sub-nav anchor jumps here; always rendered (empty-state
   row when there's nothing yet). #}
{% with events=boot_events,
        title="Recent Events",
        link_to_full="/ui/events?subject_kind=netboot",
        card_id="netboot-activity" %}
{% include "ui/_events_card.html" %}
{% endwith %}
{% endblock %}