{% extends "base.html" %}
{% block title %}Wareneingang — Bestellung {{ order.order_no or order.id }}{% endblock %}
{% block heading %}📥 Wareneingang &nbsp;<span class="text-neutral-400 font-normal text-base">Bestellung {{ order.order_no or order.id }}</span>{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500"><a href="/orders" class="hover:underline">Bestellungen</a> / Wareneingang</p>{% endblock %}

{% block content %}
<style>
  .rec-row { display:grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap:8px; padding:10px 14px; align-items:center; border-bottom:1px solid rgba(255,255,255,0.06); }
  .rec-row input { padding:6px 10px; background:rgba(255,255,255,0.06); color:#fff; border:1px solid rgba(255,255,255,0.20); border-radius:5px; }
</style>

<form method="post" action="/orders/{{ order.id }}/receive" class="card">
  <input type="hidden" name="csrf_token" value="{{ request.cookies.get('csrf_token','') }}">
  <div class="card-header"><div>
    <h2>Eingegangene Mengen erfassen</h2>
    <p class="sub">Lieferant: <strong>{{ order.vendor_name or '—' }}</strong> · Datum: {{ order.created_at[:10] if order.created_at else '—' }}</p>
  </div></div>

  <div class="rec-row" style="font-weight:700;text-transform:uppercase;font-size:10px;color:rgba(255,255,255,0.55);">
    <div>Artikel</div>
    <div class="num">Bestand vorher</div>
    <div class="num">Bestellt</div>
    <div class="num">Eingang heute</div>
  </div>

  {% for ln in lines %}
  <div class="rec-row">
    <div>
      <strong>{{ ln.item_ident or '?' }}</strong>
      {% if ln.item_description %}<div class="text-[11px] text-neutral-500">{{ ln.item_description[:60] }}</div>{% endif %}
    </div>
    <div class="num nums">{{ ln.current_stock or 0 }}</div>
    <div class="num nums">{{ ln.quantity }}</div>
    <div>
      <input type="number" name="received_{{ ln.id }}" min="0" max="{{ ln.quantity }}"
             value="{{ ln.quantity }}" style="width:80px;text-align:right;">
    </div>
  </div>
  {% else %}
  <div style="padding:30px;text-align:center;color:rgba(255,255,255,0.40);">Keine offenen Positionen.</div>
  {% endfor %}

  {% if lines %}
  <div class="card-footer flex justify-end" style="padding:12px 16px;">
    <button class="btn btn-primary" type="submit">📥 Wareneingang buchen</button>
  </div>
  {% endif %}
</form>

<p style="margin-top:14px;font-size:12px;color:rgba(255,255,255,0.55);">
  Tipp: Auf 0 setzen wenn nichts geliefert wurde. Teilweise Lieferung wird als Restmenge offen gehalten.
  Komplett erledigte Lines schließen die Bestellung automatisch.
</p>

{% endblock %}