{% extends "base.html" %}
{% block content %}
<h1>Tasks</h1>
<form method="get" action="/tasks" class="d-flex align-items-center gap-2 mb-3">
<label class="form-label mb-0" for="tasks-status-filter">Status</label>
<select id="tasks-status-filter" name="status" class="form-select form-select-sm" style="width: auto;" onchange="this.form.submit()">
<option value=""{% if not status_filter %} selected{% endif %}>All</option>
{% for status in statuses %}
<option value="{{ status.value }}"{% if status.selected %} selected{% endif %}>{{ status.label }}</option>
{% endfor %}
</select>
</form>
{% if rows %}
{% include "table.html" %}
{% else %}
<p class="text-muted">No tasks found.</p>
{% endif %}
{% endblock %}