{% extends "base.html" %}
{% import "macros.html" as macros %}

{% block title %}{{ project_name }} — td{% endblock %}

{% block content %}
<nav aria-label="Breadcrumb">
  <ol class="unstyled hstack">
    <li><a href="/" class="unstyled">Projects</a></li>
    <li aria-hidden="true">/</li>
    <li aria-current="page"><strong>{{ project_name }}</strong></li>
  </ol>
</nav>

<h1>{{ project_name }}</h1>

{% if stats_in_progress > 0 %}
<div class="row">
    <article class="card col-4 border-warning">
      <p class="text-light">In progress</p>
      <p><strong>{{ stats_in_progress }}</strong></p>
    </article>
    <article class="card col-4{% if stats_open > 0 %} border-success{% endif %}">
      <p class="text-light">Open</p>
      <p><strong>{{ stats_open }}</strong></p>
    </article>
    <article class="card col-4">
      <p class="text-light">Closed</p>
      <p><strong>{{ stats_closed }}</strong></p>
    </article>
</div>
{% else %}
<div class="row">
    <article class="card col-4{% if stats_open > 0 %} border-success{% endif %}">
      <p class="text-light">Open</p>
      <p><strong>{{ stats_open }}</strong></p>
    </article>
    <article class="card col-4">
      <p class="text-light">In progress</p>
      <p><strong>{{ stats_in_progress }}</strong></p>
    </article>
    <article class="card col-4">
      <p class="text-light">Closed</p>
      <p><strong>{{ stats_closed }}</strong></p>
    </article>
</div>
{% endif %}

{% if !next_up.is_empty() %}
<details open class="mt-4">
  <summary>Next up</summary>
  <form method="get" action="/projects/{{ project_name }}" class="mt-2 mb-2">
    {% let preserve = self.section_only_qs() %}
    {% if !preserve.is_empty() %}
    {% for pair in preserve.split('&') %}
    {% let kv = pair.splitn(2, '=').collect::<Vec<_>>() %}
    {% if kv.len() == 2 %}
    <input type="hidden" name="{{ kv[0] }}" value="{{ kv[1] }}">
    {% endif %}
    {% endfor %}
    {% endif %}
    <label>
      <input type="checkbox" role="switch" name="next_mode" value="effort"{% if next_mode == "effort" %} checked{% endif %} onchange="this.form.submit()">
      Effort mode
    </label>
    <noscript><button type="submit" class="outline small">Apply</button></noscript>
  </form>
  <div class="table">
    <table>
      <caption class="sr-only">Top scored tasks recommended to work on next</caption>
      <thead>
        <tr>
          <th scope="col">#</th>
          <th scope="col">ID</th>
          <th scope="col">Score</th>
          <th scope="col">Title</th>
          <th scope="col">Labels</th>
          <th scope="col">Change status</th>
        </tr>
      </thead>
      <tbody>
        {% for (i, s) in next_up.iter().enumerate() %}
        <tr>
          <td>{{ i + 1 }}</td>
          <td><a href="/projects/{{ project_name }}/tasks/{{ s.id }}"><code>{{ s.short_id }}</code></a></td>
          <td title="{{ s.equation }}&#10;{{ s.unblocks_display }}">{{ s.score }}</td>
          <td>{{ s.title }}</td>
          <td>{% for l in s.labels %}{% if !loop.first %}, {% endif %}{{ l }}{% endfor %}</td>
          <td>
            <ot-dropdown>
              <button popovertarget="next-status-{{ s.short_id }}" class="outline small" aria-label="Change status of {{ s.short_id }}, currently {{ s.status_display }}">
                {{ s.status_display }}
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
              </button>
              <menu popover id="next-status-{{ s.short_id }}">
                <button role="menuitemradio" aria-checked="{{ s.status == "open" }}" {% if s.status == "open" %}disabled{% else %}form="next-set-open-{{ s.short_id }}"{% endif %}>Open</button>
                <button role="menuitemradio" aria-checked="{{ s.status == "in_progress" }}" {% if s.status == "in_progress" %}disabled{% else %}form="next-set-in-progress-{{ s.short_id }}"{% endif %}>In progress</button>
                <button role="menuitemradio" aria-checked="{{ s.status == "closed" }}" {% if s.status == "closed" %}disabled{% else %}form="next-set-closed-{{ s.short_id }}"{% endif %}>Closed</button>
              </menu>
            </ot-dropdown>
            {% if s.status != "open" %}
            <form id="next-set-open-{{ s.short_id }}" method="post" action="/projects/{{ project_name }}/tasks/{{ s.id }}" hidden>
              <input type="hidden" name="status" value="open">
              <input type="hidden" name="redirect" value="{{ self.mutation_redirect() }}">
            </form>
            {% endif %}
            {% if s.status != "in_progress" %}
            <form id="next-set-in-progress-{{ s.short_id }}" method="post" action="/projects/{{ project_name }}/tasks/{{ s.id }}" hidden>
              <input type="hidden" name="status" value="in_progress">
              <input type="hidden" name="redirect" value="{{ self.mutation_redirect() }}">
            </form>
            {% endif %}
            {% if s.status != "closed" %}
            <form id="next-set-closed-{{ s.short_id }}" method="post" action="/projects/{{ project_name }}/tasks/{{ s.id }}" hidden>
              <input type="hidden" name="status" value="closed">
              <input type="hidden" name="redirect" value="{{ self.mutation_redirect() }}">
            </form>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</details>
{% endif %}

{# Render sections: in-progress before open when it has tasks, otherwise open first #}
{% let redirect_url = self.mutation_redirect() %}

{% if in_progress.total_count > 0 %}
{# In progress first when there are tasks #}
<details{% if in_progress.total_count > 0 || in_progress.has_user_params %} open{% endif %} class="mt-4">
  <summary>{{ in_progress.label }} ({% if in_progress.filtered_count != in_progress.total_count %}{{ in_progress.filtered_count }} of {% endif %}{{ in_progress.total_count }})</summary>
  {% call macros::task_section(project_name, in_progress, all_labels, redirect_url) %}{% endcall %}
</details>

<details{% if open.total_count > 0 || open.has_user_params %} open{% endif %} class="mt-4">
  <summary>{{ open.label }} ({% if open.filtered_count != open.total_count %}{{ open.filtered_count }} of {% endif %}{{ open.total_count }})</summary>
  {% call macros::task_section(project_name, open, all_labels, redirect_url) %}{% endcall %}
</details>
{% else %}
{# Open first when nothing is in progress #}
<details{% if open.total_count > 0 || open.has_user_params %} open{% endif %} class="mt-4">
  <summary>{{ open.label }} ({% if open.filtered_count != open.total_count %}{{ open.filtered_count }} of {% endif %}{{ open.total_count }})</summary>
  {% call macros::task_section(project_name, open, all_labels, redirect_url) %}{% endcall %}
</details>

<details{% if in_progress.has_user_params %} open{% endif %} class="mt-4">
  <summary>{{ in_progress.label }} ({{ in_progress.total_count }})</summary>
  {% call macros::task_section(project_name, in_progress, all_labels, redirect_url) %}{% endcall %}
</details>
{% endif %}

<details{% if closed.has_user_params %} open{% endif %} class="mt-4">
  <summary>{{ closed.label }} ({% if closed.filtered_count != closed.total_count %}{{ closed.filtered_count }} of {% endif %}{{ closed.total_count }})</summary>
  {% call macros::task_section(project_name, closed, all_labels, redirect_url) %}{% endcall %}
</details>
{% endblock %}