{% extends "base.html" %}
{% load vergabe_tags %}
{% block title %}Aufgaben{% if ausschreibung %} — {{ ausschreibung.titel }}{% endif %}{% endblock %}
{% block content %}

<div class="flex items-center justify-between mb-4">
  <h1 class="page-title">Aufgaben</h1>
  {% if ausschreibung %}
  <a href="{% url 'ausschreibungen:aufgaben:neu' ausschreibung.pk %}" class="btn-primary text-xs">+ Aufgabe anlegen</a>
  {% endif %}
</div>

<form class="card mb-4 flex flex-wrap gap-3 items-end"
      hx-get="" hx-target="#aufgaben-container" hx-push-url="true"
      hx-trigger="change from:select, submit">
  {% csrf_token %}
  <div>
    <label class="form-label">Status</label>
    <select name="status" class="form-input text-xs">
      <option value="">Alle</option>
      {% for val, label in status_choices %}
      <option value="{{ val }}"{% if current_status == val %} selected{% endif %}>{{ label }}</option>
      {% endfor %}
    </select>
  </div>
  <div>
    <label class="form-label">Typ</label>
    <select name="typ" class="form-input text-xs">
      <option value="">Alle</option>
      {% for val, label in typ_choices %}
      <option value="{{ val }}"{% if current_typ == val %} selected{% endif %}>{{ label }}</option>
      {% endfor %}
    </select>
  </div>
  <div>
    <label class="form-label">Phase</label>
    <select name="phase" class="form-input text-xs">
      <option value="">Alle Phasen</option>
      {% for val, label in phase_choices %}
      <option value="{{ val }}"{% if current_phase == val|stringformat:"s" %} selected{% endif %}>{{ val }}. {{ label }}</option>
      {% endfor %}
    </select>
  </div>
  <div>
    <label class="form-label">Verantwortlich</label>
    <select name="verantwortlicher" class="form-input text-xs">
      <option value="">Alle</option>
      {% for m in mitarbeiter %}
      <option value="{{ m.pk }}"{% if current_verantwortlicher == m.pk|stringformat:"s" %} selected{% endif %}>{{ m.get_full_name|default:m.username }}</option>
      {% endfor %}
    </select>
  </div>
  {% if not ausschreibung %}
  <label class="flex items-center gap-2 text-sm text-slate-700">
    <input type="checkbox" name="nur_meine" value="1"
           {% if request.GET.nur_meine == "1" %}checked{% endif %}>
    Nur meine
  </label>
  {% endif %}
</form>

<div id="aufgaben-container" class="card">
  {% include "aufgaben/liste_partial.html" %}
</div>

{% endblock %}