{% extends "base.html" %}
{% block title %}Aus Bibliothek zuordnen{% endblock %}
{% block content %}
<div class="max-w-2xl mx-auto">
  <h1 class="page-title mb-2">Nachweis aus Bibliothek zuordnen</h1>
  <p class="text-sm text-slate-500 mb-6">Dokument: <span class="font-medium">{{ dokument.dateiname|default:"—" }}</span></p>

  <form method="get" class="card mb-4 flex gap-3 items-end">
    <div class="flex-1">
      <label class="form-label">Suche</label>
      <input type="text" name="q" value="{{ q }}" placeholder="Nachweis-Titel…" class="form-input w-full">
    </div>
    <button type="submit" class="btn-primary">Suchen</button>
  </form>

  {% if nachweise %}
  <div class="card divide-y divide-slate-100">
    {% for nw in nachweise %}
    <form method="post" class="flex items-start justify-between py-3 gap-4">
      {% csrf_token %}
      <input type="hidden" name="nachweis_id" value="{{ nw.pk }}">
      <div>
        <p class="text-sm font-medium text-slate-800">{{ nw.titel }}</p>
        <p class="text-xs text-slate-500">{{ nw.kategorie }}{% if nw.version %} · v{{ nw.version }}{% endif %}{% if nw.gueltig_bis %} · Gültig bis {{ nw.gueltig_bis|date:"d.m.Y" }}{% endif %}</p>
        {% if nw.ist_abgelaufen %}
        <p class="text-xs text-red-600 font-medium mt-0.5">Abgelaufen</p>
        {% elif nw.gueltig_bis %}
        {% now "Y-m-d" as today_str %}
        <p class="text-xs text-yellow-600 mt-0.5">Bald ablaufend</p>
        {% endif %}
      </div>
      <button type="submit" class="btn-secondary text-xs shrink-0">Zuordnen</button>
    </form>
    {% endfor %}
  </div>
  {% elif q %}
  <p class="text-sm text-slate-500 text-center py-6">Keine Nachweise für "{{ q }}" gefunden.</p>
  {% else %}
  <p class="text-sm text-slate-500 text-center py-6">Suchbegriff eingeben, um Nachweise zu finden.</p>
  {% endif %}

  <div class="mt-4">
    <a href="{% url 'ausschreibungen:dokumente:detail' ausschreibung.pk dokument.pk %}" class="btn-ghost text-xs">← Zurück</a>
  </div>
</div>
{% endblock %}