{% extends "base.html" %}

{% block title %}Lieferscheine{% endblock %}
{% block heading %}Lieferscheine{% endblock %}
{% block topbar_actions %}
  <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;">
    <a class="btn btn-primary" href="/sales-orders/new?then=delivery"
       title="Express-Lieferschein: Auftrag + Lieferschein in einem Schritt anlegen">
      + Neuer Lieferschein
    </a>
    <div class="tabs">
      <a class="tab {% if not status_filter %}is-active{% endif %}" href="/delivery-notes">Alle</a>
      {% for code, label in STATUS_LABELS.items() %}
        <a class="tab {% if status_filter==code %}is-active{% endif %}" href="/delivery-notes?status={{ code }}">{{ label }}</a>
      {% endfor %}
    </div>
  </div>
{% endblock %}

{% block content %}
{% if items %}
<div class="card">
  <table class="data-table">
    <thead>
      <tr>
        <th>LS-Nr.</th>
        <th>Erstellt</th>
        <th>Auftrag</th>
        <th>Kunde</th>
        <th>Versand</th>
        <th>Versanddienstleister</th>
        <th>Tracking</th>
        <th>Status</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for d in items %}
      <tr class="cursor-pointer" onclick="location='/delivery-notes/{{ d.id }}'">
        <td class="nums font-semibold">{{ d.dn_no }}</td>
        <td class="text-xs nums text-neutral-600">{{ d.created_at[:10] }}</td>
        <td class="nums text-xs"><a href="/sales-orders/{{ d.sales_order_id }}" class="text-blue-700 hover:underline" onclick="event.stopPropagation()">{{ d.order_no }}</a></td>
        <td class="font-medium">{{ d.customer_name_snapshot }}</td>
        <td class="text-xs nums">{{ d.ship_date or '—' }}</td>
        <td class="text-xs">{{ d.carrier or '—' }}</td>
        <td class="text-xs nums">{{ d.tracking_no or '—' }}</td>
        <td><span class="badge badge-{{ STATUS_COLOR.get(d.status, 'neutral') }}">{{ STATUS_LABELS.get(d.status, d.status) }}</span></td>
        <td class="text-right" onclick="event.stopPropagation()">
          <a class="btn btn-sm btn-secondary" href="/delivery-notes/{{ d.id }}">Öffnen</a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
  {% from "_macros.html" import empty_state %}
  {{ empty_state(
    icon='📦',
    title='Noch keine Lieferscheine',
    description='Wenn ein Auftrag fertig produziert ist, erstellst du auf der Auftrags-Detailseite einen Lieferschein. Der ist der Versand-Beleg + Vorlage für die Rechnung.',
    workflow='📥 Anfrage → 💼 Angebot → 📋 Auftrag → 🏭 Werkstatt → 📦 Versand → 🧾 Rechnung',
    ctas=[
      {'label': 'Zu den Aufträgen', 'href': '/sales-orders', 'primary': True},
      {'label': '📚 Handbuch (DE)',  'href': '/handbuch/de/pdf', 'external': True},
    ],
  ) }}
{% endif %}
{% endblock %}