{% import "partials/fields.html" as f %}
{% import "partials/lanelet_search.html" as ls %}
{% import "partials/icons.html" as ic %}
{# The inspector renders whatever object the canvas selected.

   Every section below is built from registry metadata, so a newly registered
   action, condition, constraint or binding is editable here without touching
   this template. #}
<div class="ed-panel">
  <div class="ed-panel-head">
    <div>
      <div class="ed-panel-title">Inspector</div>
      <div class="ed-panel-sub mono">{{ selected }}</div>
    </div>
    {{ ic.icon('target', 15) }}
  </div>
  <div class="ed-panel-body">

  {% if selected_kind == 'scenario' %}
    {% include "partials/inspector_scenario.html" %}

  {% elif selected_kind == 'environment' %}
    {% include "partials/inspector_environment.html" %}

  {% elif selected_kind == 'entity' %}
    {% include "partials/inspector_entity.html" %}

  {% elif selected_kind == 'action' %}
    {% set spec = get_action_spec(target.type) %}
    <form hx-post="/draft/{{ draft.id }}/action/{{ target.id }}"
          hx-trigger="change delay:200ms" hx-target="#editor-body" hx-swap="innerHTML">
      <p class="ed-kicker">{{ spec.category if spec else 'Action' }}</p>
      <h3 class="ed-heading">{{ spec.title if spec else target.type }}</h3>
      {% if spec and spec.description %}<p class="ed-help" style="margin-bottom:14px">{{ spec.description }}</p>{% endif %}

      <div class="ed-field">
        <label class="ed-label">Label</label>
        <input type="text" name="title" class="ed-input" value="{{ target.title }}">
      </div>
      {# No actor to choose for an environment action: nothing performs it, and
         offering the field would let the card be filed under a vehicle that has
         nothing to do with it. #}
      {% if spec and spec.scope == 'environment' %}
        <div class="ed-field">
          <label class="ed-label">Acts on</label>
          <p class="ed-static">{{ ic.icon('globe', 13) }} The environment, not a vehicle</p>
        </div>
      {% else %}
        <div class="ed-field">
          <label class="ed-label">Actor</label>
          <select name="actor" class="ed-input">
            <option value="" {% if not target.actor %}selected{% endif %}>— none —</option>
            {% for entity in document.entities %}
              <option value="{{ entity.id }}" {% if target.actor == entity.id %}selected{% endif %}>
                {{ entity.display_name }}
              </option>
            {% endfor %}
          </select>
        </div>
      {% endif %}
      {% if spec %}{{ f.fields(spec.fields, target.params, document, '', draft) }}{% endif %}
      {# Options come from the registry, so a phase cannot exist in the IR and
         be missing from the only control that sets it. #}
      <div class="ed-field">
        <label class="ed-label">Phase</label>
        <select name="phase" class="ed-input">
          {% for option in action_phases %}
            {# An action that waits for something cannot move into a phase with
               nothing to wait for; saying so here beats refusing the change
               after it has been made. #}
            {% set blocked = option.value == 'init' and target.trigger %}
            <option value="{{ option.value }}"
                    {% if target.phase == option.value %}selected{% endif %}
                    {% if blocked %}disabled{% endif %}>{{ option.label }}{% if blocked %} — remove the trigger first{% endif %}</option>
          {% endfor %}
        </select>
        <p class="ed-help">{{ phase_help.get(target.phase, '') }}</p>
      </div>
      <div class="ed-field">
        <label class="ed-check">
          <input type="checkbox" name="once" value="on" {% if target.once %}checked{% endif %}>
          <span>Fire only once</span>
        </label>
      </div>
    </form>
    {# Every lanelet this action names, each with its map and the choice between
       a pinned lanelet and a constraint search. Outside the form above: the
       search is made of forms, and a form cannot nest. #}
    {% if spec %}{{ ls.modals(spec.fields, target.params, draft, document, target.id, selected) }}{% endif %}
    <button class="ed-btn-danger" style="width:100%"
            hx-post="/draft/{{ draft.id }}/action/{{ target.id }}/delete"
            hx-target="#editor-body" hx-swap="innerHTML">
      {{ ic.icon('trash', 13) }} Delete action
    </button>

  {% elif selected_kind == 'condition' %}
    {% set spec = get_condition_spec(target.type) %}
    <form hx-post="/draft/{{ draft.id }}/condition/{{ target.id }}"
          hx-trigger="change delay:200ms" hx-target="#editor-body" hx-swap="innerHTML">
      <p class="ed-kicker">{{ spec.category if spec else 'Predicate' }}</p>
      <h3 class="ed-heading">{{ spec.title if spec else target.type }}</h3>
      {% if spec and spec.description %}<p class="ed-help" style="margin-bottom:14px">{{ spec.description }}</p>{% endif %}
      {% if spec and spec.fields %}
        {{ f.fields(spec.fields, target.params, document, '', draft) }}
      {% elif spec %}
        <p class="ed-help" style="margin-bottom:14px">This condition has no parameters.</p>
      {% endif %}
    </form>
    {% if spec %}{{ ls.modals(spec.fields, target.params, draft, document, target.id, selected) }}{% endif %}
    {% if spec and spec.accepts_children %}
      <p class="ed-help" style="margin-bottom:14px">
        {{ spec.min_children }} child condition(s) required,
        {{ 'unlimited' if spec.max_children is none else spec.max_children }} allowed.
        Add them on the canvas.
      </p>
    {% endif %}
    <button class="ed-btn-danger" style="width:100%"
            hx-post="/draft/{{ draft.id }}/condition/{{ target.id }}/delete"
            hx-target="#editor-body" hx-swap="innerHTML">
      {{ ic.icon('trash', 13) }} Delete condition
    </button>

  {% elif selected_kind == 'constraint' %}
    {% set spec = get_constraint_spec(target.type) %}
    <form hx-post="/draft/{{ draft.id }}/constraint/{{ target.id }}"
          hx-trigger="change delay:200ms" hx-target="#editor-body" hx-swap="innerHTML">
      <input type="hidden" name="selected" value="{{ constraint_owner or selected }}">
      <p class="ed-kicker">{{ spec.category if spec else 'Constraint' }}</p>
      <h3 class="ed-heading">{{ spec.title if spec else target.type }}</h3>
      {% if spec and spec.description %}<p class="ed-help" style="margin-bottom:14px">{{ spec.description }}</p>{% endif %}
      {% if spec and spec.fields %}
        {{ f.fields(spec.fields, target.params, document, '', draft) }}
      {% else %}
        <p class="ed-help" style="margin-bottom:14px">This constraint has no parameters.</p>
      {% endif %}
    </form>
    <form hx-post="/draft/{{ draft.id }}/constraint/{{ target.id }}/delete"
          hx-target="#editor-body" hx-swap="innerHTML">
      <input type="hidden" name="selected" value="{{ constraint_owner or 'scenario' }}">
      <button type="submit" class="ed-btn-danger" style="width:100%">
        {{ ic.icon('trash', 13) }} Delete constraint
      </button>
    </form>
  {% endif %}

  </div>
</div>