{% extends "base.html" %}
{% from "_macros.html" import app_pill, action_badge, avatar %}

{% block title %}Historie{% endblock %}
{% block heading %}Historie{% endblock %}
{% block topbar_actions %}
  <span class="text-sm text-neutral-500 nums">{{ entries|length }} Vorgänge</span>
  <a class="btn btn-secondary btn-sm" href="/export/history.csv">CSV-Export</a>
{% endblock %}

{% block content %}
<div class="card">
  <table class="data-table">
    <thead>
      <tr>
        <th>Wann</th>
        <th>Aktion</th>
        <th>Mitarbeiter</th>
        <th>Artikel</th>
        <th></th>
        <th class="num">Menge</th>
      </tr>
    </thead>
    <tbody>
      {% for h in entries %}
      <tr {% if h.item_id %}class="cursor-pointer" onclick="location='/items/{{ h.item_id }}'"{% endif %}>
        <td class="text-xs text-neutral-500 nums">{{ h.created_at }}</td>
        <td>{{ action_badge(h.action_code, h.action_name) }}</td>
        <td>
          {% if h.first_name %}
          <div class="flex items-center gap-2">
            {{ avatar(h.first_name, h.last_name) }}
            <span>{{ h.first_name }} {{ h.last_name }}</span>
          </div>
          {% else %}
          <span class="text-neutral-400">—</span>
          {% endif %}
        </td>
        <td>
          {% if h.item_ident %}<span class="nums font-medium">{{ h.item_ident }}</span>{% else %}<span class="text-neutral-400">—</span>{% endif %}
        </td>
        <td>{% if h.source_app %}{{ app_pill(h.source_app) }}{% endif %}</td>
        <td class="num">{{ h.quantity if h.quantity else '—' }}</td>
      </tr>
      {% else %}
      <tr><td colspan="6" class="p-12 text-center text-sm text-neutral-500">Keine Einträge.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}