{% from "macros.html" import actor, csrf_field with context %}
<div id="live" hx-get="/t/{{ task.ref }}/live?since={{ token }}" hx-trigger="every 10s" hx-swap="outerHTML">
  <dl class="status">
    <dt>Column</dt><dd>{{ task.column.name }}{% if task.archived %} <span class="badge">archived</span>{% endif %}</dd>
    <dt>Assignee</dt><dd>{{ actor(task.assignee) }}</dd>
    {% if task.labels %}<dt>Labels</dt><dd>{% for l in task.labels %}<span class="label {% if l == 'needs-input' %}warn{% endif %}">{{ l }}</span> {% endfor %}</dd>{% endif %}
    {% if task.blocked_by %}<dt>Blocked by</dt><dd>{% for b in task.blocked_by %}<a href="/t/{{ b.ref }}">{{ b.ref }}</a> ({{ "closed" if b.closed else b.column }}) {% endfor %}</dd>{% endif %}
    {% if task.blocking %}<dt>Blocks</dt><dd>{% for r in task.blocking %}<a href="/t/{{ r }}">{{ r }}</a> {% endfor %}</dd>{% endif %}
    {% if task.claimed_by %}<dt>Claim</dt><dd>@{{ task.claimed_by.handle }} · {{ task.claim_label }} · {{ task.claimed_at | ago }}
      <form method="post" action="/t/{{ task.ref }}/state" class="inline">{{ csrf_field() }}<button name="action" value="release" class="link">Release claim</button></form></dd>{% endif %}
    <dt>Version</dt><dd>v{{ task.version }}</dd>
  </dl>

  <section id="comments">
    <h2>Comments</h2>
    {% for c in comments %}
    <article class="comment {% if c.kind == 'question' %}question{% endif %}" id="c{{ c.id }}">
      <header>{{ actor(c.author) }}{% if c.session_label %} <span class="muted">· {{ c.session_label }}</span>{% endif %}
        {% if c.kind == "question" %}<span class="chip warn">question</span>{% endif %}
        <time class="muted" datetime="{{ c.created_at }}" title="{{ c.created_at }}">{{ c.created_at | ago }}</time>{% if c.edited_at %} <span class="muted">(edited)</span>{% endif %}
        <a class="small" href="/history/comment/{{ c.id }}/body_md">History</a>
      </header>
      {% if c.deleted %}<p class="muted">[deleted]</p>{% else %}<div class="md">{{ md(c.body_md) }}</div>{% endif %}
      {% if me and c.author.handle == me.handle and not c.deleted %}
      <details><summary class="small">Edit</summary>
        <form method="post" action="/comments/{{ c.id }}">
          {{ csrf_field() }}<input type="hidden" name="ref" value="{{ task.ref }}"><input type="hidden" name="action" value="edit">
          <input type="hidden" name="expected_version" value="{{ c.version }}">
          <textarea name="body_md" rows="4" aria-label="Edit comment">{{ c.body_md }}</textarea>
          <button>Save</button>
        </form>
      </details>
      {% endif %}
      {% if me and (c.author.handle == me.handle or me.role == "admin") %}
      <form method="post" action="/comments/{{ c.id }}" class="inline">
        {{ csrf_field() }}<input type="hidden" name="ref" value="{{ task.ref }}">
        {% if c.deleted %}<button name="action" value="restore" class="link">Restore</button>{% else %}<button name="action" value="delete" class="link danger">Delete</button>{% endif %}
      </form>
      {% endif %}
    </article>
    {% else %}<p class="muted">No comments yet.</p>{% endfor %}
  </section>

  <section>
    <h2>Activity</h2>
    <ol class="activity">
      {% for e in activity %}<li><time class="muted" title="{{ e.created_at }}">{{ e.created_at | ago }}</time> {{ e.summary }}{% if e.session_label %} <span class="muted">· {{ e.session_label }}</span>{% endif %}</li>{% endfor %}
    </ol>
  </section>
</div>