{% extends "base.html" %}
{% from "macros.html" import page_header %}
{% block content %}
{% call page_header("Tasks", "Work") %}
<form method="get" action="/tasks">
  <label class="visually-hidden" for="tasks-status-filter">Status</label>
  <select id="tasks-status-filter" name="status" class="form-select" style="width: auto;" onchange="this.form.submit()">
    <option value=""{% if not status_filter %} selected{% endif %}>All statuses</option>
    {% for status in statuses %}
    <option value="{{ status.value }}"{% if status.selected %} selected{% endif %}>{{ status.label }}</option>
    {% endfor %}
  </select>
</form>
{% endcall %}
{% if rows %}
<div class="card">
  <div class="card-body p-0">
    {% include "table.html" %}
  </div>
</div>
{% else %}
<div class="empty">
  <p class="empty-title">No tasks found</p>
  <p class="empty-subtitle text-secondary">Tasks from boards you can read show up here.</p>
</div>
{% endif %}
{% endblock %}