{% extends "base.html" %} {% block content %}
<section id="project-summary" aria-labelledby="project-summary-heading">
  <h2 id="project-summary-heading">Project summary</h2>
  {% if active_task %}
  <p>
    Active task:
    <a href="tasks/{{ active_task.task_id }}.html"
      >{{ active_task.task_id }} — {{ active_task.title }}</a
    >
  </p>
  {% else %}
  <p>No active task.</p>
  {% endif %}
</section>

<section id="tasks" aria-labelledby="tasks-heading">
  <h2 id="tasks-heading">Tasks</h2>
  {% if tasks %}
  <ul>
    {% for task in tasks %}
    <li>
      <article class="task-card" data-task-id="{{ task.id }}">
        <h3>
          <a href="tasks/{{ task.id }}.html"
            >{{ task.id }} — {{ task.title }}</a
          >
        </h3>
        <dl>
          <dt>Status</dt>
          <dd>{{ task.status_stage }}</dd>
          <dt>Active stage</dt>
          <dd>{{ task.active_stage or "none" }}</dd>
        </dl>
      </article>
    </li>
    {% endfor %}
  </ul>
  {% else %}
  <p>No tasks.</p>
  {% endif %}
</section>
{% endblock %}