{% extends "base.html" %}
{% block title %}Marktbegleiter-Passagen — {{ ausschreibung.titel }}{% endblock %}
{% block content %}
<div class="flex items-center justify-between mb-5">
  <h1 class="page-title">Marktbegleiter-Passagen</h1>
  <div class="flex gap-2">
    <span class="text-sm text-slate-500 self-center">{{ ausschreibung.titel|truncatechars:50 }}</span>
    <a href="{% url 'marktbegleiter:passagen:neu' ausschreibung_id=ausschreibung.pk %}" class="btn-primary">+ Neue Passage</a>
  </div>
</div>

<div class="card">
  {% if passagen %}
  <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">Marktbegleiter</th>
        <th class="pb-2 font-medium text-slate-600">Textauszug</th>
        <th class="pb-2 font-medium text-slate-600">Score</th>
        <th class="pb-2 font-medium text-slate-600">Kategorie</th>
        <th class="pb-2 font-medium text-slate-600">Dokument</th>
        <th class="pb-2 font-medium text-slate-600">Datum</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for p in passagen %}
      <tr class="border-b border-slate-100 hover:bg-slate-50">
        <td class="py-2 font-medium">
          <a href="{% url 'marktbegleiter:detail' pk=p.marktbegleiter.pk %}" class="text-brand-600 hover:underline">
            {{ p.marktbegleiter.name }}
          </a>
        </td>
        <td class="py-2 text-slate-600 max-w-xs">{{ p.passage|truncatechars:150 }}</td>
        <td class="py-2 font-medium {% if p.verlaesslichkeitsscore >= 7 %}text-green-600{% elif p.verlaesslichkeitsscore >= 4 %}text-yellow-600{% else %}text-red-500{% endif %}">
          {{ p.verlaesslichkeitsscore }}
        </td>
        <td class="py-2 text-slate-600">{{ p.kategorie|default:"—" }}</td>
        <td class="py-2 text-slate-500 text-xs">{{ p.dokument.dateiname|default:"—" }}</td>
        <td class="py-2 text-slate-500 text-xs">{{ p.erfassungsdatum }}</td>
        <td class="py-2 text-right">
          <a href="{% url 'marktbegleiter:passagen:bearbeiten' ausschreibung_id=ausschreibung.pk pk=p.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 Passagen für diese Ausschreibung erfasst.</p>
  {% endif %}
</div>
{% endblock %}