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

{% block title %}{% if mode=='new' %}Neue Kategorie{% else %}{{ category.name }} bearbeiten{% endif %}{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500"><a href="/categories" class="hover:underline">Kategorien</a> / {% if mode=='new' %}Neu{% else %}Bearbeiten{% endif %}</p>{% endblock %}
{% block heading %}{% if mode=='new' %}Neue Kategorie{% else %}{{ category.dimension }} · {{ category.name }}{% endif %}{% endblock %}

{% block content %}
<form method="post" action="{% if mode=='new' %}/categories/new{% else %}/categories/{{ category.id }}/edit{% endif %}" class="card max-w-2xl">
  <div class="card-header"><div><h2>Kategorie</h2></div></div>
  <div class="p-5 grid grid-cols-1 gap-4">
    <div>
      <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Dimension *</label>
      <input class="input mt-1 w-full" type="text" name="dimension" required
             list="dimension-list"
             value="{{ category.dimension if category else '' }}"
             placeholder="z.B. Werkzeugtyp, Materialart, Beschichtung">
      <datalist id="dimension-list">
        {% for d in dimensions %}<option value="{{ d }}">{% endfor %}
      </datalist>
      <p class="text-[11px] text-neutral-500 mt-1">Bestehende Dimension wählen oder neue eintippen.</p>
    </div>
    {{ field("Wert", "name", category.name if category else "", required=true, placeholder="z.B. Fräser, Aluminium, TiAlN") }}
  </div>
  <div class="px-5 py-4 border-t border-neutral-100 flex items-center justify-between">
    <a class="btn btn-secondary" href="/categories">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="/categories/{{ category.id }}/delete" class="max-w-2xl mt-6"
      onsubmit="return confirm('Kategorie wirklich löschen? (Nur möglich, wenn keine Artikel verknüpft sind.)')">
  <button class="btn btn-danger btn-sm" type="submit">Kategorie löschen</button>
</form>
{% endif %}
{% endblock %}