{% extends '@ibexadesign/ui/edit_base.html.twig' %}

{% import '@ibexadesign/content/edit_macros.html.twig' as edit_macros %}

{% trans_default_domain 'ibexa_content_edit' %}

{% set target_id_prefix = target_id_prefix|default('ibexa-edit-content-sections-content-fields-') %}
{% set grouped_fields = grouped_fields|default([]) %}
{% set anchor_params = { items: grouped_fields|keys|map((label) => {
    label,
    target_id: target_id_prefix ~ label|lower|slug }
) } %}
{% set is_autosave_enabled = ibexa_user_settings['autosave'] is same as('enabled') %}
{% set form_has_autosave = form.autosave is defined %}
{% set default_form_templates = ibexa_admin_ui_config.contentEditFormTemplates %}
{% set form_templates = form_templates is defined ? default_form_templates|merge(form_templates) : default_form_templates %}

{% form_theme form with form_templates %}

{% block left_sidebar %}
    {% if without_close_button is not defined or without_close_button != true %}
        {% set referrer_location = content is defined and is_published ? location : parent_location %}
    {% endif %}

    {% block anchor_menu %}
        {% include '@ibexadesign/ui/anchor_navigation_menu.html.twig' with anchor_params %}
    {% endblock %}
{% endblock %}

{% block content %}
    <div class="ibexa-edit-content__container">
        {% block form_before %}{% endblock %}

        {% block form %}
            {{ form_start(form, {'attr': {'class': 'ibexa-form-validate ibexa-form'}}) }}
            <div class="ibexa-anchor-navigation__sections">
                <div
                    class="ibexa-anchor-navigation__section-group ibexa-anchor-navigation__section-group--active"
                    data-id="#ibexa-edit-content-sections-content-fields"
                >
                    {% block form_fields %}
                        <div class="ibexa-anchor-navigation-sections">
                            {% if grouped_fields|length > 1 %}
                                {% for key, group in grouped_fields %}
                                    {% embed '@ibexadesign/ui/anchor_navigation_section.html.twig' with {
                                        anchor_section_key: target_id_prefix ~ key,
                                    } %}
                                        {% trans_default_domain 'ibexa_content_edit' %}
                                        {% import '@ibexadesign/content/edit_macros.html.twig' as edit_macros %}

                                        {% block anchor_section_header %}
                                            <h2 class="ibexa-edit-content__section-header">{{ key }}</h2>
                                        {% endblock %}

                                        {% block anchor_section_body %}
                                            {{ edit_macros.render_field_group(group, form) }}
                                        {% endblock %}
                                    {% endembed %}
                                {% endfor %}
                            {% else %}
                                <div class="ibexa-anchor-navigation__section" data-id="ibexa-edit-content-sections-content-fields-{{ grouped_fields|keys|first|lower }}">
                                    {% for identifier, formField in form.fieldsData %}
                                        {% if identifier not in ignored_content_fields|default([]) %}
                                            {{ edit_macros.render_form_field(formField) }}
                                        {% endif %}
                                    {%- endfor %}
                                </div>
                            {% endif %}
                        </div>
                    {% endblock %}
                </div>
                {% block content_sections %}{% endblock %}
            </div>
            {{ form_end(form) }}
        {% endblock %}

        {% block form_after %}{% endblock %}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    {% include '@ibexadesign/content/edit/javascripts.html.twig' %}
    {{ encore_entry_script_tags('ibexa-admin-ui-tabs-js', null, 'ibexa') }}
    {{ encore_entry_script_tags('ibexa-admin-ui-edit-base-js', null, 'ibexa') }}
{% endblock %}

{% block stylesheets %}
    {% include '@ibexadesign/content/edit/stylesheets.html.twig' %}
{% endblock %}