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

<div class="card mb-4">
  <form method="get" class="flex flex-wrap gap-3 items-end">
    <div>
      <label class="form-label">Name</label>
      <input type="text" name="q" value="{{ q }}" class="form-input" placeholder="Suche...">
    </div>
    <div>
      <label class="form-label">Branche</label>
      <input type="text" name="branche" value="{{ branche }}" class="form-input" placeholder="Branche...">
    </div>
    <button type="submit" class="btn-secondary">Filtern</button>
  </form>
</div>

<div class="card">
  {% if marktbegleiter_liste %}
  <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">Branchen</th>
        <th class="pb-2 font-medium text-slate-600">Vertraulichkeit</th>
        <th class="pb-2 font-medium text-slate-600">Aktualisiert</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for mb in marktbegleiter_liste %}
      <tr class="border-b border-slate-100 hover:bg-slate-50">
        <td class="py-2 font-medium">
          <a href="{% url 'marktbegleiter:detail' pk=mb.pk %}" class="text-brand-600 hover:underline">{{ mb.name }}</a>
        </td>
        <td class="py-2 text-slate-600 max-w-xs truncate">{{ mb.relevante_branchen|truncatechars:80|default:"—" }}</td>
        <td class="py-2 text-slate-600">{{ mb.get_vertraulichkeit_display }}</td>
        <td class="py-2 text-slate-500 text-xs">{{ mb.letzte_aktualisierung|default:"—" }}</td>
        <td class="py-2 text-right">
          <a href="{% url 'marktbegleiter:bearbeiten' pk=mb.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 Marktbegleiter gefunden.</p>
  {% endif %}
</div>
{% endblock %}