{% extends "dashboard/base.html" %}
{% from "partials/_macros.html" import status_pill, pill, relative_time %}

{% block page %}
<div class="page-header">
  <div>
    <div class="page-header__eyebrow">
      <a href="/dashboard/tasks" class="muted" style="text-decoration: none;">← Tasks</a>
    </div>
    <h1 class="page-header__title">
      <span class="mono">{{ task.code }}</span>
    </h1>
    <p class="page-header__subtitle">{{ task.title }}</p>
  </div>
  <div class="row" style="gap: var(--space-2);">
    {{ status_pill(task.status) }}
    {% if task.priority %}{{ pill(task.priority, tone='warning' if task.priority in ('p0','p1') else 'neutral') }}{% endif %}
  </div>
</div>

<div class="grid-2-col">
  <div class="panel">
    <div class="panel__header">
      <h2 class="panel__title">{{ icon('list-checks') }} Description</h2>
    </div>
    {% if task.body %}
      <div class="task-body">{{ task.body }}</div>
    {% else %}
      <div class="muted">No description provided.</div>
    {% endif %}
  </div>

  <div class="panel">
    <div class="panel__header">
      <h2 class="panel__title">{{ icon('info') }} Details</h2>
    </div>
    <dl class="kv">
      <dt>Workspace</dt><dd class="mono">{{ task.workspace }}</dd>
      <dt>Status</dt><dd>{{ status_pill(task.status) }}</dd>
      <dt>Priority</dt><dd>{{ task.priority or '—' }}</dd>
      <dt>Created</dt><dd>{{ relative_time(task.created_at) }}</dd>
      <dt>Claimed by</dt><dd class="mono">{{ task.claimed_by_session_id or '—' }}</dd>
      <dt>Claimed at</dt><dd>{{ relative_time(task.claimed_at) }}</dd>
      <dt>Completed at</dt><dd>{{ relative_time(task.completed_at) }}</dd>
      <dt>Created by</dt><dd class="mono">{{ task.created_by_session_id or '—' }}</dd>
      {% if task.depends_on %}
      <dt>Depends on</dt>
      <dd>
        {% for dep in task.depends_on %}
          <a class="mono" href="/dashboard/tasks/{{ dep }}">{{ dep }}</a>{% if not loop.last %}, {% endif %}
        {% endfor %}
      </dd>
      {% endif %}
      {% if task.tags %}
      <dt>Tags</dt>
      <dd>
        {% for tag in task.tags %}{{ pill(tag, tone='info') }}{% endfor %}
      </dd>
      {% endif %}
    </dl>
  </div>
</div>

{% if task.completion_summary %}
<div class="panel" style="margin-top: var(--space-4);">
  <div class="panel__header">
    <h2 class="panel__title">{{ icon('check-circle') }} Completion summary</h2>
  </div>
  <div class="task-body">{{ task.completion_summary }}</div>
</div>
{% endif %}
{% endblock %}