{% 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">Fragentext</label>
        {{ form.fragentext }}
        {% if form.fragentext.errors %}<p class="text-xs text-red-600 mt-1">{{ form.fragentext.errors.0 }}</p>{% endif %}
      </div>
      <div>
        <label class="form-label">Begründung / Hintergrund</label>
        {{ form.begruendung }}
      </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>
    <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">Anforderung</label>
        {{ form.anforderung }}
      </div>
      <div>
        <label class="form-label">Dokument</label>
        {{ form.dokument }}
      </div>
      <div>
        <label class="form-label">Verfasser</label>
        {{ form.verfasser }}
      </div>
    </div>
    <div class="flex gap-3">
      <button type="submit" class="btn-primary">Speichern</button>
      <a href="{% url 'ausschreibungen:bieterfragen:liste' ausschreibung.pk %}" class="btn-ghost">Abbrechen</a>
    </div>
  </form>
</div>
{% endblock %}