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

{% block title %}Bestellungen{% endblock %}
{% block heading %}Bestellungen{% endblock %}
{% block topbar_actions %}
  <div class="tabs">
    <a class="tab {% if not status_filter %}is-active{% endif %}" href="/orders">Alle</a>
    <a class="tab {% if status_filter=='open' %}is-active{% endif %}" href="/orders?status=open">Offen</a>
    <a class="tab {% if status_filter=='received' %}is-active{% endif %}" href="/orders?status=received">Eingegangen</a>
  </div>
  <a class="btn btn-secondary btn-sm" href="/export/orders.csv">CSV-Export</a>
  <a class="btn btn-primary" href="/orders/new">+ Neue Bestellung</a>
{% endblock %}

{% block content %}
<div class="card">
  <div class="card-header">
    <div>
      <h2>{{ orders|length }} Bestellungen</h2>
      <p class="sub">Bestellwert gesamt: {{ money(orders|map(attribute='total_value')|select|sum) }}</p>
    </div>
  </div>
  {% if orders %}
  <table class="data-table">
    <thead>
      <tr>
        <th></th>
        <th>Bestellnummer</th>
        <th>Status</th>
        <th class="num">Positionen</th>
        <th class="num">Menge</th>
        <th class="num">Wert</th>
        <th>Erstellt</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for o in orders %}
      <tr class="cursor-pointer" onclick="location='/orders/{{ o.id }}'">
        <td>{{ app_pill(o.source_app) }}</td>
        <td class="nums font-medium">{{ o.ident }}</td>
        <td>{{ order_status_badge(o.status) }}</td>
        <td class="num">{{ o.line_count }}</td>
        <td class="num">{{ o.total_qty or 0 }}</td>
        <td class="num">{{ money(o.total_value) }}</td>
        <td class="text-xs text-neutral-500 nums">{{ o.created_at }}</td>
        <td class="text-right">
          <a class="btn btn-sm btn-secondary" href="/orders/{{ o.id }}">Details →</a>
          {% if o.status == 'open' %}
          <a class="btn btn-sm btn-primary" href="/orders/{{ o.id }}/receive"
             style="margin-left:4px;background:#10b981;border-color:#10b981;" title="Wareneingang buchen">📥</a>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div class="p-12 text-center text-sm text-neutral-500">Keine Bestellungen mit diesem Status.</div>
  {% endif %}
</div>
{% endblock %}