{# Inline edit form for one node's leaf fields.

   Context: name, node (the LogixNG Node), node_dict (node.to_dict()).
   Posts to /logixng/{name}/node/{id}/update which rebuilds the node
   from the submitted fields via from_dict and splices it back into
   the tree. Container children are preserved by the server.
#}
{% set d = node_dict %}
<div class="logixng-node" data-node-id="{{ node.id }}">
  <form class="card" style="border-color:var(--accent,#368)"
        hx-post="/logixng/{{ name }}/node/{{ node.id }}/update"
        hx-target="#logixng-tree" hx-swap="outerHTML">
    <div class="row" style="align-items:baseline;gap:0.5rem">
      <code class="mono">{{ node.type_tag }}</code>
      <code class="mono muted small">{{ node.id }}</code>
      <span style="margin-left:auto"></span>
    </div>
    <input type="hidden" name="type" value="{{ node.type_tag }}" />

    <label>User name
      <input type="text" name="user_name" value="{{ d.get('user_name', '') }}" />
    </label>

    {# ----- containers with an enabled flag ----- #}
    {% if node.type_tag in ("logixng:root", "logixng:conditional") %}
    <label class="row" style="gap:0.3rem">
      <input type="checkbox" name="enabled" value="1"
             {% if d.enabled %}checked{% endif %} />
      Enabled
    </label>
    {% endif %}

    {# ----- action: set-turnout / sensor / light ----- #}
    {% if node.type_tag == "action:set-turnout" %}
      <label>Turnout
        <input type="text" name="turnout" value="{{ d.turnout }}" required />
      </label>
      <label>State
        <select name="state">
          <option value="CLOSED"{% if d.state == "CLOSED" %} selected{% endif %}>CLOSED</option>
          <option value="THROWN"{% if d.state == "THROWN" %} selected{% endif %}>THROWN</option>
        </select>
      </label>
    {% elif node.type_tag == "action:set-sensor" %}
      <label>Sensor
        <input type="text" name="sensor" value="{{ d.sensor }}" required />
      </label>
      <label>State
        <select name="state">
          <option value="ACTIVE"{% if d.state == "ACTIVE" %} selected{% endif %}>ACTIVE</option>
          <option value="INACTIVE"{% if d.state == "INACTIVE" %} selected{% endif %}>INACTIVE</option>
          <option value="UNKNOWN"{% if d.state == "UNKNOWN" %} selected{% endif %}>UNKNOWN</option>
        </select>
      </label>
    {% elif node.type_tag == "action:set-light" %}
      <label>Light
        <input type="text" name="light" value="{{ d.light }}" required />
      </label>
      <label>State
        <select name="state">
          <option value="ON"{% if d.state == "ON" %} selected{% endif %}>ON</option>
          <option value="OFF"{% if d.state == "OFF" %} selected{% endif %}>OFF</option>
        </select>
      </label>
    {% elif node.type_tag == "action:set-memory" %}
      <label>Memory
        <input type="text" name="memory" value="{{ d.memory }}" required />
      </label>
      <label>Value
        <input type="text" name="value" value="{{ d.get('value', '') }}" />
      </label>
    {% elif node.type_tag == "action:log" %}
      <label>Message
        <input type="text" name="message" value="{{ d.message }}" />
      </label>
      <label>Level
        <select name="level">
          {% for lvl in ("debug", "info", "warning", "error") %}
          <option value="{{ lvl }}"{% if d.level == lvl %} selected{% endif %}>{{ lvl }}</option>
          {% endfor %}
        </select>
      </label>
    {% elif node.type_tag == "action:delay" %}
      <label>Seconds
        <input type="number" step="0.1" name="seconds" value="{{ d.seconds }}" required />
      </label>
    {% elif node.type_tag == "action:write-cv" %}
      <label>CV
        <input type="number" name="cv" min="1" max="1024" value="{{ d.cv }}" required />
      </label>
      <label>Value
        <input type="number" name="value" min="0" max="255" value="{{ d.value }}" required />
      </label>
      <label>Address (blank = service mode)
        <input type="number" name="address" value="{{ d.get('address') if d.get('address') is not none else '' }}" />
      </label>
      <label class="row" style="gap:0.3rem">
        <input type="checkbox" name="long_address" value="1"
               {% if d.get('long_address') %}checked{% endif %} />
        Long address
      </label>
    {% elif node.type_tag == "action:read-cv" %}
      <label>CV
        <input type="number" name="cv" min="1" max="1024" value="{{ d.cv }}" required />
      </label>
      <label>Address (blank = service mode)
        <input type="number" name="address" value="{{ d.get('address') if d.get('address') is not none else '' }}" />
      </label>
      <label class="row" style="gap:0.3rem">
        <input type="checkbox" name="long_address" value="1"
               {% if d.get('long_address') %}checked{% endif %} />
        Long address
      </label>
      <label>Into memory (optional)
        <input type="text" name="into_memory" value="{{ d.get('into_memory') or '' }}" />
      </label>
    {% elif node.type_tag == "action:script" %}
      <label>Source
        <textarea name="source" rows="10"
                  style="width:100%;font-family:monospace;font-size:0.85rem">{{ d.source }}</textarea>
      </label>
    {% elif node.type_tag == "action:set-memory-from-expression" %}
      <label>Memory
        <input type="text" name="memory" value="{{ d.memory }}" required />
      </label>
      <p class="muted small">The source expression is a child node --
        edit via its own Edit button in the tree.</p>
    {% elif node.type_tag == "expr:sensor-active" %}
      <label>Sensor
        <input type="text" name="sensor" value="{{ d.sensor }}" required />
      </label>
    {% elif node.type_tag == "expr:turnout-closed" %}
      <label>Turnout
        <input type="text" name="turnout" value="{{ d.turnout }}" required />
      </label>
    {% elif node.type_tag == "expr:light-on" %}
      <label>Light
        <input type="text" name="light" value="{{ d.light }}" required />
      </label>
    {% elif node.type_tag == "expr:memory-equals" %}
      <label>Memory
        <input type="text" name="memory" value="{{ d.memory }}" required />
      </label>
      <label>Value
        <input type="text" name="value" value="{{ d.get('value', '') }}" />
      </label>
    {% elif node.type_tag in ("expr:memory-value-num", "expr:memory-value-str") %}
      <label>Memory
        <input type="text" name="memory" value="{{ d.memory }}" required />
      </label>
    {% elif node.type_tag == "expr:const-bool" %}
      <label>Value
        <select name="value">
          <option value="true"{% if d.value %} selected{% endif %}>true</option>
          <option value="false"{% if not d.value %} selected{% endif %}>false</option>
        </select>
      </label>
    {% elif node.type_tag == "expr:const-num" %}
      <label>Value
        <input type="number" step="any" name="value" value="{{ d.value }}" required />
      </label>
    {% elif node.type_tag == "expr:const-str" %}
      <label>Value
        <input type="text" name="value" value="{{ d.value }}" />
      </label>
    {% elif node.type_tag == "expr:num-op" %}
      <label>Op
        <select name="op">
          {% for op in ("add", "sub", "mul", "div", "mod", "min", "max") %}
          <option value="{{ op }}"{% if d.op == op %} selected{% endif %}>{{ op }}</option>
          {% endfor %}
        </select>
      </label>
    {% elif node.type_tag == "expr:num-compare" %}
      <label>Op
        <select name="op">
          {% for op in ("lt", "le", "eq", "ne", "ge", "gt") %}
          <option value="{{ op }}"{% if d.op == op %} selected{% endif %}>{{ op }}</option>
          {% endfor %}
        </select>
      </label>
    {% elif node.type_tag == "expr:string-compare" %}
      <label>Op
        <select name="op">
          {% for op in ("eq", "ne", "contains", "startswith", "endswith", "regex") %}
          <option value="{{ op }}"{% if d.op == op %} selected{% endif %}>{{ op }}</option>
          {% endfor %}
        </select>
      </label>
      <label class="row" style="gap:0.3rem">
        <input type="checkbox" name="case_insensitive" value="1"
               {% if d.case_insensitive %}checked{% endif %} />
        Case-insensitive
      </label>
    {% elif node.type_tag == "expr:string-concat" %}
      <label>Separator
        <input type="text" name="separator" value="{{ d.separator }}" />
      </label>
    {% endif %}

    <div class="row" style="margin-top:0.5rem;gap:0.5rem">
      <button type="submit">Save</button>
      <button type="button"
              hx-get="/logixng/{{ name }}/tree"
              hx-target="#logixng-tree"
              hx-swap="outerHTML">Cancel</button>
    </div>
  </form>
</div>