{% 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 %}

    {% block datatable %}
    <div data-controller="datatable" {{ app_datatable_settings(datatable) }} {% block datatable_attributes %}{% endblock %}>
        {% block datatable_header %}
            <div class="row mb-3">
                <div class="col-md-4 d-flex align-items-center">
                    {% block body_title %}
                        <h1 class="mb-0">
                            {{ datatable_title }}
                        </h1>
                    {% endblock %}
                </div>
                <div class="col-md-8 d-flex flex-row-reverse">
                    {% block main_actions %}
                        {% if export %}
                            {{ inputDatatable.export() }}
                        {% endif %}
                    {% endblock %}
                    {% if searching %}
                        {{ inputDatatable.search("search-dt-text", "search-dt-button") }}
                    {% endif %}
                </div>
            </div>
        {% endblock %}
        <div class="row">
            <div class="col">
                <div data-datatable-target="datatableElement">
                    Cargando ...
                </div>
            </div>
        </div>

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


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