{% extends "base.html" %}
{% block title %}{{ titel }}{% endblock %}
{% block content %}

<h1 class="page-title mb-6">{{ titel }}</h1>

<form method="post" class="max-w-2xl space-y-6">
  {% csrf_token %}

  <div class="card space-y-4">
    <h2 class="text-sm font-semibold text-slate-700">Los-Daten</h2>

    <div>
      <label class="form-label">Losnummer <span class="text-red-500">*</span></label>
      {{ form.losnummer }}
      {% if form.losnummer.errors %}<p class="text-xs text-red-600 mt-1">{{ form.losnummer.errors.0 }}</p>{% endif %}
    </div>

    <div>
      <label class="form-label">Lostitel <span class="text-red-500">*</span></label>
      {{ form.lostitel }}
      {% if form.lostitel.errors %}<p class="text-xs text-red-600 mt-1">{{ form.lostitel.errors.0 }}</p>{% endif %}
    </div>

    <div>
      <label class="form-label">Beschreibung</label>
      {{ form.beschreibung }}
    </div>

    <div>
      <label class="form-label">Abgrenzung</label>
      {{ form.abgrenzung }}
    </div>

    <div>
      <label class="form-label">Zuständiger</label>
      {{ form.zustaendiger }}
    </div>

    <div>
      <label class="form-label">Teilnahme</label>
      {{ form.teilnahme }}
    </div>
  </div>

  <div class="flex gap-3">
    <button type="submit" class="btn-primary">Speichern</button>
    {% if los %}
    <a href="{% url 'ausschreibungen:lose:detail' ausschreibung.pk los.pk %}" class="btn-ghost">Abbrechen</a>
    {% else %}
    <a href="{% url 'ausschreibungen:lose:liste' ausschreibung.pk %}" class="btn-ghost">Abbrechen</a>
    {% endif %}
  </div>
</form>

{% endblock %}