{% extends "base.html" %}

{% block title %}{{ task.title }} — gest{% endblock %}
{% block nav_tasks %}class="active"{% endblock %}

{% block content %}
<div class="summary"><a href="/tasks">← tasks</a></div>

<div class="term">
  <div class="term-bar">
<span class="term-title">gest task show {{ task.id.short() }}</span>
  </div>
  <div class="term-body">
    <table>
      <tbody>
        <tr>
          <td class="c-pewter" style="width:120px">ID</td>
          <td>
            <span class="id-prefix">{{ task.id.short() }}</span><span class="id-rest">{{ id_rest }}</span>
          </td>
        </tr>
        <tr>
          <td class="c-pewter">Title</td>
          <td>{{ task.title }}</td>
        </tr>
        <tr>
          <td class="c-pewter">Status</td>
          <td>
            {% if is_blocked %}
              <span class="status-blocked">⊗ blocked</span>
            {% else %}
              {% match task.status %}
                {% when Status::Open %}
                  <span class="status-open">○ open</span>
                {% when Status::InProgress %}
                  <span class="status-in-progress">◐ in-progress</span>
                {% when Status::Done %}
                  <span class="status-done">● done</span>
                {% when Status::Cancelled %}
                  <span class="status-cancelled">✗ cancelled</span>
              {% endmatch %}
              {% if blocking.is_blocking %}<span class="status-blocking"> (blocking)</span>{% endif %}
            {% endif %}
          </td>
        </tr>
        {% match task.priority %}
          {% when Some with (p) %}
          <tr>
            <td class="c-pewter">Priority</td>
            <td><span class="priority">P{{ p }}</span></td>
          </tr>
          {% when None %}
        {% endmatch %}
        {% match task.phase %}
          {% when Some with (ph) %}
          <tr>
            <td class="c-pewter">Phase</td>
            <td>{{ ph }}</td>
          </tr>
          {% when None %}
        {% endmatch %}
        {% match task.assigned_to.as_deref() %}
          {% when Some with (who) %}
          <tr>
            <td class="c-pewter">Assigned to</td>
            <td>{{ who }}</td>
          </tr>
          {% when None %}
        {% endmatch %}
        {% if !task.tags.is_empty() %}
        <tr>
          <td class="c-pewter">Tags</td>
          <td>
            {% for tag in task.tags.iter() %}
              <span class="tag">#{{ tag }}</span>{{ " " }}
            {% endfor %}
          </td>
        </tr>
        {% endif %}
        <tr>
          <td class="c-pewter">Created</td>
          <td class="c-dim">{{ task.created_at.format("%Y-%m-%d %H:%M UTC") }}</td>
        </tr>
        <tr>
          <td class="c-pewter">Updated</td>
          <td class="c-dim">{{ task.updated_at.format("%Y-%m-%d %H:%M UTC") }}</td>
        </tr>
      </tbody>
    </table>

    {% if !task.description.is_empty() %}
    <hr class="rule">
    <div class="section-heading">Description</div>
    <div style="white-space: pre-wrap;">{{ task.description }}</div>
    {% endif %}

    {% if !task.links.is_empty() %}
    <hr class="rule">
    <div class="section-heading">Links</div>
    <table>
      <tbody>
        {% for link in task.links.iter() %}
        <tr>
          <td class="c-pewter" style="width:120px">{{ link.rel }}</td>
          <td>{{ link.ref_ }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% endif %}

    {% if is_blocked %}
    <hr class="rule">
    <div class="section-heading" style="color: var(--error);">Blocked by</div>
    {% for bid in blocking.blocked_by_ids.iter() %}
      <a href="/tasks/{{ bid }}"><span class="c-azure">{{ bid }}</span></a>{{ " " }}
    {% endfor %}
    {% endif %}

    {% if !task.metadata.is_empty() %}
    <hr class="rule">
    <div class="section-heading">Metadata</div>
    <table>
      <tbody>
        {% for (key, val) in task.metadata.iter() %}
        <tr>
          <td class="c-pewter" style="width:120px">{{ key }}</td>
          <td>{{ val }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% endif %}
  </div>
</div>
{% endblock %}