{# Creating and editing a room or area. See admin/_modal_resource.html.twig for how it closes. #}
{% extends 'htmx_modal.html.twig' %}

{% block title %}
    {%- if group.id -%}
        {{ group.label }} bearbeiten
    {%- else -%}
        {{ group.type.groupLabel }} hinzufügen
    {%- endif -%}
{% endblock %}

{% block content %}
    {{ form_start(form, { attr: {
        'hx-post': form.vars.action,
        'hx-target': '#htmx-modal',
        'hx-swap': 'outerHTML',
    } }) }}
        {{ form_errors(form) }}

        <div class="space-y-4">
            {{ form_row(form.label) }}
            {{ form_row(form.position) }}
        </div>

        <div class="flex justify-end gap-2 pt-6">
            <button type="button" class="button button--neutral" {{ stimulus_action('modal', 'close') }}>
                Abbrechen
            </button>
            <button type="submit" class="button button--primary">
                Speichern
            </button>
        </div>
    {{ form_end(form) }}
{% endblock %}