{% macro collectionRow(form) %}
    <div {{ stimulus_target('form-collection', 'field') }}>
        <div class="flex items-center space-x-4">
            {{ form_widget(form) }}
            <button type="button" {{ stimulus_action('form-collection', 'removeItem') }}>
                {{ icon('delete', 'w-4 h-4 mt-2 pointer-events-none') }}
            </button>
        </div>
        {{ form_errors(form) }}
    </div>
{% endmacro %}

<div {{ stimulus_controller('form-partial', { 'url': path('app_admin_assignment_pickup_form') }) }}>
    {{ form_start(form, { 'attr': { 'data-form-partial-target': 'form' } }) }}
    <div class="flex flex-col space-y-4 pb-8">
        <div class="grid lg:grid-cols-6 gap-x-4 gap-y-4">
            <div class="lg:col-span-3">
                {{ form_row(form.destination) }}
            </div>
            {{ form_row(form.status) }}
            {{ form_row(form.availableDispositions) }}
            <div>
                <h4 class="font-bold pb-2">
                    {{ form_label(form.showAvailableDispositions) }}
                </h4>
                {{ form_widget(form.showAvailableDispositions) }}
            </div>
        </div>
        <div class="grid lg:grid-cols-2 gap-x-8 gap-y-4">
            {{ form_row(form.jobProfile) }}
            {{ form_row(form.jobProfileInfo) }}
            {{ form_row(form.benefits) }}
            {{ form_row(form.contact) }}
        </div>
        <div class="relative">
            <div class="grid lg:grid-cols-2 gap-x-8 gap-y-4" {{ stimulus_target('form-partial', 'container') }}>
                {% block partial_form %}
                    {{ form_row(form.pickup) }}
                    {#{{ form_row(form.pickupDate) }}#}
                {% endblock %}
            </div>
            <div class="absolute top-0 left-0 inset-0 bg-white/90 flex items-center justify-center" {{ stimulus_target('form-partial', 'spinner') }}>
                {% include '_partials/_spinner.html.twig' with { 'class': 'w-8 h-8'} %}
            </div>
        </div>
        <div class="grid lg:grid-cols-2 gap-x-8 gap-y-4">
            {{ form_row(form.fees) }}
            {{ form_row(form.remarks) }}
        </div>
    </div>
    <div class="flex items-center space-x-2">
        <button type="submit" class="btn">
            Speichern
        </button>
        <a href="{{ path('app_admin_assignment_index') }}" class="btn btn--secondary">
            Abbrechen
        </a>
    </div>
    {{ form_rest(form) }}
    {{ form_end(form) }}
</div>