{% extends "base.html" %}
{% block title %}{{ titel }}{% endblock %}
{% block content %}
<div class="max-w-2xl mx-auto">
  <h1 class="page-title mb-6">{{ titel }}</h1>
  <form method="post" class="space-y-4">
    {% csrf_token %}
    <div class="card space-y-4">
      <div>
        <label class="form-label">Titel</label>
        {{ form.titel }}
        {% if form.titel.errors %}<p class="text-xs text-red-600 mt-1">{{ form.titel.errors.0 }}</p>{% endif %}
      </div>
      <div>
        <label class="form-label">Beschreibung</label>
        {{ form.beschreibung }}
      </div>
      <div class="grid grid-cols-2 gap-4">
        <div>
          <label class="form-label">Typ</label>
          {{ form.typ }}
        </div>
        <div>
          <label class="form-label">Frist</label>
          {{ form.frist }}
        </div>
      </div>
      <div>
        <label class="form-label">Priorität</label>
        <div class="flex gap-4 mt-1">
          {% for radio in form.prioritaet %}
          <label class="flex items-center gap-1 text-sm text-slate-700 cursor-pointer">
            {{ radio.tag }} {{ radio.choice_label }}
          </label>
          {% endfor %}
        </div>
      </div>
      <div>
        <label class="form-label">Verantwortlich</label>
        {{ form.verantwortlicher }}
      </div>
    </div>
    <div class="card space-y-4">
      <p class="text-xs font-medium text-slate-500 uppercase tracking-wide">Verknüpfungen (optional)</p>
      <div>
        <label class="form-label">Los</label>
        {{ form.los }}
      </div>
      <div>
        <label class="form-label">Anforderung</label>
        {{ form.anforderung }}
      </div>
      <div>
        <label class="form-label">Bieterfrage</label>
        {{ form.bieterfrage }}
      </div>
    </div>
    <div class="flex gap-3">
      <button type="submit" class="btn-primary">Speichern</button>
      <a href="{% url 'ausschreibungen:aufgaben:liste' ausschreibung.pk %}" class="btn-ghost">Abbrechen</a>
    </div>
  </form>
</div>
{% endblock %}