{% extends "ui/_layout.html" %}
{% block title %}{{ m.mac }} - bty-web{% 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">
    <div class="card-body">
        <h1 class="h4 mb-3"><code>{{ m.mac }}</code></h1>
        <dl class="row mb-0">
            <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>

<div class="card">
    <div class="card-body">
        <h2 class="h5 mb-3">Assignment</h2>
        <form action="/ui/machines/{{ m.mac }}" method="post">
            {# Two tiers of config (see docs/concepts "general vs
               per-policy"): the boot policy 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_policy">Boot policy</label>
                <select name="boot_policy" id="boot_policy" class="form-select">
                    {% for policy in boot_policies %}
                    <option value="{{ policy }}" {% if policy == m.boot_policy %}selected{% endif %}>{{ policy }}</option>
                    {% endfor %}
                </select>
                <div class="form-text">
                    <code>sanboot</code>: iPXE boots the local disk itself (drive
                    below; defaults to the first disk), falling back to the
                    firmware order if it can't. 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 time, then sanboots the
                    just-flashed disk before the next reflash (per-job CI cadence).
                    <code>bty-flash-once</code>: same as <code>bty-flash-always</code> for the next
                    PXE boot, then auto-flips to <code>sanboot</code> after the live env
                    signals completion.
                    <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 sanboots 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-body-secondary 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 policy 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-body-secondary 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 "?" }}, ref:{{ img.bty_image_ref[:12] }}{% if img.disk_image_sha %}, sha:{{ img.disk_image_sha[:12] }}{% endif %})
                    </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-body-secondary 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_policy=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-body-secondary 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_policy");
    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>

{# Hardware card: highlights parsed from the box's last lshw -json,
   plus a raw download for other tools. Only shown once the live env
   has reported lshw (auto-discovered boxes do on their inventory
   boot). #}
{% if m.hw_lshw %}
<div class="card mb-4" id="hardware">
    <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>Hardware</span>
        <a class="btn btn-sm btn-outline-secondary" href="/machines/{{ m.mac }}/lshw.json">
            <i class="bi bi-download me-1"></i>lshw.json
        </a>
    </div>
    <div class="card-body">
        <dl class="row mb-0">
            {% if hw and hw.cpu %}
            <dt class="col-sm-3">CPU</dt>
            <dd class="col-sm-9">{{ hw.cpu }}</dd>
            {% endif %}
            {% if hw and hw.memory %}
            <dt class="col-sm-3">Memory</dt>
            <dd class="col-sm-9">{{ hw.memory }}</dd>
            {% endif %}
            {% if hw and hw.nics %}
            <dt class="col-sm-3">Network</dt>
            <dd class="col-sm-9">
                <ul class="list-unstyled mb-0">
                    {% for nic in hw.nics %}
                    <li>
                        {% if nic.mac %}<code>{{ nic.mac }}</code>{% endif %}
                        {% if nic.name %} <span class="text-body-secondary">{{ nic.name }}</span>{% endif %}
                        {% if nic.product %} - {{ nic.product }}{% endif %}
                    </li>
                    {% endfor %}
                </ul>
            </dd>
            {% endif %}
        </dl>
        <div class="form-text mt-2">
            Reported {{ m.hw_lshw_at | fmt_ts if m.hw_lshw_at else "-" }} via
            <code>lshw -json</code> on the box's last live-env boot. The full
            tree (peripherals, firmware, ...) is in the download.
        </div>
    </div>
</div>
{% endif %}

{# 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 activity for this machine",
        link_to_full="/ui/events?subject_kind=machine&subject_id=" + m.mac %}
{% include "ui/_events_card.html" %}
{% endwith %}
{% endblock %}