{% extends "base.html" %}

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

{% block content %}
<h1>Projects</h1>

{% if projects.is_empty() %}
<article class="card align-center">
  <h2>No projects yet</h2>
  <p class="text-light">Run <code>td project init &lt;name&gt;</code> to create one.</p>
</article>
{% else %}
<div class="container">
  <div class="row">
    {% for p in projects %}
    <article class="card col-4">
      {% match p %}
      {% when ProjectCard::Ok { name, open, in_progress, closed, total } %}
      <header>
        <h2><a href="/projects/{{ name }}">{{ name }}</a></h2>
      </header>
      <div class="hstack gap-2">
        <span class="badge">{{ open }} open</span>
        <span class="badge secondary">{{ in_progress }} in progress</span>
        <span class="badge success">{{ closed }} closed</span>
      </div>
      {% if *total > 0 %}
      <progress value="{{ total - open - in_progress }}" max="{{ total }}" class="mt-2" aria-label="{{ closed }} of {{ total }} tasks closed in {{ name }}"></progress>
      {% endif %}
      {% when ProjectCard::Err { name, error } %}
      <header class="hstack justify-between items-center">
        <h2>{{ name }}</h2>
        <span class="badge danger">error</span>
      </header>
      <p class="text-light">{{ error }}</p>
      {% endmatch %}
    </article>
    {% endfor %}
  </div>
</div>
{% endif %}
{% endblock %}