{% extends "base.html" %}
{% block title %}OpenLCB{% endblock %}
{% block content %}
<h2>OpenLCB / LCC bus</h2>

{% if not olcb_active %}
<div class="card" style="border-color:var(--warn,#c93)">
  <p>The active connection isn't OpenLCB. This page only works when
  <code>ctx.connection</code> is an <code>OlcbConnection</code>.
  Configure an OpenLCB connection to see discovered nodes here.</p>
</div>
{% else %}

{% include "_openlcb_identity.html" %}

{# Bus health — extracted into a fragment so htmx can poll just
   this card without re-rendering the whole page. #}
<div hx-get="/openlcb/health/refresh"
     hx-trigger="every 10s"
     hx-target="#openlcb-health" hx-swap="outerHTML">
  {% include "_openlcb_health.html" %}
</div>

<div class="card">
  <div class="row" style="align-items:baseline">
    <h3 style="margin:0">Discovered nodes</h3>
    <span style="margin-left:auto"></span>
    <a href="/openlcb/monitor" style="margin-right:0.75rem">Bus monitor &rarr;</a>
    <button hx-post="/openlcb/prune"
            hx-target="#openlcb-nodes" hx-swap="outerHTML"
            title="Force an immediate stale-peer sweep — drop any alias silent past the sweeper threshold">
      Prune now
    </button>
    <button hx-post="/openlcb/prune_all"
            hx-target="#openlcb-nodes" hx-swap="outerHTML"
            hx-confirm="Drop every discovered peer from the roster? Use this after moving to a new bus."
            title="Drop every peer regardless of age — clean-slate reset">
      Reset roster
    </button>
    <button hx-post="/openlcb/health_sweep"
            hx-target="#openlcb-health-sweep" hx-swap="outerHTML"
            hx-indicator="#openlcb-health-sweep-spinner"
            title="Time Verify NID + PIP + SNIP against every discovered peer in parallel">
      Health sweep
    </button>
    <span id="openlcb-health-sweep-spinner"
          class="htmx-indicator muted small">sweeping…</span>
    <button hx-post="/openlcb/discover"
            hx-target="#openlcb-nodes" hx-swap="outerHTML"
            title="Broadcast Verify NID Global + Identify Events Global — every reachable node answers with its NodeID + advertised events">
      Refresh
    </button>
  </div>
  {# Auto-poll every 5s so a peer joining the bus surfaces without
     a manual click. The Refresh + Prune buttons still work — their
     own hx-post/hx-get responses swap in immediately and reset the
     polling interval. #}
  <div hx-get="/openlcb/nodes/refresh"
       hx-trigger="every 5s"
       hx-target="#openlcb-nodes" hx-swap="outerHTML">
    {% include "_openlcb_nodes.html" %}
  </div>
</div>

{# Bus-wide health sweep result target — starts empty; the sweep
   button swaps in a full card. Placed as a bare div so the swap
   replaces it wholesale without leaving an empty wrapper. #}
<div id="openlcb-health-sweep"></div>

<div class="card">
  <h3 style="margin-top:0">Roster export / import</h3>
  <p class="muted small" style="margin-top:-0.4rem">
    Save the current roster (NIDs + cached SNIP/PIP + events) as
    JSON for backup or bug-report attachments, or reload a saved
    dump to seed the SNIP/PIP caches without re-probing.
  </p>
  <div class="row" style="gap:1rem;align-items:center;flex-wrap:wrap">
    <a href="/openlcb/roster.json"
       download
       class="button">Download roster JSON</a>
    <form hx-post="/openlcb/roster/import"
          hx-encoding="multipart/form-data"
          hx-target="#openlcb-roster-import-notice"
          hx-swap="innerHTML" class="row" style="gap:0.4rem">
      <input type="file" name="file" required accept=".json,application/json" />
      <button type="submit">Import roster</button>
      <span id="openlcb-roster-import-notice" class="small" style="align-self:center"></span>
    </form>
  </div>
</div>

{# Hosted trains — populated when the operator has wired a
   CommandStationNode into ctx._openlcb_cs. The add-train form
   below only functions when a CS is attached (server 400s
   otherwise). #}
<div class="card">
  <h3>Hosted trains (command station)</h3>
  {% include "_openlcb_hosted.html" %}
  <form hx-post="/openlcb/cs/add" hx-target="#openlcb-hosted"
        hx-swap="outerHTML" class="row" style="margin-top:0.75rem">
    <label>DCC address
      <input type="number" name="address" required min="0" max="16383"
             style="width:6em" />
    </label>
    <label class="row" style="gap:0.3rem;align-items:center">
      <input type="checkbox" name="long_address" value="1" />
      Long address
    </label>
    <button type="submit">Add hosted train</button>
  </form>
</div>

<div class="card">
  <h3>Traction search</h3>
  <p class="muted small">Find a loco by DCC address without knowing
  its NodeID upfront. Matches any CS on the bus hosting that address.</p>
  <form hx-post="/openlcb/search" hx-target="#openlcb-search-results"
        hx-swap="outerHTML" class="row">
    <label>Address
      <input type="number" name="address" required min="0" max="10239" />
    </label>
    <label>Address type
      <select name="long_address">
        <option value="">Either</option>
        <option value="0">Short</option>
        <option value="1">Long</option>
      </select>
    </label>
    <button type="submit">Search</button>
  </form>
  {% include "_openlcb_search.html" %}
</div>

{% endif %}
{% endblock %}