{% 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 the Release fetches page, 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>. Until these files
    are present, machines with <code>boot_mode=bty-flash-always</code> cannot
    actually flash: fetch them from the
    <strong>Artifact Fetches</strong> page (the download indicator in
    the navbar). The TFTP daemon controls are below; the router-side
    DHCP / PXE cheatsheet lives on the <strong>Settings</strong> page.
{% endcall %}
{% endblock %}

{% block content %}
{# The netboot artifacts inventory: present/missing, size, sha256, and
   a download link for each. The Fetch button enqueues the fetch and
   hands off to the Release fetches page to watch progress. #}
<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>
        {# The release tag is an editable magic value (Settings ->
           Upstream sources); the button just fetches whatever it
           resolves to, then jumps to the Release fetches page. #}
        <button type="button" class="btn btn-sm btn-primary text-nowrap" id="enqueue-fetch-btn"
                data-tag="{{ release_tag }}" onclick="fetchAndWatch();"
                title="Fetch netboot artifacts for tag '{{ release_tag }}' from {{ release_repo }} and watch on the Artifact Fetches page">
            <i class="bi bi-cloud-download me-1"></i>Fetch
            {% if release_tag == "latest" %}latest{% else %}<code>{{ release_tag }}</code>{% endif %}
            artifacts
        </button>
    </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">
            The local <code>dnsmasq.service</code> serves the TFTP root
            (<code>/var/lib/tftpboot</code>). Stop it to take PXE offline
            without disabling DHCP; restart it to pick up new bootfiles
            staged into the TFTP root.
            <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 Docker container, where the entrypoint supervises it) -- no
                start / stop / restart
            </span>
            {% endif %}
        </div>
    </div>
</div>

<script>
// "Fetch artifacts" enqueues the release fetch (the trio matching the running
// bty-web's version, NOT GitHub's latest), then hands off
// to the Release fetches page to watch it progress (the live jobs
// table + cancel live there now).
window.fetchAndWatch = function () {
    var btn = document.getElementById("enqueue-fetch-btn");
    var tag = (btn.dataset.tag || "latest").trim() || "latest";
    btn.disabled = true;
    fetch("/boot/releases", {
        method: "POST",
        credentials: "same-origin",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ tag: tag }),
    }).then(function (r) {
        if (!r.ok) throw new Error("HTTP " + r.status);
        window.location = "/ui/fetches";
    }).catch(function (e) {
        alert("Fetch failed: " + e.message);
        btn.disabled = false;
    });
};
</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 %}