{% extends "base.html" %}

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

{% block content %}
<h1 class="section-heading">Tasks</h1>
<div class="summary">
  {% if current_status == Status::Open %}
    <span class="bold">{{ open_count }} open</span>
  {% else %}
    <a href="/tasks">{{ open_count }} open</a>
  {% endif %}
  &middot;
  {% if current_status == Status::InProgress %}
    <span class="bold">{{ in_progress_count }} in progress</span>
  {% else %}
    <a href="/tasks?status=in_progress">{{ in_progress_count }} in progress</a>
  {% endif %}
  &middot;
  {% if current_status == Status::Done %}
    <span class="bold">{{ done_count }} done</span>
  {% else %}
    <a href="/tasks?status=done">{{ done_count }} done</a>
  {% endif %}
  &middot;
  {% if current_status == Status::Cancelled %}
    <span class="bold">{{ cancelled_count }} cancelled</span>
  {% else %}
    <a href="/tasks?status=cancelled">{{ cancelled_count }} cancelled</a>
  {% endif %}
  &middot;
  <a href="/tasks/new">+ new</a>
</div>

{% if tasks.is_empty() %}
<p class="empty">No tasks found.</p>
{% else %}
<div class="term">
  <div class="term-bar">
<span class="term-title">gest task list{% if current_status != Status::Open %} --status {{ current_status }}{% endif %}</span>
  </div>
  <div class="term-body">
    <table>
      <thead>
        <tr>
          <th></th>
          <th>ID</th>
          <th>Pri</th>
          <th>Title</th>
          <th>Status</th>
          <th>Info</th>
          <th>Tags</th>
        </tr>
      </thead>
      <tbody>
        {% for row in rows %}
        <tr>
          <td>
            {% if row.is_blocked %}
            <span class="status-blocked">⊗</span>
            {% else %}
            {% match row.task.status %}
              {% when Status::Open %}
                <span class="status-open">○</span>
              {% when Status::InProgress %}
                <span class="status-in-progress">◐</span>
              {% when Status::Done %}
                <span class="status-done">●</span>
              {% when Status::Cancelled %}
                <span class="status-cancelled">✗</span>
            {% endmatch %}
            {% endif %}
          </td>
          <td>
            <a href="/tasks/{{ row.task.id }}">
              <span class="id-prefix">{{ row.task.id.short() }}</span>
            </a>
          </td>
          <td>
            {% match row.task.priority %}
              {% when Some with (p) %}
                <span class="priority">[P{{ p }}]</span>
              {% when None %}
            {% endmatch %}
          </td>
          <td>
            {% if row.task.status.is_terminal() %}
              <span class="c-dim">{{ row.task.title }}</span>
            {% else %}
              {{ row.task.title }}
            {% endif %}
          </td>
          <td>
            {% if row.is_blocked %}
              <span class="status-blocked">blocked</span>
            {% else if row.blocking.is_blocking %}
              <span class="status-blocking">blocking</span>
            {% else %}
              {% match row.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 %}
            {% endif %}
          </td>
          <td class="c-dim">
            {% if row.is_blocked %}
              blocked by {{ row.blocking.blocked_by_ids.join(", ") }}
            {% else if row.blocking.is_blocking %}
              blocking others
            {% endif %}
          </td>
          <td>
            {% for tag in row.task.tags.iter() %}
              <a href="/search?q=tag:{{ tag }}" class="tag">#{{ tag }}</a>{{ " " }}
            {% endfor %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endif %}
{% endblock %}