{% extends "base.html" %}
{% block title %}{% if ref %}{{ ref.referenztitel }} bearbeiten{% else %}Neue Referenz{% endif %}{% endblock %}
{% block content %}
<div class="max-w-3xl">
  <h1 class="page-title mb-6">{% if ref %}Bearbeiten{% else %}Neue Referenz{% endif %}</h1>

  <form method="post" enctype="multipart/form-data" class="space-y-4">
    {% csrf_token %}
    <div class="card space-y-4">
      <div class="grid grid-cols-2 gap-4">
        <div class="col-span-2"><label class="form-label">Referenztitel *</label>{{ form.referenztitel }}</div>
        <div><label class="form-label">Kunde *</label>{{ form.kunde }}</div>
        <div><label class="form-label">Branche</label>{{ form.branche }}</div>
      </div>
      <div class="grid grid-cols-3 gap-4">
        <div><label class="form-label">Art (öffentlich/privat)</label>{{ form.oeffentlich_oder_privat }}</div>
        <div><label class="form-label">Projektzeitraum</label>{{ form.projektzeitraum }}</div>
        <div><label class="form-label">Vertragsvolumen (€)</label>{{ form.vertragsvolumen }}</div>
      </div>
      <div><label class="form-label">Leistungsbeschreibung</label>{{ form.leistungsbeschreibung }}</div>
      <div><label class="form-label">Eingesetzte Produkte</label>{{ form.eingesetzte_produkte }}</div>
      <div><label class="form-label">Ansprechpartner Referenzkunde</label>{{ form.ansprechpartner_referenzkunde }}</div>
    </div>

    <div class="card space-y-4">
      <h2 class="section-title">Freigabe & Verwendung</h2>
      <div class="grid grid-cols-2 gap-4">
        <div><label class="form-label">Freigabestatus</label>{{ form.freigabestatus_verwendung }}</div>
        <div><label class="form-label">Vertraulichkeit</label>{{ form.vertraulichkeit }}</div>
      </div>
      <label class="flex items-center gap-2 text-sm">{{ form.verwendbar_fuer_ausschreibungen }} Verwendbar für Ausschreibungen</label>
      <div><label class="form-label">Einschränkungen</label>{{ form.einschraenkungen_verwendung }}</div>
    </div>

    <div class="card space-y-4">
      <h2 class="section-title">Inhalte & Dokumente</h2>
      <div><label class="form-label">Kurzfassung</label>{{ form.kurzfassung }}</div>
      <div><label class="form-label">Langfassung</label>{{ form.langfassung }}</div>
      <div><label class="form-label">Whitepaper</label>{{ form.whitepaper }}</div>
      <div>
        <label class="form-label">Leistungsblätter</label>
        <div class="mt-1 space-y-1">{{ form.leistungsblaetter }}</div>
      </div>
    </div>

    <div class="flex gap-3">
      <button type="submit" class="btn-primary">Speichern</button>
      <a href="{% url 'bibliothek:referenz_liste' %}" class="btn-secondary">Abbrechen</a>
    </div>
  </form>
</div>
{% endblock %}