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

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

{% block content %}
<form method="post" action="{% if mode=='new' %}/locations/new{% else %}/locations/{{ location.id }}/edit{% endif %}" class="card max-w-2xl">
  <div class="card-header"><div><h2>Lagerort</h2></div></div>
  <div class="p-5 grid grid-cols-2 gap-x-6 gap-y-4">
    <div class="col-span-2">
      {{ field("Code", "code", location.code if location else "", required=true, placeholder="A-01-01") }}
    </div>
    <div>
      <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Größe</label>
      <select class="select mt-1 w-full" name="size">
        <option value="">—</option>
        {% for s in ["klein","mittel","groß"] %}
          <option value="{{ s }}" {% if location and location.size == s %}selected{% endif %}>{{ s }}</option>
        {% endfor %}
      </select>
    </div>
    {{ number_field("Kapazität (Stück)", "capacity", location.capacity if location else 0, min=0) }}
    <div>
      <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Gruppe</label>
      <select class="select mt-1 w-full" name="group_id">
        <option value="">—</option>
        {% for g in groups %}
          <option value="{{ g.id }}" {% if location and location.group_id == g.id %}selected{% endif %}>{{ g.name }} ({{ g.source_app }})</option>
        {% endfor %}
      </select>
    </div>
    {% if mode == 'new' %}
    <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">Werkzeug-System</option>
        <option value="management">Lager-System</option>
      </select>
    </div>
    {% endif %}
    <div class="col-span-2 pt-2">
      {{ checkbox("In Nutzung", "is_used", checked=(location and location.is_used)) }}
    </div>
  </div>
  <div class="px-5 py-4 border-t border-neutral-100 flex items-center justify-between">
    <a class="btn btn-secondary" href="/locations">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="/locations/{{ location.id }}/delete" class="max-w-2xl mt-6"
      onsubmit="return confirm('Lagerort wirklich löschen? (Nur möglich, wenn dort keine Artikel liegen.)')">
  <button class="btn btn-danger btn-sm" type="submit">Lagerort löschen</button>
</form>
{% endif %}
{% endblock %}