{% extends "base.html" %}
{% block title %}Problem bei Abgabe — {{ ausschreibung.titel }}{% endblock %}
{% block content %}

<div class="flex items-center justify-between mb-4">
  <h1 class="page-title">Problem bei Abgabe vermerken</h1>
  <a href="{% url 'ausschreibungen:abgabe:checkliste' ausschreibung.pk %}" class="btn-ghost text-xs">← Checkliste</a>
</div>

<div class="max-w-md">
  <form method="post" class="card space-y-4">
    {% csrf_token %}
    <div>
      <label class="form-label">Beschreibung des Problems</label>
      <textarea name="kommentar" rows="4" class="form-input w-full" placeholder="Was ist passiert?"></textarea>
    </div>
    <div class="flex gap-3">
      <button type="submit" class="btn-primary bg-amber-600 hover:bg-amber-700">Problem vermerken</button>
      <a href="{% url 'ausschreibungen:abgabe:checkliste' ausschreibung.pk %}" class="btn-ghost">Abbrechen</a>
    </div>
  </form>
</div>

{% endblock %}