{% extends "base.html" %}
{% load vergabe_tags %}
{% block title %}Ausschreibungen{% endblock %}
{% block content %}
<div class="flex items-center justify-between mb-5">
  <h1 class="page-title">Ausschreibungen</h1>
  <a href="{% url 'ausschreibungen:neu' %}" class="btn-primary">+ Neue Ausschreibung</a>
</div>

<!-- Filter bar -->
<div class="card mb-4">
  <form id="filter-form"
        hx-get="{% url 'ausschreibungen:liste' %}"
        hx-target="#ausschreibungen-table"
        hx-push-url="true"
        hx-trigger="change from:select, change from:input[type=checkbox]"
        class="flex flex-wrap gap-3 items-end">
    <div>
      <label class="form-label">Status</label>
      <select name="status" class="form-input">
        <option value="">Alle Status</option>
        {% for val, label in status_choices %}
        <option value="{{ val }}" {% if current_status == val|stringformat:"s" %}selected{% endif %}>{{ label }}</option>
        {% endfor %}
      </select>
    </div>
    <div>
      <label class="form-label">Bid Manager</label>
      <select name="bid_manager" class="form-input">
        <option value="">Alle</option>
        {% for m in mitarbeiter %}
        <option value="{{ m.pk }}" {% if current_bid_manager == m.pk|stringformat:"s" %}selected{% endif %}>{{ m.get_full_name|default:m.username }}</option>
        {% endfor %}
      </select>
    </div>
    <div class="flex items-center gap-2 pb-1">
      <input type="checkbox" id="archiviert" name="archiviert" value="1" class="h-4 w-4 rounded border-slate-300 text-brand-600"
             {% if archiviert %}checked{% endif %}>
      <label for="archiviert" class="text-sm text-slate-600">Archivierte anzeigen</label>
    </div>
  </form>
</div>

<div id="ausschreibungen-table">
  {% include "ausschreibungen/liste_partial.html" %}
</div>
{% endblock %}