{% extends "base.html" %}
{% block title %}Passage — {{ passage.marktbegleiter.name }}{% endblock %}
{% block content %}
<div class="flex items-center justify-between mb-5">
  <h1 class="page-title">Passage: {{ passage.marktbegleiter.name }}</h1>
  <div class="flex gap-2">
    <a href="{% url 'marktbegleiter:passagen:bearbeiten' ausschreibung_id=ausschreibung.pk pk=passage.pk %}" class="btn-primary">Bearbeiten</a>
    <a href="{% url 'marktbegleiter:passagen:liste' ausschreibung_id=ausschreibung.pk %}" class="btn-secondary">Zurück</a>
  </div>
</div>

<div class="card max-w-2xl space-y-4">
  <div>
    <p class="text-xs text-slate-500 mb-1">Passage</p>
    <p class="text-sm text-slate-700 whitespace-pre-line">{{ passage.passage }}</p>
  </div>
  <div class="grid grid-cols-2 gap-4 text-sm">
    <div>
      <p class="text-xs text-slate-500">Verlässlichkeitsscore</p>
      <p class="font-bold text-lg {% if passage.verlaesslichkeitsscore >= 7 %}text-green-600{% elif passage.verlaesslichkeitsscore >= 4 %}text-yellow-600{% else %}text-red-500{% endif %}">
        {{ passage.verlaesslichkeitsscore }}/10
      </p>
    </div>
    <div>
      <p class="text-xs text-slate-500">Kategorie</p>
      <p>{{ passage.kategorie|default:"—" }}</p>
    </div>
    <div>
      <p class="text-xs text-slate-500">Dokument</p>
      <p>{{ passage.dokument|default:"—" }}</p>
    </div>
    <div>
      <p class="text-xs text-slate-500">Fundstelle</p>
      <p>{{ passage.fundstelle|default:"—" }}</p>
    </div>
    <div>
      <p class="text-xs text-slate-500">Erfasst am</p>
      <p>{{ passage.erfassungsdatum }}</p>
    </div>
  </div>
  {% if passage.begruendung_zuordnung %}
  <div>
    <p class="text-xs text-slate-500">Begründung</p>
    <p class="text-sm text-slate-700">{{ passage.begruendung_zuordnung }}</p>
  </div>
  {% endif %}
</div>
{% endblock %}