{% extends "layout.html" %}
{% set active = 'tasks' %}
{% block page_title %}Aufgaben – AzA Intern{% endblock %}
{% block content %}
<div class="page-header">
  <h2>Aufgaben</h2>
  <a href="/tasks/new" class="btn btn-primary">Neue Aufgabe</a>
</div>

<form method="get" class="search-bar">
  <select name="status">
    <option value="">Alle Status</option>
    {% for s in task_statuses %}
    <option value="{{ s }}" {% if filter_status == s %}selected{% endif %}>{{ s }}</option>
    {% endfor %}
  </select>
  <select name="category">
    <option value="">Alle Kategorien</option>
    {% for c in categories %}
    <option value="{{ c }}" {% if filter_category == c %}selected{% endif %}>{{ c }}</option>
    {% endfor %}
  </select>
  <button type="submit" class="btn btn-secondary">Filtern</button>
</form>

{% if tasks %}
<table>
  <thead>
    <tr>
      <th>Titel</th>
      <th>Status</th>
      <th>Priorität</th>
      <th>Kategorie</th>
      <th>Zugewiesen</th>
      <th>Fällig</th>
      <th>Tags</th>
    </tr>
  </thead>
  <tbody>
    {% for t in tasks %}
    <tr>
      <td><a href="/tasks/{{ t.id }}">{{ t.title }}</a></td>
      <td>{{ t.status }}</td>
      <td>{{ t.priority }}</td>
      <td>{{ t.category or '–' }}</td>
      <td>{{ t.assigned_username or '–' }}</td>
      <td>{{ t.due_date or '–' }}</td>
      <td>{% for tag in t.tags %}<span class="tag">{{ tag }}</span>{% endfor %}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p class="empty-state">Keine Aufgaben gefunden.</p>
{% endif %}
{% endblock %}