{% set _entity_config = easyadmin_entity(entityName) %}
{% trans_default_domain _entity_config.translation_domain %}
{% set _trans_parameters = { '%entity_name%': _entity_config.name|trans, '%entity_label%': _entity_config.label|trans } %}

{% extends _entity_config.templates.list %}

{% block body_id 'easyadmin-treelist-' ~ _entity_config.name %}
{% block body_class 'list list-' ~ _entity_config.name|lower %}

{% set _treelist_title %}
    {% spaceless %}
        {% set _default_title = 'list.page_title'|trans(_trans_parameters, 'EasyAdminBundle') %}
        {{ _entity_config.list.title is defined ? _entity_config.list.title|trans(_trans_parameters) : _default_title }}
    {% endspaceless %}
{% endset %}

{% block page_title %}
    {{ _treelist_title|striptags|raw }}
{% endblock %}

{% block content_title_wrapper %}
    <h1 class="title">{{ _treelist_title }}</h1>
{% endblock %}

{% block search_action %}
    {# no paginator is needed here #}
{% endblock %}

{% block main %}
    <div id="modal-treelist" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <h4>{{ 'common.error'|trans(_trans_parameters, 'admin') }}</h4>
                    <p id="modal-treelist-content"></p>
                </div>
                <div class="modal-footer">
                    <button type="button" data-dismiss="modal" class="btn">
                        {{ 'common.ok'|trans(_trans_parameters, 'admin') }}
                    </button>
                </div>
            </div>
        </div>
    </div>

    {% set _list_item_actions = easyadmin_get_actions_for_list_item(_entity_config.name) %}
    <div class="dd3-header">
        <span class="dd3-title">{{ _entity_config.list.fields.title.label|trans(_trans_parameters) }}</span>
    </div>
    <div
        class="dd"
        id="{{ data[0].item.siblings|default([])|length > 0 ? 'nestable' : 'nestable-one_level' }}"
    >
        {% include '@Core/backend/actions/treelist-nestable.html.twig' with {'data' : data } %}
    </div>
    {% block delete_form %}
        {{ include('@EasyAdmin/default/includes/_delete_form.html.twig', {
            view: 'list',
            delete_form: delete_form_template,
            _translation_domain: _entity_config.translation_domain,
            _trans_parameters: _trans_parameters,
            _entity_config: _entity_config,
        }, with_context = false) }}
    {% endblock delete_form %}
{% endblock %}

{% block paginator %}
    {# no paginator is needed here #}
{% endblock paginator %}

{% block body_javascript %}
    <script type="text/javascript">
        $(function() {
            $('.action-delete').on('click', function(e) {
                e.preventDefault();
                var id = $(this).closest('li').data('id');

                $('#modal-delete').modal({backdrop: true, keyboard: true})
                    .off('click', '#modal-delete-button')
                    .on('click', '#modal-delete-button', function() {
                        var deleteForm = $('#delete-form');
                        deleteForm.attr('action', deleteForm.attr('action').replace('__id__', id));
                        deleteForm.trigger('submit');
                    });
            });
        });
    </script>
{% endblock %}