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

{% block title %}{% if mode=='new' %}Neues Material{% else %}{{ material.name }} bearbeiten{% endif %}{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500"><a href="/materials" class="hover:underline">Materialliste</a> / {% if mode=='new' %}Neu{% else %}Bearbeiten{% endif %}</p>{% endblock %}
{% block heading %}{% if mode=='new' %}Neues Material{% else %}{{ material.name }}{% endif %}{% endblock %}

{% block content %}
<form method="post" action="{% if mode=='new' %}/materials/new{% else %}/materials/{{ material.id }}/edit{% endif %}"
      class="card max-w-3xl"
      data-autosave="material_{% if mode=='new' %}new{% else %}edit_{{ material.id }}{% endif %}">
  <div class="card-header"><div>
    <h2>Werkstoff-Stammdaten</h2>
    <p class="sub">Werkstoff aus Katalog wählen oder eigenen anlegen — Code, kg-Preis und optional Dichte</p>
  </div></div>
  <div class="p-5 grid grid-cols-2 gap-x-6 gap-y-4">
    <div>
      <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Material-Schlüssel / Code</label>
      <input class="input mt-1 w-full nums" type="text" name="code" id="mat-code"
             list="mat-presets" autocomplete="off"
             value="{{ material.code if material else '' }}"
             placeholder="z.B. C45, 1.4301, AlMg3 — oder aus Liste wählen">
      <datalist id="mat-presets"></datalist>
      <p class="text-[10px] text-neutral-500 mt-1">Tippen für Vorschläge — Auswahl füllt Bezeichnung, Kategorie und Dichte automatisch</p>
    </div>
    {{ field("Werkstoff / Bezeichnung", "name", material.name if material else "", required=true,
             placeholder="z.B. Stahl C45 Vergütungsstahl") }}

    {{ field("Kategorie", "category", material.category if material else "",
             placeholder="z.B. Stahl, Edelstahl, Aluminium, Messing", attrs='data-suggest="material_category" id="mat-cat"') }}

    <div>
      <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Lieferant</label>
      <select name="supplier_id" class="select mt-1 w-full">
        <option value="">— kein Lieferant —</option>
        <optgroup label="Material-Lieferanten">
          {% for v in vendors %}
            {% set vtypes = (v.vendor_types.split(',') if v.vendor_types else []) %}
            {% if 'material' in vtypes %}
            <option value="{{ v.id }}" {% if material and material.supplier_id == v.id %}selected{% endif %}>
              {{ v.name }}{% if v.city %} · {{ v.city }}{% endif %}
            </option>
            {% endif %}
          {% endfor %}
        </optgroup>
        <optgroup label="Andere Lieferanten">
          {% for v in vendors %}
            {% set vtypes = (v.vendor_types.split(',') if v.vendor_types else []) %}
            {% if 'material' not in vtypes %}
            <option value="{{ v.id }}" {% if material and material.supplier_id == v.id %}selected{% endif %}>
              {{ v.name }}{% if v.city %} · {{ v.city }}{% endif %}
            </option>
            {% endif %}
          {% endfor %}
        </optgroup>
      </select>
      <p class="text-[10px] text-neutral-500 mt-1">Material-Lieferanten oben — markierst du im Lieferanten-Datensatz unter „Lieferanten-Typ"</p>
    </div>

    <div>
      <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Preis pro kg (€) *</label>
      <input class="input mt-1 w-full nums" type="text" name="price_per_kg" required
             value="{{ '%.2f'|format(material.price_per_kg or 0) if material else '0.00' }}"
             placeholder="z.B. 1,85">
      <p class="text-[10px] text-neutral-500 mt-1">Reiner Materialpreis, Lieferanten-Aufschlag separat im Angebot</p>
    </div>

    <div>
      <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Dichte (g/cm³)</label>
      <input class="input mt-1 w-full nums" type="text" name="density" id="mat-density"
             value="{{ '%.3f'|format(material.density) if material and material.density else '' }}"
             placeholder="z.B. 7,85 (Stahl), 2,70 (Alu), 8,00 (Edelstahl)">
      <p class="text-[10px] text-neutral-500 mt-1">Optional — wird für Volumen → Gewicht-Umrechnung benötigt</p>
    </div>

    <div class="col-span-2">
      <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Notiz</label>
      <textarea name="note" class="input mt-1 w-full" rows="2"
                placeholder="z.B. Mindestabnahme 200 kg, Lieferzeit 5 Tage">{{ material.note if material else '' }}</textarea>
    </div>

    {% if mode == 'edit' %}
    <div class="col-span-2">
      <label class="flex items-center gap-2 text-sm">
        <input type="checkbox" name="is_active" value="1" {% if material.is_active %}checked{% endif %}>
        Material ist aktiv (in Auswahl-Listen verfügbar)
      </label>
    </div>
    {% endif %}
  </div>

  <div class="px-5 py-4 border-t flex items-center justify-between" style="border-color: var(--card-border-2);">
    <a class="btn btn-secondary" href="/materials">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="/materials/{{ material.id }}/delete" class="max-w-3xl mt-4"
      onsubmit="return confirm('Material „{{ material.name }}\" wirklich löschen?')">
  <button class="btn btn-danger btn-sm" type="submit">Material löschen</button>
</form>
{% endif %}

<script>
// Werkstoff-Katalog: gängige Codes für Lohnfertiger / CNC-Betriebe.
// Auswahl aus der Datalist → Bezeichnung, Kategorie und Dichte werden
// automatisch vorbefüllt (sofern die Felder leer sind).
(function () {
  const PRESETS = [
    // ===== Baustahl =====
    {code:"S235JR",     name:"Allgemeiner Baustahl S235JR",          cat:"Stahl",       din:"1.0038", density:7.85},
    {code:"S275JR",     name:"Baustahl S275JR",                       cat:"Stahl",       din:"1.0044", density:7.85},
    {code:"S355JR",     name:"Baustahl S355JR",                       cat:"Stahl",       din:"1.0045", density:7.85},

    // ===== Vergütungsstahl =====
    {code:"C15",        name:"Einsatzstahl C15",                      cat:"Stahl",       din:"1.0401", density:7.85},
    {code:"C35",        name:"Vergütungsstahl C35",                   cat:"Stahl",       din:"1.0501", density:7.85},
    {code:"C45",        name:"Vergütungsstahl C45",                   cat:"Stahl",       din:"1.0503", density:7.85},
    {code:"C60",        name:"Vergütungsstahl C60",                   cat:"Stahl",       din:"1.0601", density:7.85},
    {code:"16MnCr5",    name:"Einsatzstahl 16MnCr5",                  cat:"Stahl",       din:"1.7131", density:7.85},
    {code:"42CrMo4",    name:"Vergütungsstahl 42CrMo4",               cat:"Stahl",       din:"1.7225", density:7.85},
    {code:"100Cr6",     name:"Wälzlagerstahl 100Cr6",                 cat:"Stahl",       din:"1.3505", density:7.81},

    // ===== Edelstahl =====
    {code:"1.4301",     name:"Edelstahl V2A (X5CrNi18-10)",           cat:"Edelstahl",   din:"1.4301", density:7.90},
    {code:"1.4404",     name:"Edelstahl V4A niedrig-C (X2CrNiMo17-12-2)", cat:"Edelstahl", din:"1.4404", density:8.00},
    {code:"1.4571",     name:"Edelstahl V4A mit Ti (X6CrNiMoTi17-12-2)", cat:"Edelstahl", din:"1.4571", density:8.00},
    {code:"1.4541",     name:"Edelstahl Ti-stabilisiert (X6CrNiTi18-10)", cat:"Edelstahl", din:"1.4541", density:7.90},
    {code:"1.4006",     name:"Martensitischer Edelstahl X12Cr13",     cat:"Edelstahl",   din:"1.4006", density:7.70},

    // ===== Werkzeugstahl =====
    {code:"1.2080",     name:"Kaltarbeitsstahl X210Cr12",             cat:"Werkzeugstahl", din:"1.2080", density:7.70},
    {code:"1.2379",     name:"Kaltarbeitsstahl X153CrMoV12",          cat:"Werkzeugstahl", din:"1.2379", density:7.70},
    {code:"1.2842",     name:"Kaltarbeitsstahl 90MnCrV8",             cat:"Werkzeugstahl", din:"1.2842", density:7.85},
    {code:"1.2510",     name:"Kaltarbeitsstahl 100MnCrW4",            cat:"Werkzeugstahl", din:"1.2510", density:7.85},

    // ===== Aluminium =====
    {code:"AlMg3",      name:"Aluminium AlMg3",                       cat:"Aluminium",   din:"3.3535", density:2.66},
    {code:"AlCuMgPb",   name:"Automaten-Aluminium AlCuMgPb",          cat:"Aluminium",   din:"3.1655", density:2.79},
    {code:"AlMgSi1",    name:"Aluminium AlMgSi1 / EN AW-6082",        cat:"Aluminium",   din:"3.2315", density:2.70},
    {code:"EN AW-7075", name:"Hochfest-Aluminium EN AW-7075",         cat:"Aluminium",   din:"3.4365", density:2.81},
    {code:"EN AW-2007", name:"Automaten-Aluminium EN AW-2007",        cat:"Aluminium",   din:"3.1645", density:2.85},
    {code:"EN AW-5083", name:"Aluminium EN AW-5083",                  cat:"Aluminium",   din:"3.3547", density:2.66},

    // ===== Messing =====
    {code:"CuZn37",     name:"Messing CuZn37",                        cat:"Messing",     din:"2.0321", density:8.50},
    {code:"CuZn39Pb3",  name:"Automatenmessing CuZn39Pb3",            cat:"Messing",     din:"2.0401", density:8.47},
    {code:"CuZn40Pb2",  name:"Automatenmessing CuZn40Pb2",            cat:"Messing",     din:"2.0402", density:8.43},

    // ===== Kupfer =====
    {code:"Cu-ETP",     name:"Elektrolyt-Kupfer Cu-ETP / E-Cu58",     cat:"Kupfer",      din:"2.0090", density:8.94},
    {code:"CuCr1Zr",    name:"Kupfer-Chrom-Zirkon CuCr1Zr",           cat:"Kupfer",      din:"2.1293", density:8.89},

    // ===== Bronze =====
    {code:"CuSn8",      name:"Zinnbronze CuSn8",                      cat:"Bronze",      din:"2.1030", density:8.75},
    {code:"CuSn12",     name:"Zinnbronze CuSn12",                     cat:"Bronze",      din:"2.1052", density:8.78},

    // ===== Titan =====
    {code:"Ti-Grade2",  name:"Reintitan Grade 2",                     cat:"Titan",       din:"3.7035", density:4.51},
    {code:"Ti6Al4V",    name:"Titan-Legierung Ti6Al4V (Grade 5)",     cat:"Titan",       din:"3.7165", density:4.43},

    // ===== Kunststoff =====
    {code:"POM",        name:"Polyacetal POM-C / Delrin",             cat:"Kunststoff",  din:"",       density:1.41},
    {code:"PA6",        name:"Polyamid PA6 (Nylon)",                  cat:"Kunststoff",  din:"",       density:1.13},
    {code:"PA66",       name:"Polyamid PA66",                         cat:"Kunststoff",  din:"",       density:1.14},
    {code:"PEEK",       name:"PEEK Polyetheretherketon",              cat:"Kunststoff",  din:"",       density:1.32},
    {code:"PE-HD",      name:"Polyethylen PE-HD",                     cat:"Kunststoff",  din:"",       density:0.95},
    {code:"PTFE",       name:"PTFE Teflon",                           cat:"Kunststoff",  din:"",       density:2.20},
    {code:"PVC",        name:"Polyvinylchlorid PVC",                  cat:"Kunststoff",  din:"",       density:1.40},
    {code:"PMMA",       name:"Acrylglas PMMA",                        cat:"Kunststoff",  din:"",       density:1.18},
  ];

  // Datalist befüllen — Code + DIN-Nummer als Vorschlagsliste, mit Bezeichnung als Hinweis
  const dl = document.getElementById('mat-presets');
  if (dl) {
    PRESETS.forEach(p => {
      const o = document.createElement('option');
      o.value = p.code;
      o.label = (p.din ? p.din + ' · ' : '') + p.name;
      dl.appendChild(o);
      // DIN-Nummer auch separat als Vorschlag, falls jemand danach sucht
      if (p.din && p.din !== p.code) {
        const o2 = document.createElement('option');
        o2.value = p.din;
        o2.label = p.code + ' · ' + p.name;
        dl.appendChild(o2);
      }
    });
  }

  // Auto-Fill bei Auswahl: matcht Code oder DIN-Nummer (case-insensitive, getrimmt)
  const codeIn = document.getElementById('mat-code');
  const nameIn = document.querySelector('input[name="name"]');
  const catIn  = document.getElementById('mat-cat');
  const denIn  = document.getElementById('mat-density');
  if (codeIn) {
    codeIn.addEventListener('change', () => {
      const v = codeIn.value.trim().toLowerCase();
      const hit = PRESETS.find(p => p.code.toLowerCase() === v || p.din.toLowerCase() === v);
      if (!hit) return;
      // Nur leere Felder befüllen — keine Daten überschreiben
      if (nameIn && !nameIn.value.trim()) nameIn.value = hit.name;
      if (catIn  && !catIn.value.trim())  catIn.value  = hit.cat;
      if (denIn  && !denIn.value.trim() && hit.density) denIn.value = String(hit.density).replace('.', ',');
      if (window.toast) toast('Werkstoff erkannt: ' + hit.name, 'success', { ttl: 1800 });
    });
  }
})();
</script>
{% endblock %}