{%- set sid = state.session.session_id -%}
{%- set base = "/studies/" ~ slug ~ "/sessions/" ~ sid -%}
<div class="panel" data-server-now="{{ server_now }}" data-last-event="{{ last_event }}">
  <p class="meta">
    <span>{{ state.done }}/{{ state.total }} done</span>
    <span>{{ state.session.operator }} · {{ state.session.rig }}</span>
  </p>

  {% if runner and runner.message %}<p class="runner muted" role="status">Runner: {{ runner.message }}</p>{% endif %}
  {% if notice %}<p class="notice" role="status">{{ notice }}</p>{% endif %}
  {% if interim and interim.due and not state.running %}
  <div class="notice interim" role="status">
    <p><strong>Interim look {{ interim.next_look }} of {{ interim.planned_looks }} is due</strong>
      ({{ interim.complete_blocks }} complete blocks). It reports only "continue" or "stop".</p>
    {% if not mirror %}
    <form hx-post="/studies/{{ slug }}/sessions/{{ state.session.session_id }}/interim" hx-target="#panel"
          hx-confirm="Run interim look {{ interim.next_look }} now?">
      <button class="button primary" type="submit">Run interim look</button>
    </form>
    {% endif %}
  </div>
  {% endif %}

  {% if state.running %}
    {%- set t = state.running -%}
    {% include "_trial_header.html" %}
    {% if t.ended_at is none %}
      <div class="timer" data-started-at="{{ t.started_at.isoformat() }}"
           data-timeout="{{ spec.limits.timeout_s or '' }}" aria-live="off">0:00</div>
      {% if not mirror %}
      <form hx-post="{{ base }}/trials/{{ t.trial_id }}/stop" hx-target="#panel">
        <input type="hidden" name="version" value="{{ t.version }}">
        <input type="hidden" name="idempotency_key" value="{{ idempotency_key }}">
        <button class="big danger" type="submit" data-action="start_stop">Stop</button>
      </form>
      {% endif %}
    {% else %}
      <p class="stopped">Stopped after <strong>{{ t.duration_s | duration }}</strong>. Label the outcome.</p>
      {% if not mirror %}
      <form class="label-form" hx-post="{{ base }}/trials/{{ t.trial_id }}/complete" hx-target="#panel"
            data-success-index="{{ spec.rubric.success_index }}">
        <input type="hidden" name="version" value="{{ t.version }}">
        <input type="hidden" name="idempotency_key" value="{{ idempotency_key }}">
        {%- set suggested_stage = suggestion.stage_index if suggestion and suggestion.stage_index is not none else none -%}
        <fieldset class="chips stages">
          <legend>Furthest stage reached{% if suggestion %} <span class="muted">(simulated runner suggests)</span>{% endif %}</legend>
          <label><input type="radio" name="stage" value="-1" data-key="0" required
            {% if suggested_stage == -1 %}checked{% endif %}><span><kbd>0</kbd> none</span></label>
          {% for stage in spec.rubric.stages %}
          <label><input type="radio" name="stage" value="{{ loop.index0 }}" data-key="{{ loop.index }}"
            {% if suggested_stage == loop.index0 %}checked{% endif %}>
            <span><kbd>{{ loop.index }}</kbd> {{ stage.label }}{% if loop.index0 == spec.rubric.success_index %} ✓{% endif %}</span></label>
          {% endfor %}
        </fieldset>
        <fieldset class="chips">
          <legend>Why it ended</legend>
          {% for term in terminations %}
          <label><input type="radio" name="termination" value="{{ term }}" required
            {% if suggestion and suggestion.termination == term %}checked{% endif %}><span>{{ term | replace("_", " ") }}</span></label>
          {% endfor %}
        </fieldset>
        {% if spec.rubric.failure_tags %}
        <fieldset class="chips">
          <legend>Failure tags</legend>
          {% for tag in spec.rubric.failure_tags %}
          <label><input type="checkbox" name="failure_tags" value="{{ tag }}"
            {% if suggestion and tag in suggestion.failure_tags %}checked{% endif %}><span>{{ tag | replace("_", " ") }}</span></label>
          {% endfor %}
        </fieldset>
        {% endif %}
        <label>Note <textarea name="notes" rows="2"></textarea></label>
        <button class="big primary" type="submit" data-action="confirm">Confirm</button>
      </form>
      {% endif %}
    {% endif %}
    {% if not mirror %}
    <details class="invalid">
      <summary data-action="invalid">Invalid trial…</summary>
      <form class="stack" hx-post="{{ base }}/trials/{{ t.trial_id }}/invalidate" hx-target="#panel">
        <input type="hidden" name="version" value="{{ t.version }}">
        <input type="hidden" name="idempotency_key" value="{{ idempotency_key }}">
        <label>Reason (robot fault, setup error…) <input name="reason" required></label>
        <button class="button danger" type="submit">Mark invalid and reschedule</button>
      </form>
    </details>
    {% endif %}

  {% elif state.up_next %}
    {%- set slot = state.up_next -%}
    {% include "_slot_header.html" %}
    {% if not mirror %}
    <form hx-post="{{ base }}/start" hx-target="#panel">
      <input type="hidden" name="slot_id" value="{{ slot.slot_id }}">
      <input type="hidden" name="idempotency_key" value="{{ idempotency_key }}">
      <button class="big primary" type="submit" data-action="start_stop">Start</button>
    </form>
    {% else %}
    <p class="waiting">Waiting to start</p>
    {% endif %}

  {% elif interim and interim.stopped_at %}
    <h2 class="done">The study stopped at interim look {{ interim.stopped_at }}.</h2>
    <p>The pre-registered boundary was crossed, so the remaining trials were cancelled. Unblind on the report page to see the results.</p>
    <p><a class="button primary" href="/studies/{{ slug }}/report">Go to the report</a></p>
  {% else %}
    <h2 class="done">All scheduled trials are done.</h2>
    <p><a class="button primary" href="/studies/{{ slug }}/report">Go to the report</a></p>
  {% endif %}

  {% if state.undoable and not mirror %}
  <form class="undo" hx-post="{{ base }}/trials/{{ state.undoable.trial_id }}/undo" hx-target="#panel"
        data-undo-until="{{ state.undo_until.isoformat() if state.undo_until else '' }}">
    <input type="hidden" name="idempotency_key" value="{{ idempotency_key }}">
    <button class="button" type="submit" data-action="undo">Undo trial {{ state.undoable.slot.seq }} <span class="countdown"></span></button>
  </form>
  {% endif %}

  {% if not mirror and not state.running %}
  <form class="end" hx-post="{{ base }}/end" hx-confirm="End this session?">
    <input type="hidden" name="idempotency_key" value="{{ idempotency_key }}">
    <button class="button" type="submit">End session</button>
  </form>
  {% endif %}
</div>