{% extends "base.html" %}
{% block title %}{% if sub %}{{ sub.name }} bearbeiten{% else %}Neuer Subunternehmer{% endif %}{% endblock %}
{% block content %}
<div class="max-w-3xl">
  <h1 class="page-title mb-6">{% if sub %}{{ sub.name }} bearbeiten{% else %}Neuer Subunternehmer{% endif %}</h1>

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

    <div class="card space-y-4">
      <h2 class="section-title">Stammdaten</h2>
      <div class="grid grid-cols-2 gap-4">
        <div><label class="form-label">Name *</label>{{ form.name }}</div>
        <div><label class="form-label">Kurzname</label>{{ form.kurzname }}</div>
      </div>
      <div class="grid grid-cols-2 gap-4">
        <div><label class="form-label">Dienstleistertyp</label>{{ form.dienstleistertyp }}</div>
      </div>
      <div>
        <label class="form-label">Präferenz</label>
        <div class="flex gap-4 mt-1">{{ form.praeferenz }}</div>
      </div>
    </div>

    <div class="card space-y-4">
      <h2 class="section-title">Kontakt</h2>
      <div class="grid grid-cols-3 gap-4">
        <div class="col-span-2"><label class="form-label">Straße</label>{{ form.strasse }}</div>
        <div><label class="form-label">PLZ</label>{{ form.plz }}</div>
      </div>
      <div class="grid grid-cols-2 gap-4">
        <div><label class="form-label">Ort</label>{{ form.ort }}</div>
        <div><label class="form-label">Land</label>{{ form.land }}</div>
      </div>
      <div class="grid grid-cols-3 gap-4">
        <div><label class="form-label">Telefon</label>{{ form.telefon }}</div>
        <div><label class="form-label">Mobil</label>{{ form.mobilnummer }}</div>
        <div><label class="form-label">E-Mail</label>{{ form.email }}</div>
      </div>
      <div><label class="form-label">Website</label>{{ form.website }}</div>
    </div>

    <div class="card space-y-4">
      <h2 class="section-title">Ansprechpartner</h2>
      <div class="grid grid-cols-3 gap-4">
        <div><label class="form-label">Name</label>{{ form.ansprechpartner }}</div>
        <div><label class="form-label">E-Mail</label>{{ form.ansprechpartner_email }}</div>
        <div><label class="form-label">Telefon</label>{{ form.ansprechpartner_telefon }}</div>
      </div>
    </div>

    <div class="card space-y-4">
      <h2 class="section-title">Profil & Bewertung</h2>
      <div><label class="form-label">Leistungsprofil</label>{{ form.leistungsprofil }}</div>
      <div><label class="form-label">Bewertung / Begründung</label>{{ form.bewertung }}</div>
    </div>

    <div class="flex gap-3">
      <button type="submit" class="btn-primary">Speichern</button>
      <a href="{% if sub %}{% url 'partner:su_detail' pk=sub.pk %}{% else %}{% url 'partner:su_liste' %}{% endif %}"
         class="btn-secondary">Abbrechen</a>
    </div>
  </form>
</div>
{% endblock %}