{% extends '@EasyAdmin/crud/index.html.twig' %}

{% block content_title %}
    {{ parent() }}
{% endblock %}

{% block content_header_wrapper %}
    {{ parent() }}
    <div class="row">
        <div class="col-12">
            <div class="alert alert-info text-center mt-3 mb-4" role="alert">
                Seleccione los <strong>RIAs a versionar</strong>. Aplique filtros y/o use la acción masiva.
            </div>
        </div>
    </div>
{% endblock %}

{% block head_javascript %}
    {{ parent() }}
    {{ importmap('app') }}
{% endblock %}

{% block body_javascript %}
    {{ parent() }} 
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var checkSeleccionarTodos = document.querySelector('.content table thead th:first-child');
            if (checkSeleccionarTodos) {
                // checkSeleccionarTodos.style.display = 'none';
                checkSeleccionarTodos.innerHTML = '';
            }

            var deselectButton = $("<button></button>")
                .text("Deseleccionar Todos")
                .addClass("btn btn-secondary action-deseleccionar ms-2")
                .attr("type", "button") 
                .prepend('<i class="fa fa-times-circle me-1"></i>');
            
            deselectButton.on("click", function() {
                var seleccionados = document.querySelectorAll('.content table tbody input[type="checkbox"]:checked');
                seleccionados.forEach(function(checkbox) {
                    $(checkbox).click();
                });
            });

            $(".batch-actions").append(deselectButton);

            var botonesVersionado = $(".action-versionadoMasivoSelectAll, .action-versionadoMasivoConBatch");
            botonesVersionado.map(function(indice,boton) {
                var stringParametroAdicional = '&idVersionadoMasivo=' + $(boton).attr('idVersionadoMasivo');
                var hrefConParametro =  $(boton).attr('href') + stringParametroAdicional;
                $(boton).attr('href', hrefConParametro);
                var modalConfirmacionBatch = $(boton).attr('data-action-url');
                if(modalConfirmacionBatch){
                    $(boton).attr('data-action-url',modalConfirmacionBatch + stringParametroAdicional);
                }
            });
        });
    </script>
{% endblock %}