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

<div class="card">
  {% if typen %}
  <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">Beschreibung</th>
        <th class="pb-2 font-medium text-slate-600">Subunternehmer</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for typ in typen %}
      <tr class="border-b border-slate-100 hover:bg-slate-50">
        <td class="py-2 font-medium">{{ typ.name }}</td>
        <td class="py-2 text-slate-600">{{ typ.beschreibung|truncatechars:60|default:"—" }}</td>
        <td class="py-2 text-slate-600">{{ typ.subunternehmer.count }}</td>
        <td class="py-2 text-right">
          <a href="{% url 'partner:dt_bearbeiten' pk=typ.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">Noch keine Dienstleistertypen angelegt.</p>
  {% endif %}
</div>
{% endblock %}