{% extends "base.html" %}
{% from "_macros.html" import field, select_field, number_field, checkbox %}

{% block title %}{% if mode=='new' %}Neuer Artikel{% else %}{{ item.ident }} bearbeiten{% endif %}{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500"><a href="/items" class="hover:underline">Artikel</a> / {% if mode=='new' %}Neu{% else %}{{ item.ident }} / Bearbeiten{% endif %}</p>{% endblock %}
{% block heading %}{% if mode=='new' %}Neuer Artikel{% else %}{{ item.ident }}{% endif %}{% endblock %}

{% block content %}
<form method="post" action="{% if mode=='new' %}/items/new{% else %}/items/{{ item.id }}/edit{% endif %}" class="card max-w-3xl">
  <div class="card-header"><div><h2>Stammdaten</h2></div></div>
  <div class="p-5 grid grid-cols-2 gap-x-6 gap-y-4">
    <div class="col-span-2">
      {{ field("SKU / Identifier", "ident", item.ident if item else "", required=true, placeholder="z.B. VHM-F-6-Z4-TiAlN") }}
    </div>
    <div class="col-span-2">
      {{ field("Beschreibung", "description", item.description if item else "", placeholder="Schaftfräser Ø6 mm, 4 Schneiden, TiAlN") }}
    </div>
    <div class="col-span-2">
      {{ field("Hinweis (z.B. Material/Anwendung)", "description_2", item.description_2 if item else "") }}
    </div>

    <div>
      <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Typ *</label>
      <select class="select mt-1 w-full" name="item_type" required>
        {% for k, v in ITEM_TYPES.items() %}
          <option value="{{ k }}"
                  {% if item and item.item_type == k %}selected
                  {% elif not item and preset_item_type == k %}selected
                  {% endif %}>{{ v }}</option>
        {% endfor %}
      </select>
    </div>

    <div>
      <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">System *</label>
      <select class="select mt-1 w-full" name="source_app" required>
        <option value="tools" {% if item and item.source_app == 'tools' %}selected{% endif %}>Werkzeug-System</option>
        <option value="management" {% if item and item.source_app == 'management' %}selected{% endif %}>Lager-System</option>
      </select>
    </div>

    {{ number_field("Bestand aktuell", "quantity_total", item.quantity_total if item else 0, min=0) }}
    {{ number_field("Mindestbestand", "quantity_min", item.quantity_min if item else 0, min=0) }}
    {{ number_field("Bestell-Mindestmenge", "order_quantity_min", item.order_quantity_min if item else 0, min=0) }}

    <div class="flex items-center gap-6 col-span-2 pt-2">
      {{ checkbox("Einmal-Verbrauch", "is_onetime_use", checked=(item and item.is_onetime_use)) }}
      {{ checkbox("Bestellbar", "is_orderable", checked=(item.is_orderable if item else 1)) }}
      {{ checkbox("Pro-Stück-Seriennummern", "tracks_serials", checked=(item and item.tracks_serials)) }}
    </div>
    <div class="col-span-2">
      <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Seriennummern-Pattern (optional)</label>
      <input class="input mt-1 w-full nums" type="text" name="serial_pattern"
             value="{{ item.serial_pattern if item and item.serial_pattern else '' }}"
             placeholder="z.B. TKM-{order}-{seq:04d}">
      <p class="text-[10px] mt-1 text-neutral-500">
        Variablen: <code>{order}</code> = Auftrags-Nr., <code>{seq:04d}</code> = laufende
        Nummer (4-stellig). Default: <code>{order}-{seq:04d}</code>.
      </p>
    </div>
  </div>

  {# v1.12.1: Kundenteil — Verknüpfung zu einem Kunden für Kundenfertigung/Konsignations-Lager #}
  <details class="form-advanced" style="margin: 0 14px 14px;"
           {% if (item and item.customer_id) or preset_customer_id %}open{% endif %}>
    <summary>Kundenteil / Konsignations-Lager (optional)</summary>
    <div class="form-advanced-body">
      <div style="grid-column: span 2;">
        <p class="text-[11px] text-neutral-500" style="margin-bottom: 8px;">
          Wenn du dieses Bauteil für einen bestimmten Kunden fertigst, verknüpfe es hier.
          Es erscheint dann im Kunden-Lager und der Bestand zählt als Kundenfertigung.
        </p>
      </div>
      <div>
        <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Kunde</label>
        <select class="select mt-1 w-full" name="customer_id">
          <option value="">— Allgemein (kein Kunde) —</option>
          {% for c in customers %}
          <option value="{{ c.id }}"
                  {% if item and item.customer_id == c.id %}selected
                  {% elif not item and preset_customer_id == c.id %}selected
                  {% endif %}>{{ c.name }}{% if c.country_iso %} ({{ c.country_iso }}){% endif %}</option>
          {% endfor %}
        </select>
      </div>
      <div>
        <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Kunden-Teile-Nr.</label>
        <input class="input mt-1 w-full" type="text" name="customer_part_no"
               value="{{ item.customer_part_no if item and item.customer_part_no else '' }}"
               placeholder="z.B. K-7842-A · die Nummer aus der Kunden-Zeichnung">
      </div>
    </div>
  </details>

  {# v1.12.1: Zukaufteil / Normalie — DIN/ISO-Bezeichnung + Hersteller + Lieferant #}
  <details class="form-advanced" style="margin: 0 14px 14px;"
           {% if (item and (item.norm_reference or item.manufacturer))
                or preset_item_type == 'purchased_part' %}open{% endif %}>
    <summary>Zukaufteil / Normalie (optional)</summary>
    <div class="form-advanced-body">
      <div style="grid-column: span 2;">
        <p class="text-[11px] text-neutral-500" style="margin-bottom: 8px;">
          Standardteil das du <b>einkaufst</b> (Schrauben, Lager, Dichtungen, Federn,
          Steckverbinder etc.) — meist mit DIN/ISO-Norm. Erscheint in der Normalien-Liste
          und kann in Baugruppen-Stücklisten verbaut werden.
        </p>
      </div>
      <div>
        <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Norm-Bezeichnung</label>
        <input class="input mt-1 w-full nums" type="text" name="norm_reference"
               value="{{ item.norm_reference if item and item.norm_reference else '' }}"
               placeholder="z.B. DIN 933, ISO 4762, EN 10025">
      </div>
      <div>
        <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Hersteller</label>
        <input class="input mt-1 w-full" type="text" name="manufacturer"
               value="{{ item.manufacturer if item and item.manufacturer else '' }}"
               placeholder="z.B. Würth, Bossard, Hahn+Kolb">
      </div>
      <div>
        <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Hersteller-Teile-Nr.</label>
        <input class="input mt-1 w-full nums" type="text" name="manufacturer_part_no"
               value="{{ item.manufacturer_part_no if item and item.manufacturer_part_no else '' }}"
               placeholder="z.B. 0093320825 · Bestellnummer beim Hersteller">
      </div>
      <div>
        <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Standard-Lieferant</label>
        <select class="select mt-1 w-full" name="default_vendor_id">
          <option value="">— kein Standard-Lieferant —</option>
          {% for v in vendors %}
          <option value="{{ v.id }}"
                  {% if item and item.default_vendor_id == v.id %}selected{% endif %}>
            {{ v.name }}
          </option>
          {% endfor %}
        </select>
      </div>
    </div>
  </details>

  <div class="px-5 py-4 border-t border-neutral-100 flex items-center justify-between">
    <a class="btn btn-secondary" href="{% if mode=='edit' %}/items/{{ item.id }}{% else %}/items{% endif %}">Abbrechen</a>
    <button class="btn btn-primary" type="submit">{% if mode=='new' %}Anlegen{% else %}Speichern{% endif %}</button>
  </div>
</form>

{% if mode == 'edit' %}
<form method="post" action="/items/{{ item.id }}/delete" class="max-w-3xl mt-6"
      onsubmit="return confirm('Artikel wirklich löschen? (Nur möglich, wenn keine offenen Verleihe vorliegen.)')">
  <button class="btn btn-danger btn-sm" type="submit">Artikel löschen</button>
</form>
{% endif %}
{% endblock %}