{% extends "base.html" %}
{% block title %}Protokolle – Server-Bibliothek{% endblock %}
{% block content %}

<div class="page-head">
  <div>
    <p class="eyebrow">Protokoll</p>
    <h1>Protokolle</h1>
  </div>
  <a href="{{ url_for('zuweisung_neu') }}" class="btn">+ Neues Protokoll</a>
</div>

<form method="get" class="filter-row">
  <input type="text" name="mitarbeiter" placeholder="Nach Mitarbeiter filtern…" value="{{ mitarbeiter_filter }}">
  <input type="text" name="rechner" placeholder="Nach Rechnername filtern…" value="{{ rechner_filter }}">
  <button type="submit" class="btn btn-secondary btn-small">Filtern</button>
</form>

{% if protokolle %}
<div class="catalog">
  {% for p in protokolle %}
  <div class="catalog-card">
    <div class="tag-punch"></div>
    <div class="catalog-main">
      <div class="catalog-name"><a href="{{ url_for('protokoll_detail', protokoll_id=p.id) }}">{{ p.mitarbeiter }}</a></div>
      <div class="catalog-meta">
        {% if p.rechnername %}<span>{{ p.rechnername }}</span>{% endif %}
        <span>{{ p.anzahl_tools }} Tool{{ "s" if p.anzahl_tools != 1 }}</span>
        <span>{{ p.datum }}</span>
      </div>
    </div>
    <div class="catalog-actions">
      <a href="{{ url_for('protokoll_detail', protokoll_id=p.id) }}" class="btn btn-secondary btn-small">Details</a>
    </div>
  </div>
  {% endfor %}
</div>
{% else %}
<div class="empty-state">
  {% if mitarbeiter_filter or rechner_filter %}
    Keine Treffer.
  {% else %}
    Noch keine Protokolle vorhanden. Leg das erste mit „+ Neues Protokoll" an.
  {% endif %}
</div>
{% endif %}

{% endblock %}