{% extends "base.html" %}
{% block title %}OpenLCB node {{ node.alias }}{% endblock %}
{% block content %}
<h2>OpenLCB node <code class="mono">{{ node.alias }}</code></h2>

<p><a href="/openlcb">&larr; back to discovery</a></p>

<div class="card">
  <div class="row" style="align-items:baseline">
    <h3 style="margin:0">Identity</h3>
    <span style="margin-left:auto"></span>
    <button hx-post="/openlcb/nodes/{{ node.alias }}/probe"
            hx-target="#openlcb-node-detail" hx-swap="outerHTML"
            title="Send SNIP + PIP probes to this node and display the responses">
      Refresh identity
    </button>
    <button hx-post="/openlcb/nodes/{{ node.alias }}/health"
            hx-target="#openlcb-node-health" hx-swap="outerHTML"
            title="Time Verify NID + PIP + SNIP round-trips against this node">
      Health check
    </button>
    <button hx-post="/openlcb/nodes/{{ node.alias }}/identify_events"
            hx-target="#openlcb-node-identify-notice"
            hx-swap="innerHTML"
            title="Ask this peer specifically to publish its produced + consumed events (MTI 0x0968)">
      Identify events
    </button>
  </div>
  {% include "_openlcb_node_detail.html" %}
  {# Health-check result target — empty until the button is clicked;
     the fragment replaces this div in place. #}
  <div id="openlcb-node-health"></div>
  <div id="openlcb-node-identify-notice" class="small" style="margin-top:0.4rem"></div>
  <p style="margin-top:0.75rem">
    <a href="/openlcb/nodes/{{ node.alias }}/cdi">Open CDI editor &rarr;</a>
    &middot;
    <a href="/openlcb/nodes/{{ node.alias }}/fdi">View FDI (functions) &rarr;</a>
  </p>
</div>

<div class="card">
  <h3>Events</h3>
  <div class="row">
    <div class="col" style="flex:1">
      <strong>Produced ({{ node.produced_events | length }})</strong>
      {% if not node.produced_events %}
      <p class="muted">No produced events cached. Run
      <em>discover</em> from the main page to broadcast an Identify
      Events request.</p>
      {% else %}
      <ul class="mono small">
        {% for ev in node.produced_events %}
        <li>{{ ev }}</li>
        {% endfor %}
      </ul>
      {% endif %}
      {% if node.produced_ranges %}
      <strong>Produced ranges ({{ node.produced_ranges | length }})</strong>
      <ul class="mono small">
        {% for r in node.produced_ranges %}
        <li>{{ r[0] }} … {{ r[1] }}</li>
        {% endfor %}
      </ul>
      {% endif %}
    </div>
    <div class="col" style="flex:1">
      <strong>Consumed ({{ node.consumed_events | length }})</strong>
      {% if not node.consumed_events %}
      <p class="muted">No consumed events cached.</p>
      {% else %}
      <ul class="mono small">
        {% for ev in node.consumed_events %}
        <li>{{ ev }}</li>
        {% endfor %}
      </ul>
      {% endif %}
      {% if node.consumed_ranges %}
      <strong>Consumed ranges ({{ node.consumed_ranges | length }})</strong>
      <ul class="mono small">
        {% for r in node.consumed_ranges %}
        <li>{{ r[0] }} … {{ r[1] }}</li>
        {% endfor %}
      </ul>
      {% endif %}
    </div>
  </div>
</div>

<div class="card" style="border-color:var(--warn,#c93)">
  <h3 style="margin-top:0">Firmware upgrade</h3>
  <p class="muted small">
    Push a firmware binary to this node using the OpenLCB
    S-9.7.4.3 flow. The target reboots into upgrade mode, receives
    the file, then reboots back into normal operation. Do not
    interrupt this: a mid-transfer power loss can brick the node
    unless it ships with a recovery bootloader.
  </p>
  <form hx-post="/openlcb/nodes/{{ node.alias }}/firmware/upgrade"
        hx-target="#openlcb-firmware-notice" hx-swap="innerHTML"
        hx-encoding="multipart/form-data"
        hx-confirm="Push new firmware to {{ node.alias }}? The node will be unusable until the transfer completes."
        hx-indicator="#openlcb-firmware-spinner"
        class="row" style="gap:0.75rem;align-items:center">
    <input type="file" name="file" required accept="*/*" />
    <button type="submit"
            style="background-color:var(--warn,#c93);color:black">
      Upgrade firmware
    </button>
    <span id="openlcb-firmware-spinner"
          class="htmx-indicator muted small">
      transferring…
    </span>
  </form>
  <div id="openlcb-firmware-notice" class="small" style="margin-top:0.5rem"></div>
</div>

<div class="card">
  <div class="row" style="align-items:baseline">
    <h3 style="margin:0">PCER activity</h3>
    <span class="muted small">Auto-refresh every 3 seconds.</span>
  </div>
  <div hx-get="/openlcb/nodes/{{ node.alias }}/pcer_history"
       hx-trigger="every 3s"
       hx-target="#openlcb-node-pcer-history" hx-swap="outerHTML">
    {% include "_openlcb_node_pcer_history.html" %}
  </div>
</div>

<div class="card">
  <div class="row" style="align-items:baseline">
    <h3 style="margin:0">Recent frames from this peer</h3>
    <span class="muted small">Auto-refresh every 3 seconds. Newest first.</span>
  </div>
  {# Auto-polling wrapper — the fragment endpoint applies the
     source_alias filter server-side, so this card can't accidentally
     show frames from a different peer. #}
  <div hx-get="/openlcb/nodes/{{ node.alias }}/frames"
       hx-trigger="every 3s"
       hx-target="#openlcb-node-frames" hx-swap="outerHTML">
    {% include "_openlcb_node_frames.html" %}
  </div>
</div>
{% endblock %}