{% extends "base.html" %}

{% block title %}search -- gest{% endblock %}
{% block nav_search %}class="active"{% endblock %}

{% block content %}
<h1 class="section-heading">Search</h1>

<form action="/search" method="get" style="margin-bottom: 20px;">
  <input type="text" name="q" class="search-input" placeholder="search tasks, artifacts, iterations..." value="{{ query }}" autofocus aria-label="Search tasks, artifacts, and iterations">
</form>

{% if !query.is_empty() %}
<div class="summary">{{ tasks.len() + artifacts.len() + iterations.len() }} result{% if tasks.len() + artifacts.len() + iterations.len() != 1 %}s{% endif %} for "{{ query }}"</div>

{% if tasks.is_empty() && artifacts.is_empty() && iterations.is_empty() %}
<p class="empty">No results found.</p>
{% endif %}

{% if !artifacts.is_empty() %}
<div style="margin-bottom: 24px;">
  <div class="c-azure bold" style="margin-bottom: 8px;">Artifacts ({{ artifacts.len() }})</div>
  <div class="term">
    <div class="term-body">
      <table class="list-table">
        <thead>
          <tr>
            <th style="width:100px">ID</th>
            <th style="width:auto">Title</th>
          </tr>
        </thead>
        <tbody>
          {% for a in artifacts %}
          <tr{% if a.is_archived() %} class="c-dim"{% endif %}>
            <td>
              <a href="/artifacts/{{ a.id() }}">
                <span class="id-prefix">{{ a.id().short() }}</span>
              </a>
            </td>
            <td>{{ a.title() }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endif %}

{% if !tasks.is_empty() %}
<div style="margin-bottom: 24px;">
  <div class="c-azure bold" style="margin-bottom: 8px;">Tasks ({{ tasks.len() }})</div>
  <div class="term">
    <div class="term-body">
      <table class="list-table">
        <thead>
          <tr>
            <th style="width:30px"></th>
            <th style="width:100px">ID</th>
            <th style="width:auto">Title</th>
            <th style="width:100px">Status</th>
          </tr>
        </thead>
        <tbody>
          {% for task in tasks %}
          <tr>
            <td>
              {% if task.status().to_string() == "open" %}
                <span class="status-open">&#9675;</span>
              {% else if task.status().to_string() == "in-progress" %}
                <span class="status-in-progress">&#9680;</span>
              {% else if task.status().to_string() == "done" %}
                <span class="status-done">&#9679;</span>
              {% else if task.status().to_string() == "cancelled" %}
                <span class="status-cancelled">&#10007;</span>
              {% endif %}
            </td>
            <td>
              <a href="/tasks/{{ task.id() }}">
                <span class="id-prefix">{{ task.id().short() }}</span>
              </a>
            </td>
            <td>{{ task.title() }}</td>
            <td>
              {% if task.status().to_string() == "open" %}
                <span class="status-open">open</span>
              {% else if task.status().to_string() == "in-progress" %}
                <span class="status-in-progress">in-progress</span>
              {% else if task.status().to_string() == "done" %}
                <span class="status-done">done</span>
              {% else if task.status().to_string() == "cancelled" %}
                <span class="status-cancelled">cancelled</span>
              {% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endif %}

{% if !iterations.is_empty() %}
<div>
  <div class="c-azure bold" style="margin-bottom: 8px;">Iterations ({{ iterations.len() }})</div>
  <div class="term">
    <div class="term-body">
      <table class="list-table">
        <thead>
          <tr>
            <th style="width:100px">ID</th>
            <th style="width:auto">Title</th>
            <th style="width:90px">Status</th>
          </tr>
        </thead>
        <tbody>
          {% for iter in iterations %}
          <tr{% if iter.status().is_terminal() %} class="c-dim"{% endif %}>
            <td>
              <a href="/iterations/{{ iter.id() }}">
                <span class="id-prefix">{{ iter.id().short() }}</span>
              </a>
            </td>
            <td>{{ iter.title() }}</td>
            <td>{{ iter.status() }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endif %}

{% endif %}
{% endblock %}