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

{% block subnav %}
{# In-page jump links to this machine's cards, separated by vertical
   rules. The Inventory link only shows once the box has reported. #}
<nav class="navbar subnav-strip" aria-label="Machine sections">
    <div class="container">
        <span class="subnav-jumps d-flex align-items-center flex-wrap">
            <a href="#machine-identity">Identity</a>
            {% if m.hw_lshw or m.known_disks %}
            <span class="vr"></span>
            <a href="#inventory">Inventory</a>
            {% endif %}
            <span class="vr"></span>
            <a href="#assignment">Assignment</a>
            <span class="vr"></span>
            <a href="#machine-activity">Activity</a>
        </span>
    </div>
</nav>
{% endblock %}

{% block content %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/ui/machines">Machines</a></li>
        <li class="breadcrumb-item active"><code>{{ m.mac }}</code></li>
    </ol>
</nav>

<div class="card mb-4" id="machine-identity">
    <div class="card-header bg-light fw-semibold">
        <i class="bi bi-pc-display me-1"></i><code>{{ m.mac }}</code>{% if m.hostname %}
        <span class="fw-normal text-muted ms-2">{{ m.hostname }}</span>{% endif %}
    </div>
    <div class="card-body">
        <dl class="row mb-0">
            {% set bound = (images | selectattr('bty_image_ref', 'equalto', m.bty_image_ref) | first) if m.bty_image_ref else none %}
            <dt class="col-sm-3"><i class="bi bi-disc me-1"></i>Image</dt>
            <dd class="col-sm-9">
                {% if bound %}
                <a class="text-decoration-none" href="/ui/images"
                   title="View in the image catalog">{{ bound.name }}</a>
                <span class="text-muted">({{ bound.format or "?" }}{% if bound.size_bytes %}, {{ bound.size_bytes | filesizeformat(true) }}{% endif %})</span>
                {% elif m.bty_image_ref %}
                <span class="text-muted">ref {{ m.bty_image_ref[:12] }}... (no catalog entry)</span>
                {% else %}
                <span class="text-muted">none (boots from the local disk)</span>
                {% endif %}
            </dd>
            <dt class="col-sm-3">Discovered</dt>
            <dd class="col-sm-9" title="{{ m.discovered_at }}">{{ m.discovered_at | fmt_ts if m.discovered_at else "-" }}</dd>
            <dt class="col-sm-3">Last seen</dt>
            <dd class="col-sm-9"><span title="{{ m.last_seen_at }}">{{ m.last_seen_at | fmt_ts if m.last_seen_at else "-" }}</span>{% if m.last_seen_ip %} from <a class="text-decoration-none" href="/ui/events?source_ip={{ m.last_seen_ip|urlencode }}" title="Show every event from this IP"><code>{{ m.last_seen_ip }}</code></a>{% endif %}</dd>
            <dt class="col-sm-3">Last flashed</dt>
            <dd class="col-sm-9" title="{{ m.last_flashed_at }}">{{ m.last_flashed_at | fmt_ts if m.last_flashed_at else "-" }}</dd>
            <dt class="col-sm-3">Created</dt>
            <dd class="col-sm-9" title="{{ m.created_at }}">{{ m.created_at | fmt_ts }}</dd>
            <dt class="col-sm-3">Updated</dt>
            <dd class="col-sm-9" title="{{ m.updated_at }}">{{ m.updated_at | fmt_ts }}</dd>
        </dl>
    </div>
</div>

{# Machine Inventory: what the box reported about itself on its last
   live-env boot -- hardware highlights (lshw) + the drive list (lsblk),
   each with a raw JSON download for other tools. Shown once an inventory
   exists (auto-discovered boxes report on their bty-inventory boot). #}
{% if m.hw_lshw or m.known_disks %}
<div class="card mb-4" id="inventory">
    <div class="card-header bg-light fw-semibold d-flex justify-content-between align-items-center">
        <span><i class="bi bi-cpu me-1"></i>Machine Inventory</span>
        <span class="d-flex gap-2">
            {% if m.hw_lshw %}
            <a class="btn btn-sm btn-outline-primary" href="/machines/{{ m.mac }}/lshw.json"
               title="Full lshw -json tree (CPU / RAM / NICs / peripherals / firmware)">
                <i class="bi bi-download me-1"></i>lshw.json
            </a>
            {% endif %}
            {% if m.known_disks %}
            <a class="btn btn-sm btn-outline-primary" href="/machines/{{ m.mac }}/disks.json"
               title="Disk inventory (lsblk-derived) as JSON">
                <i class="bi bi-download me-1"></i>disks.json
            </a>
            {% endif %}
        </span>
    </div>
    <div class="card-body">
        <dl class="row mb-0">
            {% if hw and hw.cpu %}
            <dt class="col-sm-3"><i class="bi bi-cpu me-1"></i>CPU</dt>
            <dd class="col-sm-9">{{ hw.cpu }}{% if hw.cpu_cores %} <span class="text-muted">({{ hw.cpu_cores }} core{{ "s" if hw.cpu_cores != 1 else "" }})</span>{% endif %}</dd>
            {% endif %}
            {% if hw and hw.memory %}
            <dt class="col-sm-3"><i class="bi bi-memory me-1"></i>Memory</dt>
            <dd class="col-sm-9">{{ hw.memory }}{% if hw.mem_modules %} <span class="text-muted">({{ hw.mem_modules }} module{{ "s" if hw.mem_modules != 1 else "" }})</span>{% endif %}</dd>
            {% endif %}
            {% if hw and hw.nics %}
            <dt class="col-sm-3"><i class="bi bi-ethernet me-1"></i>Network</dt>
            <dd class="col-sm-9">
                <ul class="list-unstyled mb-0">
                    {% for nic in hw.nics %}
                    {% set is_identifying = nic.mac and m.mac and nic.mac|lower == m.mac|lower %}
                    <li>
                        {% if nic.mac %}<code{% if is_identifying %} class="fw-bold"{% endif %}>{{ nic.mac }}</code>{% endif %}
                        {% if nic.name %} <span class="text-muted">{{ nic.name }}</span>{% endif %}
                        {% if nic.product %} - {{ nic.product }}{% endif %}
                        {% if is_identifying %} <span class="badge bg-primary">this machine</span>{% endif %}
                    </li>
                    {% endfor %}
                </ul>
            </dd>
            {% endif %}
            {% if m.known_disks %}
            <dt class="col-sm-3"><i class="bi bi-hdd-stack me-1"></i>Drives</dt>
            <dd class="col-sm-9">
                <ul class="list-unstyled mb-0">
                    {% for d in m.known_disks %}
                    <li>
                        <code>{{ d.path }}</code>
                        {% if d.size %} {{ d.size }}{% endif %}
                        {% if d.model %} <span class="text-muted">{{ d.model }}</span>{% endif %}
                        {% if d.serial %} serial <code>{{ d.serial }}</code>{% endif %}
                        {%- if d.tran %} ({{ d.tran }}){% endif %}{% if d.removable %} [removable]{% endif %}
                    </li>
                    {% endfor %}
                </ul>
            </dd>
            {% endif %}
        </dl>
        <div class="form-text mt-2">
            {% if m.hw_lshw %}Hardware via <code>lshw -json</code>{% endif %}{% if m.hw_lshw and m.known_disks %};
            {% endif %}{% if m.known_disks %}drives via <code>lsblk</code>{% endif %},
            reported {{ (m.hw_lshw_at or m.known_disks_at) | fmt_ts if (m.hw_lshw_at or m.known_disks_at) else "-" }}
            on the box's last live-env boot. Full trees in the downloads above.
        </div>
    </div>
</div>
{% endif %}

<div class="card mb-4" id="assignment">
    <div class="card-header bg-light fw-semibold">
        <i class="bi bi-sliders me-1"></i>Assignment
    </div>
    <div class="card-body">
        <form action="/ui/machines/{{ m.mac }}" method="post">
            {# Two tiers of config (see docs/concepts "general vs
               per-mode"): the boot mode is the MODE selector; the
               "Machine configuration" section below holds the machine's
               GENERAL properties (image, target disk, sanboot drive,
               hostname). Each policy READS a subset of those. The inline
               script DIMS + annotates the fields the selected policy
               ignores rather than hiding them, so the
               general/consumed-by split stays visible to the operator. #}
            <div class="mb-4">
                <label class="form-label fw-semibold" for="boot_mode">Boot mode</label>
                <select name="boot_mode" id="boot_mode" class="form-select">
                    {% for policy in boot_policies %}
                    <option value="{{ policy }}" {% if policy == m.boot_mode %}selected{% endif %}>{{ policy }}</option>
                    {% endfor %}
                </select>
                {% set _state = m | boot_state %}
                {% if _state %}
                <div class="form-text mt-2">
                    Current state: <span class="badge bg-light text-dark border">{{ _state }}</span>
                    <span class="text-muted">- derived from the mode + whether the box has booted the flasher; the mode is your intent, this is where it is in the cycle.</span>
                </div>
                {% endif %}
                <div class="form-text">
                    <code>ipxe-exit</code>: boot the local disk. On UEFI, hand
                    control back to the firmware boot order (which boots the
                    disk's EFI loader); on legacy BIOS, iPXE sanboots the drive
                    below (defaults to the first disk). The default for an
                    assigned box.
                    <code>bty-flash-always</code>: PXE boots chain into the live env so the box
                    re-flashes the assigned image every cycle, then boots the
                    just-flashed disk before the next reflash (per-job CI cadence).
                    <code>bty-flash-once</code>: flashes on the next PXE boot only,
                    then boots the disk on every boot after that - the mode stays
                    <code>bty-flash-once</code> (re-save the machine to flash again).
                    <code>bty-tui</code>: PXE boots chain into the live env and <code>bty</code>
                    on tty1 drops the operator into the wizard to pick an image
                    by hand.
                    <code>bty-inventory</code>: each boot chains the live env just to
                    re-report this box's disks, then boots the disk - so swapped
                    hardware is picked up. The auto-discovery default for unknown
                    MACs; it's how the Target disk dropdown below gets populated.
                </div>
            </div>

            <h3 class="h6 text-uppercase text-muted border-top pt-3 mb-1">Machine configuration</h3>
            <p class="form-text mt-0 mb-3">
                Properties of this machine, independent of policy. The selected
                boot mode reads the subset it needs; fields it ignores are
                dimmed and marked <em>not used</em>. Values persist across
                policy changes (e.g. a sanboot drive you calibrated under
                <code>sanboot</code> still applies once you switch to a flash
                policy).
            </p>

            <div class="mb-3" data-policy-relevant="bty-flash-always bty-flash-once">
                <label class="form-label" for="bty_image_ref">Image
                    <span class="policy-usage small text-muted fw-normal ms-1"></span></label>
                <select name="bty_image_ref" id="bty_image_ref" class="form-select">
                    <option value="">- none (discovered, will boot from local disk) -</option>
                    {% for img in images %}
                    {# img is a catalog_entries row dict: ``bty_image_ref``
                       (provenance ID) is the option value; ``disk_image_sha``
                       is shown alongside when known. Operator binds to
                       the ref, which is stable across rolling tags and
                       cache state. #}
                    <option value="{{ img.bty_image_ref }}" {% if img.bty_image_ref == m.bty_image_ref %}selected{% endif %}>
                        {{ img.name }} ({{ img.format or "?" }}{% if img.size_bytes %}, {{ img.size_bytes | filesizeformat(true) }}{% endif %}, ref {{ img.bty_image_ref[:8] }})
                    </option>
                    {% endfor %}
                </select>
                <div class="form-text">
                    Image bound for flashing. Read by <code>bty-flash-always</code>
                    and <code>bty-flash-once</code>.
                </div>
            </div>
            <div class="mb-3" data-policy-relevant="bty-flash-always bty-flash-once">
                <label class="form-label" for="target_disk_serial">Target disk
                    <span class="policy-usage small text-muted fw-normal ms-1"></span></label>
                {% if m.known_disks %}
                <select name="target_disk_serial" id="target_disk_serial" class="form-select">
                    <option value="">- none picked (flash will refuse) -</option>
                    {% for d in m.known_disks %}
                    {# Each disk's serial is the durable identifier the live env
                       matches at flash time. Display path/size/model alongside
                       so the operator picks a recognisable line. Disks without
                       a serial get disabled options -- the live env wouldn't
                       be able to match them anyway. #}
                    {% if d.serial %}
                    <option value="{{ d.serial }}" {% if d.serial == m.target_disk_serial %}selected{% endif %}>
                        {{ d.path }} | {{ d.size or "?" }}{% if d.model %} | {{ d.model }}{% endif %} | serial: {{ d.serial }}{% if d.tran %} ({{ d.tran }}){% endif %}{% if d.removable %} [removable]{% endif %}
                    </option>
                    {% else %}
                    <option disabled>
                        {{ d.path }} | {{ d.size or "?" }}{% if d.model %} | {{ d.model }}{% endif %} | (no serial; cannot select)
                    </option>
                    {% endif %}
                    {% endfor %}
                </select>
                <div class="form-text">
                    Last inventory reported {{ m.known_disks_at | fmt_ts }}. The live env's
                    flash service matches the picked SERIAL against current
                    disks; a swapped or renumbered drive refuses to flash
                    rather than risking the wrong target.
                </div>
                {% else %}
                <input type="hidden" name="target_disk_serial" value="{{ m.target_disk_serial or '' }}">
                <div class="alert alert-warning small mb-0">
                    No disk inventory yet for this machine. Set <code>boot_mode=bty-tui</code>
                    above and power-cycle the machine; <code>bty</code> will
                    report its disks to bty-web on startup and this dropdown
                    will populate.
                </div>
                {% endif %}
            </div>
            <div class="mb-3" data-policy-relevant="sanboot bty-flash-always bty-flash-once bty-inventory">
                <label class="form-label" for="sanboot_drive">Sanboot drive
                    <span class="policy-usage small text-muted fw-normal ms-1"></span></label>
                <input type="text" name="sanboot_drive" id="sanboot_drive"
                       class="form-control font-monospace"
                       value="{{ m.sanboot_drive or '' }}" placeholder="0x80"
                       pattern="^0x[0-9a-fA-F]{1,2}$"
                       title="iPXE BIOS drive to sanboot: 0x80 = first disk, 0x81 = second, ...">
                <div class="form-text">
                    Which local disk iPXE boots whenever bty sanboots this
                    machine: <code>0x80</code> is the first disk, <code>0x81</code>
                    the second, and so on. Leave blank for the default
                    (<code>0x80</code>). iPXE selects by BIOS drive number, not by
                    the Linux serial used for flashing. Read by the
                    <code>sanboot</code> policy, the one-shot disk boot after each
                    <code>bty-flash-always</code> reflash, and a
                    <code>bty-flash-once</code> machine that settles to
                    <code>sanboot</code>.
                </div>
            </div>
            <div class="mb-3">
                <label class="form-label" for="hostname">Hostname</label>
                <input type="text" name="hostname" id="hostname" class="form-control"
                       value="{{ m.hostname or '' }}" placeholder="(optional)">
                <div class="form-text">Cosmetic label; not consumed by the boot chain.</div>
            </div>
            <div class="d-flex justify-content-between">
                <button type="submit" class="btn btn-primary">Save</button>
                <button type="submit" formaction="/ui/machines/{{ m.mac }}/delete"
                        class="btn btn-outline-danger"
                        onclick="return confirm('Delete machine record for {{ m.mac }}?');">
                    Delete record
                </button>
            </div>
        </form>
    </div>
</div>

<script>
(function () {
    // Machine config is GENERAL (a property of the box); each policy
    // READS a subset. Rather than hide the fields a policy ignores, we
    // DIM them and tag them "not used by <policy>", so the
    // general/consumed-by split stays visible. Each general field
    // carries a ``data-policy-relevant`` attribute listing the
    // policies that consume it (space-separated). All fields stay in
    // the DOM and still POST -- dimming never clears a value, so a
    // sanboot drive calibrated under ``sanboot`` survives a switch to
    // a flash policy.
    const policySelect = document.getElementById("boot_mode");
    if (!policySelect) return;
    const targets = document.querySelectorAll("[data-policy-relevant]");

    function applyUsage() {
        const current = policySelect.value;
        targets.forEach((el) => {
            const allowed = (el.getAttribute("data-policy-relevant") || "").split(/\s+/);
            const consumed = allowed.includes(current);
            el.classList.toggle("opacity-50", !consumed);
            const note = el.querySelector(".policy-usage");
            if (note) note.textContent = consumed ? "" : "(not used by " + current + ")";
        });
    }

    policySelect.addEventListener("change", applyUsage);
    applyUsage();
})();
</script>


{# Per-MAC event slice. Filtered to ``subject_kind=machine`` +
   ``subject_id=this MAC`` server-side; the link forwards the
   same filter to /ui/events for drill-down. #}
{% with events=machine_events,
        title="Recent Events",
        card_id="machine-activity",
        link_to_full="/ui/events?subject_kind=machine&subject_id=" + m.mac %}
{% include "ui/_events_card.html" %}
{% endwith %}
{% endblock %}