{% import "partials/fields.html" as f %}
{% import "partials/icons.html" as ic %}
<form hx-post="/draft/{{ draft.id }}/scenario"
      hx-trigger="change delay:200ms" hx-target="#editor-body" hx-swap="innerHTML">
  <p class="ed-kicker">Scenario</p>
  <h3 class="ed-heading">{{ document.title }}</h3>

  <div class="ed-field">
    <label class="ed-label">Title</label>
    <input type="text" name="title" class="ed-input" value="{{ document.title }}">
  </div>
  <div class="ed-field">
    <label class="ed-label">Identifier</label>
    <input type="text" name="scenario_id" class="ed-input mono" value="{{ document.id }}">
    <p class="ed-help">lower_snake_case. Names the exported package and the Hydra config.</p>
  </div>
  <div class="ed-field">
    <label class="ed-label">Description</label>
    <textarea name="description" rows="2" class="ed-input">{{ document.description }}</textarea>
  </div>
  <div class="ed-field">
    <label class="ed-label">Timeout <span class="unit">(s)</span></label>
    <input type="number" step="any" name="timeout_seconds" class="ed-input"
           value="{{ document.timeout_seconds }}">
  </div>
</form>

<h4 class="ed-subheading">{{ ic.icon('map', 12) }} Map</h4>

{# The source and its actions come first: a scenario that names a repository
   gets its files from there, and the fields below are then overrides rather
   than the answer. #}
{% include "partials/map_source.html" %}

<form hx-post="/draft/{{ draft.id }}/scenario"
      hx-trigger="change delay:200ms" hx-target="#editor-body" hx-swap="innerHTML">
  <div class="ed-field">
    <label class="ed-label">CARLA map name</label>
    <input type="text" name="map_name" class="ed-input" value="{{ document.map.name }}">
    <p class="ed-help">The world CARLA loads. Taken from the map's directory when one is downloaded.</p>
  </div>
  <div class="ed-field">
    <label class="ed-label">Hydra map group</label>
    <input type="text" name="map_group" class="ed-input mono" value="{{ document.map.group }}">
    <p class="ed-help">Selected as <code>map={{ document.map.group }}</code> when running.</p>
  </div>
  <div class="ed-field">
    <label class="ed-label">Map directory <span class="unit">(local)</span></label>
    <input type="text" name="map_directory" class="ed-input mono" style="font-size:11.5px"
           value="{{ document.map.directory or '' }}"
           placeholder="/path/to/autoware_maps/Town10HD_Opt">
    <p class="ed-help">
      A map on this machine, read in place: its <code>.osm</code>,
      <code>map_projector_info.yaml</code> and any <code>.xodr</code>.
      Takes precedence over the source above.
    </p>
  </div>
  <div class="ed-field">
    <label class="ed-label">
      Lanelet2 file (.osm)
      {% if document.map.source or document.map.directory %}<span class="unit">override</span>{% endif %}
    </label>
    <input type="text" name="map_lanelet2_path" class="ed-input mono" style="font-size:11.5px"
           value="{{ document.map.lanelet2_path or '' }}"
           placeholder="{{ map_status.lanelet2_path or '' }}">
  </div>
  <div class="ed-field">
    <label class="ed-label">
      OpenDRIVE file (.xodr)
      {% if document.map.source or document.map.directory %}<span class="unit">override</span>{% endif %}
    </label>
    <input type="text" name="map_xodr_path" class="ed-input mono" style="font-size:11.5px"
           value="{{ document.map.xodr_path or '' }}"
           placeholder="{{ map_status.xodr_path or '' }}">
    <p class="ed-help">
      {% if document.map.source or document.map.directory %}
        Both are resolved from the map above; set one here only to override it.
      {% else %}
        Both are needed for the spawn preview and for a sweep.
      {% endif %}
    </p>
  </div>
  <div class="ed-field">
    <label class="ed-label">Excluded lanelet IDs</label>
    {# The readout; its map is below, outside this form. #}
    {{ f.lanelet_field('map_no_3d_model_lanelet_ids',
                       document.map.no_3d_model_lanelet_ids, draft, many=true) }}
    <p class="ed-help">
      Referenced by spawn constraints as <code>${map.no_3d_model_lanelet_ids}</code>.
      Leave empty to inherit the map group's own list at run time.
    </p>
  </div>
</form>

{# Outside the form, like every other lanelet picker: a set of lanelets is
   picked by hand rather than searched for -- a search names one lanelet per run
   -- so this one carries no side panel. #}
{{ f.lanelet_modal('map_no_3d_model_lanelet_ids',
                   document.map.no_3d_model_lanelet_ids, draft,
                   'excluded lanelets', many=true) }}