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

{% block title %}{{ order.ident }}{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500"><a href="/orders" class="hover:underline">Bestellungen</a> / {{ order.ident }}</p>{% endblock %}
{% block heading %}{{ order.ident }}{% endblock %}
{% block topbar_actions %}
  {{ app_pill(order.source_app) }}
  {{ order_status_badge(order.status) }}
  <a class="btn btn-secondary btn-sm" href="/orders/{{ order.id }}/pdf" target="_blank">PDF öffnen</a>
  {% if order.status == 'open' %}
  <form method="post" action="/orders/{{ order.id }}/cancel" class="inline"
        onsubmit="return confirm('Bestellung wirklich stornieren?')">
    <button class="btn btn-secondary btn-sm" type="submit">Stornieren</button>
  </form>
  <form method="post" action="/orders/{{ order.id }}/receive" class="inline">
    <button class="btn btn-primary" type="submit">Wareneingang buchen</button>
  </form>
  {% endif %}
{% endblock %}

{% block content %}
<div class="card">
  <div class="card-header">
    <div>
      <h2>Bestellpositionen</h2>
      <p class="sub">{{ lines|length }} Position(en)</p>
    </div>
    <div class="text-right">
      <p class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Gesamt</p>
      <p class="font-bold text-xl nums">{{ money(lines|sum(attribute='line_value')) }}</p>
    </div>
  </div>
  {% if lines %}
  <table class="data-table">
    <thead>
      <tr>
        <th>Artikel</th>
        <th>Lieferant</th>
        <th class="num">Menge</th>
        <th class="num">Original</th>
        <th class="num">Stückpreis</th>
        <th class="num">Wert</th>
        <th>Status</th>
      </tr>
    </thead>
    <tbody>
      {% for l in lines %}
      <tr class="cursor-pointer" onclick="location='/items/{{ l.item_id }}'">
        <td>
          <div class="font-medium nums">{{ l.item_ident }}</div>
          <div class="text-xs text-neutral-500 truncate" style="max-width:340px">{{ l.item_description }}</div>
        </td>
        <td class="text-neutral-700">{{ l.vendor_name or '—' }}</td>
        <td class="num">{{ l.quantity }}</td>
        <td class="num text-neutral-500">{{ l.quantity_orig }}</td>
        <td class="num">{{ money(l.price) }}</td>
        <td class="num font-medium">{{ money(l.line_value) }}</td>
        <td>
          {% if l.is_open %}
            <span class="badge badge-amber">Offen</span>
          {% else %}
            <span class="badge badge-emerald">Eingebucht</span>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div class="p-12 text-center text-sm text-neutral-500">Keine Positionen.</div>
  {% endif %}
</div>

{% if order.status == 'open' %}
<div class="alert alert-blue text-sm">
  <p class="font-medium">Hinweis</p>
  <p class="mt-1 text-neutral-600">"Wareneingang buchen" oben rechts erhöht den Bestand aller offenen Positionen entsprechend
  und schreibt zwei Historien-Einträge je Position (Wareneingang + Einlagerung).</p>
</div>
{% endif %}

{% endblock %}