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

<div class="flex items-center justify-between mb-4">
  <h1 class="page-title">{{ aufgabe.titel }}</h1>
  <div class="flex gap-2">
    <a href="{% url 'ausschreibungen:aufgaben:bearbeiten' ausschreibung.pk aufgabe.pk %}" class="btn-secondary text-xs">Bearbeiten</a>
    <a href="{% url 'ausschreibungen:aufgaben:loeschen' ausschreibung.pk aufgabe.pk %}" class="btn-ghost text-xs text-red-600">Verwerfen</a>
  </div>
</div>

<div class="grid grid-cols-3 gap-4">
  <div class="col-span-2 space-y-4">
    <div class="card space-y-3">
      {% render_field aufgabe "typ" "Typ" %}
      {% render_field aufgabe "prioritaet" "Priorität" %}
      {% render_field aufgabe "status" "Status" %}
      {% render_field aufgabe "frist" "Frist" %}
      {% render_field aufgabe "verantwortlicher" "Verantwortlich" %}
      {% if aufgabe.beschreibung %}
      <div>
        <p class="text-xs text-slate-500 mb-1">Beschreibung</p>
        <p class="text-sm text-slate-800 whitespace-pre-wrap">{{ aufgabe.beschreibung }}</p>
      </div>
      {% endif %}
    </div>

    {% if aufgabe.status == 'erledigt' or aufgabe.ergebnis %}
    <div class="card">
      <p class="text-xs font-medium text-slate-500 uppercase tracking-wide mb-3">Ergebnis</p>
      <form method="post" action="{% url 'ausschreibungen:aufgaben:ergebnis' ausschreibung.pk aufgabe.pk %}">
        {% csrf_token %}
        <textarea name="ergebnis" rows="3" class="form-input w-full">{{ aufgabe.ergebnis }}</textarea>
        <button type="submit" class="btn-primary text-xs mt-2">Speichern</button>
      </form>
    </div>
    {% endif %}
  </div>

  <div class="space-y-4">
    {% if aufgabe.anforderung %}
    <div class="card">
      <p class="text-xs font-medium text-slate-500 uppercase tracking-wide mb-2">Anforderung</p>
      <a href="{% url 'ausschreibungen:lose:anforderung_detail' ausschreibung.pk aufgabe.anforderung.pk %}"
         class="text-sm text-blue-600 hover:underline">{{ aufgabe.anforderung.titel }}</a>
    </div>
    {% endif %}
    {% if aufgabe.bieterfrage %}
    <div class="card">
      <p class="text-xs font-medium text-slate-500 uppercase tracking-wide mb-2">Bieterfrage</p>
      <a href="{% url 'ausschreibungen:bieterfragen:detail' ausschreibung.pk aufgabe.bieterfrage.pk %}"
         class="text-sm text-blue-600 hover:underline">{{ aufgabe.bieterfrage }}</a>
    </div>
    {% endif %}
    {% if aufgabe.los %}
    <div class="card">
      <p class="text-xs font-medium text-slate-500 uppercase tracking-wide mb-2">Los</p>
      <a href="{% url 'ausschreibungen:lose:detail' ausschreibung.pk aufgabe.los.pk %}"
         class="text-sm text-blue-600 hover:underline">{{ aufgabe.los.lostitel }}</a>
    </div>
    {% endif %}
  </div>
</div>

{% endblock %}