{% extends "base.html" %}
{% block content %}
<section class="section">
  <div class="container">
    <h1 class="title is-4">Tasks</h1>
    <p class="subtitle is-6">Immutable tasks derived from chat activity.</p>
    <div class="buttons">
      <a class="button is-small is-link is-light" href="{% url 'tasks_settings' %}">Task Settings</a>
    </div>
    <div class="columns">
      <div class="column is-4">
        <article class="box">
          <h2 class="title is-6">Projects</h2>
          <ul>
            {% for project in projects %}
              <li><a href="{% url 'tasks_project' project_id=project.id %}">{{ project.name }}</a> <span class="has-text-grey">({{ project.task_count }})</span></li>
            {% empty %}
              <li>No projects yet.</li>
            {% endfor %}
          </ul>
        </article>
      </div>
      <div class="column">
        <article class="box">
          <h2 class="title is-6">Recent Derived Tasks</h2>
          <table class="table is-fullwidth is-striped is-size-7">
            <thead><tr><th>Ref</th><th>Title</th><th>Project</th><th>Status</th><th></th></tr></thead>
            <tbody>
              {% for row in tasks %}
                <tr>
                  <td>#{{ row.reference_code }}</td>
                  <td>{{ row.title }}</td>
                  <td>{{ row.project.name }}{% if row.epic %} / {{ row.epic.name }}{% endif %}</td>
                  <td>{{ row.status_snapshot }}</td>
                  <td><a class="button is-small is-light" href="{% url 'tasks_task' task_id=row.id %}">Open</a></td>
                </tr>
              {% empty %}
                <tr><td colspan="5">No derived tasks yet.</td></tr>
              {% endfor %}
            </tbody>
          </table>
        </article>
      </div>
    </div>
  </div>
</section>
{% endblock %}