{% extends 'base.html.twig' %}

{% import 'datatable/input.datatable.html.twig' as inputDatatable %}
{% set searching = datatable.options.searching is defined and datatable.options.searching == true %}
{% set export = datatable.options.export is defined and datatable.options.export == true %}

{% block stylesheets %}
    {{ encore_entry_link_tags('datatable') }}
{% endblock %}

{% block container %}
    {% block flash_messages %}
        {{ include('partials/_flash_messages.html.twig') }}
    {% endblock %}

    <div data-controller="datatable" {{ app_datatable_settings(datatable) }}>
        <div class="row mb-3">
            <div class="{{ html_classes({
                'col-md-12': not searching,
                'col-md-6': searching
            }) }}">
                {% block body_title %}
                {% endblock %}
            </div>
            {% if searching %}
                <div class="col-md-6">
                    {{ inputDatatable.search("search-dt-text", "search-dt-button") }}
                </div>
            {% endif %}
        </div>
        <div class="row">
            <div class="col">
                <div data-datatable-target="datatableElement">
                    Cargando ...
                </div>
            </div>
            {#{{ include('@SelrRemote/blocks/_modal-borrar.html.twig') }}#}
        </div>

        {% if export %}
            <div class="row">
                <div class="col">
                    {{ inputDatatable.export() }}
                </div>
            </div>
        {% endif %}

        {{ include('partials/modal/_modal.html.twig') }}
        {% include 'partials/modal/_confirm.html.twig' with {'controller_handler': 'datatable'} %}
    </div>
{% endblock %}


{% block javascripts %}
    {{ encore_entry_script_tags('datatable') }}
{% endblock %}