{#- Read-only task details, shared by the board's task dialog and the task page. Expects: detail,
    optional error. Refetched on live events, so it holds no form state of its own. -#}
{%- set t = detail.task -%}
<div class="task-view" id="view-{{ t.key }}" data-key="{{ t.key }}"
     hx-get="/p/{{ t.project_slug }}/t/{{ t.key }}/view" hx-trigger="rb:refresh" hx-swap="outerHTML">
  <h1 class="task-title" id="task-title">{{ t.title }}</h1>
  {% if error %}<p class="form-error" role="alert">{{ error }}</p>{% endif %}

  <dl class="fields">
    <dt>Stage</dt><dd><span class="stage-pill stage-{{ t.stage.value }}">{{ label(t.stage.value) }}</span>{% if t.stage_note %} <span class="muted">{{ t.stage_note }}</span>{% endif %}</dd>
    {%- set is_done = t.stage.value == "done" %}
    {% if t.waiting_on %}<dt>Waiting on</dt><dd>{% if is_done %}<span class="muted">{{ t.waiting_on }}</span>{% else %}<span class="chip waiting">{{ t.waiting_on }}</span>{% endif %}</dd>{% endif %}
    {%- set stale = t.next_step_stale and not is_done %}
    {% if t.next_step %}<dt>Next step</dt><dd{% if is_done or stale %} class="muted"{% endif %}>{{ t.next_step }}{% if stale %} <span class="stale-mark" title="Set before the last stage change">stale</span>{% endif %}</dd>{% endif %}
    {% if t.branch %}<dt>Branch</dt><dd><code class="branch">{{ t.branch }}</code></dd>{% endif %}
    {% if t.tracker_ref or t.tracker_name or t.tracker_url or t.tracker_logged or (require_tracker_log and is_done) %}
    <dt>Tracker</dt><dd class="tracker-field">{% include "_tracker.html" %}
      {%- if t.tracker_url and not t.tracker_ref %}{% set href = t.tracker_url|http_url %}{% if href %} <a href="{{ href }}" target="_blank" rel="noopener noreferrer">{{ t.tracker_name or href }}</a>{% endif %}{% endif %}
      {%- if t.tracker_ref and not t.tracker_logged and not is_done %} <span class="muted">work log not entered yet</span>{% endif %}</dd>
    {% endif %}
    {% if t.doc_path %}<dt>Document</dt><dd><code>{{ t.doc_path }}</code></dd>{% endif %}
    <dt>Updated</dt><dd><time datetime="{{ t.updated_at }}" data-age>{{ t.updated_at|age }}</time> <span class="muted">· v{{ t.version }}</span></dd>
  </dl>

  {% if detail.tracker_history %}
  <section class="panel">
    <h2>Tracker history</h2>
    <ol class="history tracker-history">
      {% for e in detail.tracker_history %}
      {%- set href = e.tracker_url|http_url %}
      {%- set text = (e.tracker_name ~ " " if e.tracker_name else "") ~ e.tracker_ref %}
      <li>
        {% if href %}<a class="history-name" href="{{ href }}" target="_blank" rel="noopener noreferrer">{{ text }}</a>{% else %}<span class="history-name">{{ text }}</span>{% endif %}
        <span class="muted">—
          {%- if e.logged_at %} logged <time datetime="{{ e.logged_at }}">{{ e.logged_at[:10] }}</time>{% endif %}
          {%- if e.logged_at and e.unlogged_at %} ·{% endif %}
          {%- if e.unlogged_at %} unlogged <time datetime="{{ e.unlogged_at }}">{{ e.unlogged_at[:10] }}</time>{% endif %}
          {%- if not e.logged_at and not e.unlogged_at %} not logged{% endif %}
        </span>
      </li>
      {% endfor %}
    </ol>
  </section>
  {% endif %}

  <section class="panel">
    <h2>Session</h2>
    {% if t.session_name %}
    <div class="card-session">
      {% with name = t.session_name, status = t.session_status, link = t.session_link %}{% include "_session.html" %}{% endwith %}
    </div>
    {% if t.session_external_id %}<p class="muted mono">{{ t.session_external_id }}</p>{% endif %}
    {% if t.session_activity_at %}<p class="session-activity">{% if t.session_status %}<span class="session-status status-{{ t.session_status }}">{{ t.session_status }}</span> {% endif %}<span class="muted">last activity: {{ t.session_activity or "—" }} · <time datetime="{{ t.session_activity_at }}" data-age>{{ t.session_activity_at|age }}</time></span></p>{% endif %}
    <form class="unbind-form" method="post" action="/p/{{ t.project_slug }}/t/{{ t.key }}/unbind"
          hx-post="/p/{{ t.project_slug }}/t/{{ t.key }}/unbind" hx-target="closest .task-view" hx-swap="outerHTML"
          hx-confirm="Unbind {{ t.session_name }} from {{ t.key }}? The binding history is kept.">
      <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}">
      <input type="hidden" name="session" value="{{ t.session_external_id or t.session_name }}">
      <button type="submit" class="btn danger">Unbind session</button>
    </form>
    {% else %}
    <p class="muted">No session is bound to this task.</p>
    {% endif %}
    {% if detail.bindings %}
    <h3>History</h3>
    <ol class="history">
      {% for b in detail.bindings %}
      <li>
        <span class="history-name">{{ b.session_name }}</span>
        {% if b.session_external_id and b.session_external_id != b.session_name %}<span class="muted mono">{{ b.session_external_id }}</span>{% endif %}
        <span class="muted">
          bound <time datetime="{{ b.bound_at }}" data-age>{{ b.bound_at|age }}</time> by {{ b.bound_by }}
          {% if b.unbound_at %}· until <time datetime="{{ b.unbound_at }}" data-age>{{ b.unbound_at|age }}</time>{% else %}· current{% endif %}
        </span>
      </li>
      {% endfor %}
    </ol>
    {% endif %}
  </section>

  <section class="panel">
    <h2>Description</h2>
    {% if t.description %}<div class="markdown task-description">{{ t.description|markdown }}</div>
    {% else %}<p class="muted">No description yet.</p>{% endif %}
  </section>

  <section class="panel">
    <h2>Done so far</h2>
    {% if t.progress %}<div class="markdown task-progress">{{ t.progress|markdown }}</div>
    {% else %}<p class="muted">No progress summary yet.</p>{% endif %}
  </section>

  <section class="panel">
    <h2>Last report</h2>
    {% for r in detail.reports %}
    {% if loop.index == 2 %}<h3>Earlier reports</h3>{% endif %}
    <article class="report">
      <header class="report-head">
        {% with state = r.state, size = r.size %}{% include "_report_badges.html" %}{% endwith %}
        <span class="muted">{{ r.author }} · <time datetime="{{ r.created_at }}" data-age>{{ r.created_at|age }}</time></span>
      </header>
      <div class="markdown">{{ r.body_md|markdown }}</div>
    </article>
    {% else %}
    <p class="muted">No reports yet.</p>
    {% endfor %}
  </section>

  {% if detail.live_actions %}
  <section class="panel">
    <h2>Actions on live</h2>
    <ol class="journal-list">
      {% for e in detail.live_actions %}{% include "_live_action.html" %}{% endfor %}
    </ol>
  </section>
  {% endif %}

  {% if detail.decisions %}
  <section class="panel">
    <h2>Decisions</h2>
    <ul class="history">
      {% for d in detail.decisions %}
      <li>{{ d.text }} <span class="muted">· {{ d.created_at[:10] }}{% if d.decided_by %} · {{ d.decided_by }}{% endif %}</span></li>
      {% endfor %}
    </ul>
  </section>
  {% endif %}
</div>