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

<div class="flex items-center justify-between mb-4">
  <h1 class="page-title">Anforderungen</h1>
  <a href="{% url 'ausschreibungen:lose:anforderung_neu' ausschreibung.pk %}" class="btn-primary text-xs">+ Anforderung</a>
</div>

<!-- Filter -->
<form id="filter-form" method="get"
      hx-get="{% url 'ausschreibungen:lose:anforderungen_liste' ausschreibung.pk %}"
      hx-target="#anforderungen-content"
      hx-trigger="change"
      class="card mb-5 flex flex-wrap gap-3 items-end">
  <div>
    <label class="form-label">Verbindlichkeit</label>
    <select name="verbindlichkeit" class="form-input text-xs h-8 w-auto">
      <option value="">Alle</option>
      {% for val, label in verbindlichkeit_choices %}
      <option value="{{ val }}" {% if val == current_verbindlichkeit %}selected{% endif %}>{{ label }}</option>
      {% endfor %}
    </select>
  </div>
  <div>
    <label class="form-label">Erfüllungsstatus</label>
    <select name="erfuellungsstatus" class="form-input text-xs h-8 w-auto">
      <option value="">Alle</option>
      {% for val, label in erfuellung_choices %}
      <option value="{{ val }}" {% if val == current_status %}selected{% endif %}>{{ label }}</option>
      {% endfor %}
    </select>
  </div>
  <div>
    <label class="form-label">Los</label>
    <select name="los" class="form-input text-xs h-8 w-auto">
      <option value="">Alle</option>
      <option value="allgemein" {% if current_los == 'allgemein' %}selected{% endif %}>Allgemein</option>
      {% for los in lose %}
      <option value="{{ los.pk }}" {% if current_los == los.pk|stringformat:"s" %}selected{% endif %}>Los {{ los.losnummer }}</option>
      {% endfor %}
    </select>
  </div>
</form>

<div id="anforderungen-content">
  {% include "lose/anforderungen_liste_partial.html" %}
</div>

{% endblock %}