{% extends "base.html" %}
{% block title %}Subunternehmer{% endblock %}
{% block content %}
<div class="flex items-center justify-between mb-5">
  <h1 class="page-title">Subunternehmer</h1>
  <div class="flex gap-2">
    <a href="{% url 'partner:dt_liste' %}" class="btn-secondary">Dienstleistertypen</a>
    <a href="{% url 'partner:su_neu' %}" class="btn-primary">+ Neu</a>
  </div>
</div>

<div class="card mb-4">
  <form method="get" class="flex flex-wrap gap-3 items-end">
    <div>
      <label class="form-label">Suche</label>
      <input type="text" name="q" value="{{ q }}" class="form-input" placeholder="Name...">
    </div>
    <div>
      <label class="form-label">Präferenz</label>
      <select name="praeferenz" class="form-input">
        <option value="">Alle</option>
        {% for val, label in praeferenz_choices %}
        <option value="{{ val }}" {% if current_praeferenz == val %}selected{% endif %}>{{ label }}</option>
        {% endfor %}
      </select>
    </div>
    <div>
      <label class="form-label">Dienstleistertyp</label>
      <select name="dienstleistertyp" class="form-input">
        <option value="">Alle</option>
        {% for dt in dienstleistertypen %}
        <option value="{{ dt.pk }}" {% if current_dt == dt.pk|stringformat:"s" %}selected{% endif %}>{{ dt.name }}</option>
        {% endfor %}
      </select>
    </div>
    <button type="submit" class="btn-secondary">Filtern</button>
  </form>
</div>

<div class="card">
  {% if subunternehmer %}
  <table class="w-full text-sm">
    <thead>
      <tr class="text-left border-b border-slate-200">
        <th class="pb-2 font-medium text-slate-600">Name</th>
        <th class="pb-2 font-medium text-slate-600">Dienstleistertyp</th>
        <th class="pb-2 font-medium text-slate-600">Präferenz</th>
        <th class="pb-2 font-medium text-slate-600">Ort</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for sub in subunternehmer %}
      <tr class="border-b border-slate-100 hover:bg-slate-50">
        <td class="py-2 font-medium">
          <a href="{% url 'partner:su_detail' pk=sub.pk %}" class="text-brand-600 hover:underline">
            {{ sub.name }}
          </a>
        </td>
        <td class="py-2 text-slate-600">{{ sub.dienstleistertyp|default:"—" }}</td>
        <td class="py-2">
          {% if sub.praeferenz == 'bevorzugt' %}
          <span class="badge-green">Bevorzugt</span>
          {% elif sub.praeferenz == 'gesperrt' %}
          <span class="badge-red">Gesperrt</span>
          {% else %}
          <span class="badge-gray">Zugelassen</span>
          {% endif %}
        </td>
        <td class="py-2 text-slate-600">{{ sub.ort|default:"—" }}</td>
        <td class="py-2 text-right">
          <a href="{% url 'partner:su_bearbeiten' pk=sub.pk %}" class="text-slate-400 hover:text-slate-700 text-xs">Bearbeiten</a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="text-slate-500 text-sm">Keine Subunternehmer gefunden.</p>
  {% endif %}
</div>
{% endblock %}