{% extends "base.html" %}

{% block title %}{{ iteration.title }} — gest{% endblock %}
{% block nav_iterations %}class="active"{% endblock %}

{% block content %}
<div class="summary">
  <a href="/iterations">← iterations</a>
  &nbsp;·&nbsp;
  <a href="/iterations/{{ iteration.id.short() }}/board">kanban board →</a>
</div>

<div class="term">
  <div class="term-bar">
<span class="term-title">gest iteration show {{ iteration.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">{{ iteration.id.short() }}</span><span class="id-rest">{{ id_rest }}</span>
          </td>
        </tr>
        <tr>
          <td class="c-pewter">Title</td>
          <td>{{ iteration.title }}</td>
        </tr>
        <tr>
          <td class="c-pewter">Status</td>
          <td>
            {% match iteration.status %}
              {% when IterationStatus::Active %}
                <span class="status-in-progress">active</span>
              {% when IterationStatus::Completed %}
                <span class="status-done">completed</span>
              {% when IterationStatus::Failed %}
                <span class="c-error">failed</span>
            {% endmatch %}
          </td>
        </tr>
        <tr>
          <td class="c-pewter">Tasks</td>
          <td>{{ tasks.len() }}</td>
        </tr>
        {% match iteration.phase_count %}
        {% when Some with (n) %}
        <tr>
          <td class="c-pewter">Phases</td>
          <td>{{ n }}</td>
        </tr>
        {% when None %}
        {% endmatch %}
        {% if !iteration.tags.is_empty() %}
        <tr>
          <td class="c-pewter">Tags</td>
          <td>{% for t in iteration.tags %}<span class="tag">#{{ t }}</span>{% if !loop.last %} {% endif %}{% endfor %}</td>
        </tr>
        {% endif %}
        <tr>
          <td class="c-pewter">Created</td>
          <td class="c-dim">{{ iteration.created_at.format("%Y-%m-%d %H:%M UTC") }}</td>
        </tr>
        <tr>
          <td class="c-pewter">Updated</td>
          <td class="c-dim">{{ iteration.updated_at.format("%Y-%m-%d %H:%M UTC") }}</td>
        </tr>
      </tbody>
    </table>

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

    {% if !tasks.is_empty() %}
    <hr class="rule">
    <div class="section-heading">Tasks by Phase</div>
    {% for phase in phases %}
    <div style="margin-bottom: 16px;">
      <div class="c-pewter bold" style="margin-bottom: 6px;">Phase {{ phase.number }}</div>
      <table>
        <tbody>
          {% for task in phase.tasks %}
          <tr>
            <td style="width: 30px;">
              {% match task.status %}
                {% when TaskStatus::Open %}
                  <span class="status-open">○</span>
                {% when TaskStatus::InProgress %}
                  <span class="status-in-progress">◐</span>
                {% when TaskStatus::Done %}
                  <span class="status-done">●</span>
                {% when TaskStatus::Cancelled %}
                  <span class="status-cancelled">✗</span>
              {% endmatch %}
            </td>
            <td style="width: 100px;">
              <a href="/tasks/{{ task.id.short() }}">
                <span class="id-prefix">{{ task.id.short() }}</span>
              </a>
            </td>
            <td>
              {% match task.priority %}
                {% when Some with (p) %}<span class="priority">[P{{ p }}]</span> {% when None %}
              {% endmatch %}
              {{ task.title }}
            </td>
            <td>
              {% match task.status %}
                {% when TaskStatus::Open %}<span class="status-open">open</span>
                {% when TaskStatus::InProgress %}<span class="status-in-progress">in-progress</span>
                {% when TaskStatus::Done %}<span class="status-done">done</span>
                {% when TaskStatus::Cancelled %}<span class="status-cancelled">cancelled</span>
              {% endmatch %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% endfor %}
    {% endif %}
  </div>
</div>
{% endblock %}