{# Recursive node card. Expected context: node, name, depth. #}
<div class="logixng-node"
     data-node-id="{{ node.id }}"
     data-node-type="{{ node.type_tag }}"
     style="border-left:3px solid var(--muted,#aaa);padding-left:0.5rem;margin:0.3rem 0;margin-left:{{ depth * 1.2 }}rem">
  <div class="row" style="align-items:baseline;gap:0.5rem">
    <code class="mono">{{ node.type_tag }}</code>
    {% if node.user_name %}
    <strong>{{ node.user_name }}</strong>
    {% endif %}
    <code class="mono muted small">{{ node.id }}</code>
    {% if node.type_tag in ("logixng:root", "logixng:conditional") %}
    <span class="badge{% if node.enabled %} ok{% endif %}"
          data-enabled-for="{{ node.id }}">
      {% if node.enabled %}enabled{% else %}disabled{% endif %}
    </span>
    {% endif %}
    <span style="margin-left:auto"></span>
    <button type="button" class="small"
            hx-get="/logixng/{{ name }}/node/{{ node.id }}/edit"
            hx-target="closest .logixng-node"
            hx-swap="outerHTML">Edit</button>
    {% if logixng_is_container(node) %}
    <button type="button" class="small"
            hx-get="/logixng/{{ name }}/node/{{ node.id }}/add"
            hx-target="closest .logixng-node"
            hx-swap="afterend">Add child</button>
    {% endif %}
    {% if node.id != root.id %}
    <button type="button" class="small danger"
            hx-post="/logixng/{{ name }}/node/{{ node.id }}/delete"
            hx-target="#logixng-tree"
            hx-swap="outerHTML"
            hx-confirm="Delete this {{ node.type_tag }} node?">Delete</button>
    {% endif %}
  </div>

  {# Compact one-line summary of leaf fields, keyed by type. #}
  {% set d = node.to_dict() %}
  {% if node.type_tag == "action:set-turnout" %}
    <div class="muted small">turnout={{ d.turnout }} state={{ d.state }}</div>
  {% elif node.type_tag == "action:set-sensor" %}
    <div class="muted small">sensor={{ d.sensor }} state={{ d.state }}</div>
  {% elif node.type_tag == "action:set-light" %}
    <div class="muted small">light={{ d.light }} state={{ d.state }}</div>
  {% elif node.type_tag == "action:set-memory" %}
    <div class="muted small">memory={{ d.memory }} value={{ d.value }}</div>
  {% elif node.type_tag == "action:log" %}
    <div class="muted small">[{{ d.level }}] {{ d.message }}</div>
  {% elif node.type_tag == "action:delay" %}
    <div class="muted small">seconds={{ d.seconds }}</div>
  {% elif node.type_tag == "action:write-cv" %}
    <div class="muted small">CV{{ d.cv }}={{ d.value }}
      {%- if d.get("address") is not none %} addr={{ d.address }}{% endif %}</div>
  {% elif node.type_tag == "action:read-cv" %}
    <div class="muted small">CV{{ d.cv }}
      {%- if d.get("into_memory") %} -> {{ d.into_memory }}{% endif %}
      {%- if d.get("address") is not none %} addr={{ d.address }}{% endif %}</div>
  {% elif node.type_tag == "action:script" %}
    <div class="muted small mono">{{ d.source|truncate(80, True) }}</div>
  {% elif node.type_tag in ("expr:sensor-active", "expr:turnout-closed", "expr:light-on") %}
    <div class="muted small">
      {%- if d.get("sensor") %}sensor={{ d.sensor }}
      {%- elif d.get("turnout") %}turnout={{ d.turnout }}
      {%- elif d.get("light") %}light={{ d.light }}{% endif %}</div>
  {% elif node.type_tag == "expr:memory-equals" %}
    <div class="muted small">memory={{ d.memory }} == {{ d.value }}</div>
  {% elif node.type_tag in ("expr:memory-value-num", "expr:memory-value-str") %}
    <div class="muted small">memory={{ d.memory }}</div>
  {% elif node.type_tag == "expr:const-bool" %}
    <div class="muted small">value={{ d.value }}</div>
  {% elif node.type_tag == "expr:const-num" %}
    <div class="muted small">value={{ d.value }}</div>
  {% elif node.type_tag == "expr:const-str" %}
    <div class="muted small">value={{ d.value }}</div>
  {% elif node.type_tag in ("expr:num-op", "expr:num-compare", "expr:string-compare") %}
    <div class="muted small">op={{ d.op }}
      {%- if node.type_tag == "expr:string-compare" and d.get("case_insensitive") %} (case-insensitive){% endif %}</div>
  {% elif node.type_tag == "expr:string-concat" %}
    <div class="muted small">separator="{{ d.separator }}"</div>
  {% elif node.type_tag == "action:set-memory-from-expression" %}
    <div class="muted small">memory={{ d.memory }}</div>
  {% endif %}

  {# Nested children: list slots in order, then single slots. #}
  {% for slot in logixng_list_slots(node) %}
    {% set children = node|attr(slot) or [] %}
    {% if slot != "conditionals" and slot != "actions" and slot != "children" %}
      <div class="muted small">{{ slot }}:</div>
    {% endif %}
    {% for child in children %}
      {% with node=child, depth=depth+1 %}
        {% include "_logixng_node.html" %}
      {% endwith %}
    {% endfor %}
  {% endfor %}
  {% for slot in logixng_single_slots(node) %}
    {% set child = node|attr(slot) %}
    {% if child is not none %}
      <div class="muted small" style="margin-left:{{ (depth + 1) * 1.2 }}rem">{{ slot }}:</div>
      {% with node=child, depth=depth+1 %}
        {% include "_logixng_node.html" %}
      {% endwith %}
    {% endif %}
  {% endfor %}
</div>