{% extends 'inventory/base.html' %}
{% block title %}{{ title }}{% endblock %}
{% block content %}
<section class="narrow-page">
  <div class="page-head"><div><a class="back" href="{{ cancel_url|default:'/configuration/' }}">← Zurück</a><h1>{{ title }}</h1></div></div>
  <div class="form-card"><form method="post" class="app-form">{% csrf_token %}{{ form.non_field_errors }}
    {% for field in form %}
      {% if field.name == 'color' %}
        <fieldset class="color-field"><legend>{{ field.label }}</legend><div class="color-options">{% for option in field %}<label class="color-option" style="--choice-color:{{ option.data.value }}">{{ option.tag }}<i></i><span>{{ option.choice_label }}</span></label>{% endfor %}</div>{% if field.help_text %}<small>{{ field.help_text }}</small>{% endif %}{{ field.errors }}</fieldset>
      {% else %}
        <label{% if field.field.widget.input_type == 'checkbox' %} class="check-label"{% endif %}>{{ field.label }}{{ field }}{% if field.help_text %}<small>{{ field.help_text }}</small>{% endif %}{{ field.errors }}</label>
      {% endif %}
    {% endfor %}
    <div class="form-actions"><a class="btn" href="{{ cancel_url|default:'/configuration/' }}">Abbrechen</a><button class="btn primary">Speichern</button></div>
  </form></div>
</section>
{% endblock %}