{% extends "base.html" %}
{% from "_macros.html" import money %}

{% block title %}Bestellungen{% endblock %}
{% block heading %}Bestellungen an Lieferanten{% endblock %}
{% block topbar_actions %}
  <div class="tabs">
    <a class="tab {% if not status_filter %}is-active{% endif %}" href="/purchase-orders">Alle</a>
    <a class="tab {% if status_filter=='draft' %}is-active{% endif %}" href="/purchase-orders?status=draft">Entwurf</a>
    <a class="tab {% if status_filter=='sent' %}is-active{% endif %}" href="/purchase-orders?status=sent">Versendet</a>
    <a class="tab {% if status_filter=='partial' %}is-active{% endif %}" href="/purchase-orders?status=partial">Teilweise</a>
    <a class="tab {% if status_filter=='received' %}is-active{% endif %}" href="/purchase-orders?status=received">Erhalten</a>
  </div>
  <a class="btn btn-secondary" href="/purchase-orders/suggestions"
     title="Bedarf aus offenen Aufträgen + Mindestbestand">Vorschläge</a>
  <a class="btn btn-primary" href="/purchase-orders/new">+ Neue Bestellung</a>
{% endblock %}

{% block content %}
<div class="card">
  {% if purchase_orders %}
  <table class="data-table">
    <thead>
      <tr>
        <th>Bestell-Nr.</th>
        <th>Lieferant</th>
        <th>Bestelldatum</th>
        <th>Geplanter Eingang</th>
        <th class="num">Netto</th>
        <th>Status</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for po in purchase_orders %}
      <tr class="cursor-pointer" onclick="location='/purchase-orders/{{ po.id }}'">
        <td class="nums font-semibold">{{ po.po_no }}</td>
        <td>{{ po.vendor_name or '—' }}</td>
        <td class="text-xs nums">{{ po.order_date or '—' }}</td>
        <td class="text-xs nums">{{ po.expected_date or '—' }}</td>
        <td class="num nums">{{ money(po.total_net) }} {{ po.currency }}</td>
        <td>
          {% set status_color = {'draft':'neutral','sent':'blue','partial':'amber','received':'emerald','cancelled':'red'} %}
          {% set status_label = {'draft':'Entwurf','sent':'Versendet','partial':'Teilweise','received':'Erhalten','cancelled':'Storniert'} %}
          <span class="badge badge-{{ status_color.get(po.status, 'neutral') }}">{{ status_label.get(po.status, po.status) }}</span>
        </td>
        <td class="text-right" onclick="event.stopPropagation()">
          <a class="btn btn-sm btn-secondary" href="/purchase-orders/{{ po.id }}">Öffnen</a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div class="p-12 text-center">
    <div style="font-size: 48px; line-height: 1; opacity: 0.20; margin-bottom: 12px;">🛒</div>
    <p class="text-sm mb-4" style="color: var(--card-text-muted);">Noch keine Bestellungen angelegt.</p>
    <a class="btn btn-primary btn-sm" href="/purchase-orders/new">+ Erste Bestellung</a>
  </div>
  {% endif %}
</div>
{% endblock %}