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

<div class="card">
  {% if blaetter %}
  <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">Produktfunktion</th>
        <th class="pb-2 font-medium text-slate-600">Version</th>
        <th class="pb-2 font-medium text-slate-600">Eigentümer</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for b in blaetter %}
      <tr class="border-b border-slate-100 hover:bg-slate-50">
        <td class="py-2 font-medium">{{ b.produktfunktion }}</td>
        <td class="py-2 text-slate-600">{{ b.version }}</td>
        <td class="py-2 text-slate-600">{{ b.eigentuemer|default:"—" }}</td>
        <td class="py-2 text-right">
          <a href="{% url 'bibliothek:leistungsblatt_bearbeiten' pk=b.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 Leistungsblätter angelegt.</p>
  {% endif %}
</div>
{% endblock %}