@extends('layouts.dashboard')

@section('dashboard')
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Panel de Devoluciones</strong></li>
    </ul>
    <form class="form-registro form-enter" method="post" action="{{ route('buscar-devoluciones') }}" id="form-devoluciones"
        onsubmit="return cargarDevoluciones(this.id, true)">
        <div class="row align-items-end">
            <div class="col-md-auto">
                <h1 class="titulo-h1 mb-3">Panel de Devoluciones</h1>
            </div>
            <div class="col-md">
                <div class="row align-items-end justify-content-end">
                    {{ csrf_field() }}
                    <div class="col-md-auto form-group pl-md-0">
                        <label class="small mb-0">Desde:</label>
                        <input type="date" name="fechaDesde" class="form-control form-control-sm input-date"
                            max="{{ date('Y-m-d') }}" value="{{ date('Y-m') }}-01">
                    </div>
                    <div class="col-md-auto form-group pl-md-0">
                        <label class="small mb-0">Hasta:</label>
                        <input type="date" name="fechaHasta" class="form-control form-control-sm input-date"
                            max="{{ date('Y-m-d') }}" value="{{ date('Y-m-d') }}">
                    </div>
                    <div class="col-md-3 form-group pl-md-0">
                        <label for="buscar" class="small mb-0">Buscar</label>
                        <input type="search" name="buscar" id="buscar" class="form-control form-control-sm"
                            placeholder="Buscar o escanear etiquetas">
                    </div>
                    <div class="col-auto form-group pl-md-0">
                        <button type="button" class="btn btn-sm text-azul blq-btn-producto"
                            style="color: #2138bf !important;box-shadow: none;"
                            onclick="filtrarDevoluciones()">{!! \ICO::icon_filter() !!} Filtrar</button>
                    </div>
                    <div class="col-auto form-group pl-md-0">
                        <input type="hidden" name="offset">
                        <button type="submit" class="btn btn-primary btn-sm">Buscar</button>
                    </div>
                </div>
            </div>
        </div>
        <div id="datos-filtro"></div>
    </form>
    <div id="list-devoluciones-panel">
        <div class="card">
            <div class="card-body text-center">
                ¿Desea mostrar las devoluciones? <button type="button" class="btn btn-primary btn-sm ml-3 blq-btn"
                    onclick="cargarDevoluciones('form-devoluciones', true)">Mostrar devoluciones</button>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        document.addEventListener('click', function() {
            const devoluciones = document.querySelectorAll('.ver-opciones .collapse.show');
            if (devoluciones.length > 0) {
                devoluciones.forEach(function(devolucion) {
                    devolucion.classList.remove('show');
                });
            }
        });

        function cargarDevoluciones(id, nopage = false) {
            if (nopage) {
                document.querySelector('[name=offset]').value = '';
                modalCargando();
            }

            var form = document.getElementById(id);
            var action = form.getAttribute('action');

            let formData = new FormData(form);

            fetch(action, {
                    method: 'POST',
                    body: formData
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al cargar las devoluciones');
                        cerrarCargando();
                    }
                    return response.text();
                })
                .then(data => {
                    document.getElementById('list-devoluciones-panel').innerHTML = data;
                    cargarPaginacion();
                    cerrarCargando();
                    setTimeout(function() {
                        const devoluciones = document.querySelectorAll('.devolucion');
                        const botonDevolucion = document.querySelector('.devolucion .btn-devolucion');
                        if (devoluciones.length == 1 && botonDevolucion) {
                            botonDevolucion.click();
                        }
                    }, 500);
                })
                .catch(error => {
                    cerrarCargando();
                    console.log(error);
                });

            return false;
        }

        function cambiarPaginaDevoluciones(offset) {
            document.querySelector('[name=offset]').value = offset;
            cargarDevoluciones('form-devoluciones');
        }

        function cargarPaginacion() {
            document.querySelectorAll('.list-paginacion a').forEach(function(anchor) {
                var href = anchor.getAttribute('href');
                var page = href.split('page=')[1];
                anchor.setAttribute('href', 'javascript:void(0)');
                anchor.setAttribute('onclick', 'cambiarPaginaDevoluciones(' + page + ')');
            });
        }

        function filtrarDevoluciones() {

            if (document.querySelectorAll('.modal-filtro-devoluciones').length > 0) {
                var modalElement = document.getElementById('modal-subajax');
                var modal = new bootstrap.Modal(modalElement, {
                    backdrop: 'static'
                });
                modal.show();
                return true;
            }

            var ordenarElement = document.querySelector('#form-devoluciones .input');
            var ordenar = ordenarElement ? ordenarElement.value : '';

            var cuentaMLElement = document.querySelector('#form-devoluciones .input-cuenta-ml');
            var cuentaML = cuentaMLElement ? cuentaMLElement.value : '';

            var estadoDevolucionInternoElements = document.querySelectorAll(
                '#form-devoluciones .input-estado-devolucion-interno');
            var estadoDevolucionInterno = [];
            estadoDevolucionInternoElements.forEach(function(elemento) {
                estadoDevolucionInterno.push(elemento.value);
            });

            var estadoDevolucionMLElements = document.querySelectorAll('#form-devoluciones .input-estado-devolucion-ml');
            var estadoDevolucionML = [];
            estadoDevolucionMLElements.forEach(function(elemento) {
                estadoDevolucionML.push(elemento.value);
            });

            fetch('{{ route('modal-filtrar-devoluciones') }}', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    body: JSON.stringify({
                        cuentaML: cuentaML,
                        estadoDevolucionInterno: estadoDevolucionInterno,
                        estadoDevolucionML: estadoDevolucionML,
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al mostrar el modal');
                    }
                    return response.text();
                })
                .then(data => {
                    document.getElementById('modal-ajax').innerHTML = data;
                    document.querySelectorAll('#modal-ajax .select2').forEach(element => {
                        $(element).select2();
                    });
                    var modalElement = document.getElementById('modal-subajax');
                    var modal = new bootstrap.Modal(modalElement, {
                        backdrop: 'static'
                    });
                    modal.show();
                })
                .catch(error => {});
        }

        function resetearFormulario(id) {
            var form = document.getElementById(id);
            form.reset();

            // Eliminar atributos selected="selected" de todas las opciones de los select
            var selects = form.querySelectorAll('select');
            selects.forEach(select => {
                var options = select.querySelectorAll('option');
                options.forEach(option => {
                    option.removeAttribute('selected');
                });
            });

            // Eliminar atributos checked="checked" de todos los checkbox y radio buttons
            var inputs = form.querySelectorAll('input[type="checkbox"], input[type="radio"]');
            inputs.forEach(input => {
                input.removeAttribute('checked');
            });

            document.querySelectorAll('#modal-ajax .select2').forEach(element => {
                $(element).select2();
            });
        }

        function ingresarFiltro(id) {
            var form = document.getElementById(id);
            var action = form.getAttribute('action');

            let formData = new FormData(form);

            fetch(action, {
                    method: 'POST',
                    body: formData
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al mostrar los datos del filtro');
                    }
                    return response.text();
                })
                .then(data => {
                    document.getElementById('datos-filtro').innerHTML = data;
                    cargarDevoluciones('form-devoluciones', true);
                    document.getElementById('cerrar-modal-filtro').click();
                })
                .catch(error => {
                    console.log(error);
                });

            return false;
        }

        function filtrarOpcionDeDevoluciones(opcion) {
            fetch('{{ route('filtrar-opcion-devoluciones') }}', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    body: JSON.stringify({
                        opcion: opcion
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al filtrar las devoluciones');
                    }
                    return response.text();
                })
                .then(data => {
                    if (document.querySelectorAll("#datos-filtro .d-flex").length === 0) {
                        document.getElementById("datos-filtro").innerHTML =
                            '<div class="d-flex flex-wrap w-100 justify-content-end"></div>';
                    }

                    var badge = document.getElementById("badge-" + opcion);
                    if (badge) {
                        badge.remove();
                    }

                    var container = document.querySelector("#datos-filtro .d-flex");
                    if (container) {
                        container.insertAdjacentHTML('beforeend', data);
                    }
                    cargarDevoluciones('form-devoluciones', true);
                    document.getElementById('cerrar-modal-filtro').click();
                })
                .catch(error => {
                    console.log(error);
                });
        }


        function modalRecepcionarDevolucion(devolucionId) {
            fetch('{{ route('modal-recepcionar-devolucion') }}', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    body: JSON.stringify({
                        devolucionId: devolucionId
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al mostrar el modal');
                    }
                    return response.text();
                })
                .then(data => {
                    document.getElementById('modal-ajax').innerHTML = data;
                    var modalElement = document.getElementById('modal-subajax');
                    var modal = new bootstrap.Modal(modalElement, {
                        backdrop: 'static'
                    });
                    modal.show();
                })
                .catch(error => {});
        }

        function modalClasificarDevolucion(devolucionId) {
            fetch('{{ route('modal-clasificar-devolucion') }}', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    body: JSON.stringify({
                        devolucionId: devolucionId
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al mostrar el modal');
                    }
                    return response.text();
                })
                .then(data => {
                    document.getElementById('modal-ajax').innerHTML = data;
                    document.querySelectorAll('#modal-ajax .select2').forEach(element => {
                        $(element).select2();
                    });
                    var modalElement = document.getElementById('modal-subajax');
                    var modal = new bootstrap.Modal(modalElement, {
                        backdrop: 'static'
                    });
                    modal.show();
                })
                .catch(error => {});
        }

        function recepcionarDevolucion(id) {
            confirmAlert("¿Desea recepcionar la devolución indicada?", function() {
                modalCargando();
                var form = document.getElementById(id);
                var action = form.getAttribute('action');
                let formData = new FormData(form);

                fetch(action, {
                        method: 'POST',
                        body: formData,
                    })
                    .then(response => response.json())
                    .then(data => {
                        cerrarCargando();
                        if (data.errors) {
                            console.log(data.errors);
                        }
                        if (data.success) {
                            cerrarModal();
                            cargarDevolucion(data.devolucionId);
                            simpleAlert(data.message);
                        }
                    })
                    .catch(error => {
                        cerrarCargando();
                        simpleAlert(error);
                    });
            });
            return false;
        }

        function cargarDevolucion(devolucionId) {
            fetch('{{ route('cargar-devolucion') }}', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    body: JSON.stringify({
                        devolucionId: devolucionId
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al cargar las devoluciones');
                    }
                    return response.text();
                })
                .then(data => {
                    document.getElementById('devolucion-' + devolucionId).outerHTML = data;
                })
                .catch(error => {
                    console.log(error);
                });
        }

        function modalHistorialEstadosDevolucion(devolucionId) {
            fetch('{{ route('modal-historial-estados-devolucion') }}', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    body: JSON.stringify({
                        devolucionId: devolucionId
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al mostrar el modal');
                    }
                    return response.text();
                })
                .then(data => {
                    document.getElementById('modal-ajax').innerHTML = data;
                    document.querySelectorAll('#modal-ajax .select2').forEach(element => {
                        $(element).select2();
                    });
                    var modalElement = document.getElementById('modal-subajax');
                    var modal = new bootstrap.Modal(modalElement, {
                        backdrop: 'static'
                    });
                    modal.show();
                })
                .catch(error => {});
        }

        function clasificarDevolucion(id) {
            confirmAlert("¿Desea clasificar la devolución indicada?", function() {
                modalCargando();
                var form = document.getElementById(id);
                var action = form.getAttribute('action');
                let formData = new FormData(form);

                fetch(action, {
                        method: 'POST',
                        body: formData,
                    })
                    .then(response => response.json())
                    .then(data => {
                        cerrarCargando();
                        if (data.errors) {
                            console.log(data.errors);
                        }
                        if (data.success) {
                            cerrarModal();
                            cargarDevolucion(data.devolucionId);
                            simpleAlert(data.message);
                        }
                    })
                    .catch(error => {
                        cerrarCargando();
                        simpleAlert(error);
                    });
            });
            return false;
        }

        function modalSolicitarDevolucion(devolucionId) {
            fetch('{{ route('modal-solicitar-devolucion') }}', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    body: JSON.stringify({
                        devolucionId: devolucionId
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al mostrar el modal');
                    }
                    return response.text();
                })
                .then(data => {
                    document.getElementById('modal-ajax').innerHTML = data;
                    var modalElement = document.getElementById('modal-subajax');
                    var modal = new bootstrap.Modal(modalElement, {
                        backdrop: 'static'
                    });
                    modal.show();
                    $(".jqte-test").jqte();
                })
                .catch(error => {});
        }

        function enviarCorreoSolicitarDevolucion(id) {
            confirmAlert("¿Desea realizar la solicitud de devolución al proveedor?", function() {
                var form = document.getElementById(id);
                var action = form.getAttribute('action');

                let formData = new FormData(form);

                fetch(action, {
                        method: 'POST',
                        body: formData,
                    })
                    .then(response => response.json())
                    .then(data => {
                        cerrarCargando();
                        if (data.errors) {
                            console.log(data.errors);
                        }
                        if (data.success) {
                            cerrarModal();
                            cargarDevolucion(data.devolucionId);
                            simpleAlert(data.message);
                        }
                    })
                    .catch(error => {
                        cerrarCargando();
                        simpleAlert(error);
                    });
            });

            return false;
        }

        function aprobarDevolucionProveedor(devolucionId) {
            confirmAlert("¿Está seguro de cambiar ha aprobada la devolución a traves de la OC del proveedor?", function() {
                modalCargando();
                fetch('{{ route('aprobar-devolucion-proveedor') }}', {
                        method: 'POST',
                        headers: {
                            "Content-Type": "application/json",
                            "X-CSRF-TOKEN": "{{ csrf_token() }}"
                        },
                        body: JSON.stringify({
                            devolucionId: devolucionId
                        })
                    })
                    .then(response => response.json())
                    .then(data => {
                        cerrarCargando();
                        if (data.errors) {
                            console.log(data.errors);
                        }
                        if (data.success) {
                            cerrarModal();
                            cargarDevolucion(data.devolucionId);
                            simpleAlert(data.message);
                        }
                    })
                    .catch(error => {
                        cerrarCargando();
                        simpleAlert(error);
                    });
            });
            return false;
        }

        function modalIngresoDatosCompra(devolucionId) {
            fetch('{{ route('modal-ingreso-datos-compra') }}', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    body: JSON.stringify({
                        devolucionId: devolucionId
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al mostrar el modal');
                    }
                    return response.text();
                })
                .then(data => {
                    document.getElementById('modal-ajax').innerHTML = data;
                    document.querySelectorAll('#modal-ajax .select2').forEach(element => {
                        $(element).select2();
                    });
                    var modalElement = document.getElementById('modal-subajax');
                    var modal = new bootstrap.Modal(modalElement, {
                        backdrop: 'static'
                    });
                    modal.show();
                })
                .catch(error => {});
        }

        function ingresarDatosCompra(id) {
            confirmAlert("¿Desea ingresar los datos a la devolución?", function() {
                modalCargando();
                var form = document.getElementById(id);
                var action = form.getAttribute('action');

                let formData = new FormData(form);

                fetch(action, {
                        method: 'POST',
                        body: formData,
                    })
                    .then(response => response.json())
                    .then(data => {
                        cerrarCargando();
                        if (data.errors) {
                            console.log(data.errors);
                        }
                        if (data.success) {
                            cerrarModal();
                            cargarDevolucion(data.devolucionId);
                            simpleAlert(data.message);
                        }
                    })
                    .catch(error => {
                        cerrarCargando();
                        simpleAlert(error);
                    });
            });
            return false;
        }

        function modalEmitirGuiaDespacho(devolucionId) {
            fetch('{{ route('modal-emitir-guia-despacho-devolucion') }}', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    body: JSON.stringify({
                        devolucionId: devolucionId
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al mostrar el modal');
                    }
                    return response.text();
                })
                .then(data => {
                    document.getElementById('modal-ajax').innerHTML = data;
                    document.querySelectorAll('#modal-ajax .select2').forEach(element => {
                        $(element).select2();
                    });
                    var modalElement = document.getElementById('modal-subajax');
                    var modal = new bootstrap.Modal(modalElement, {
                        backdrop: 'static'
                    });
                    modal.show();
                })
                .catch(error => {});
        }

        function buscarDireccionProveedor(proveedorDireccionId) {
            const inputDireccion = document.getElementById('direccion');
            const region = document.getElementById('region');
            const comuna = document.getElementById('comuna');

            fetch('{{ route('buscar-direccion-proveedor') }}', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    body: JSON.stringify({
                        proveedorDireccionId: proveedorDireccionId
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json();
                })
                .then(data => {
                    if (data.success) {
                        if (inputDireccion) inputDireccion.value = data.direccion || '';

                        if (data.comuna) {
                            const opRegion = document.querySelector(
                                `#region option[value="${data.region}"]`
                            );
                            if (opRegion) {
                                opRegion.selected = true;

                                document.querySelectorAll(
                                    "#region + .select2-container .select2-selection__rendered + .select2-container .select2-selection__rendered"
                                ).forEach(el => {
                                    el.textContent = opRegion.textContent;
                                });

                                // Disparar evento 'change' manualmente
                                region?.dispatchEvent(new Event('change', {
                                    bubbles: true
                                }));
                            }

                            updComunas(data.region, "", "", data.comuna, "", false);
                        }
                    } else {
                        inputDireccion.value = '';

                        if (region) {
                            region.value = '';
                            region.dispatchEvent(new Event('change', {
                                bubbles: true
                            }));
                        }

                        if (comuna) {
                            comuna.innerHTML = '<option value="">Seleccione una comuna</option>';
                            comuna.dispatchEvent(new Event('change', {
                                bubbles: true
                            }));
                        }
                    }
                    document.querySelectorAll('#modal-ajax .select2').forEach(element => {
                        $(element).select2();
                    });
                })
                .catch(error => {
                    inputDireccion.value = '';

                    if (region) {
                        region.value = '';
                        region.dispatchEvent(new Event('change', {
                            bubbles: true
                        }));
                    }

                    if (comuna) {
                        comuna.innerHTML = '<option value="">Seleccione una comuna</option>';
                        comuna.dispatchEvent(new Event('change', {
                            bubbles: true
                        }));
                    }

                    console.error("Error al buscar dirección del proveedor:", error);
                });

            return false;
        }


        function validarRutProveedorOC(rut) {
            inputRutProveedor = document.querySelector("[name=rutProveedor]");
            inputProveedor = document.querySelector("[name=proveedor]");
            inputProveedorId = document.querySelector("[name=proveedorId]");
            if (rut == '') {
                inputRutProveedor.value = '';
                inputProveedor.value = '';
                inputProveedorId.value = '';
                return;
            }

            fetch('{{ route('validar-rut-proveedor-input') }}', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    body: JSON.stringify({
                        rutProveedor: rut
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al mostrar el modal');
                    }
                    return response.json();
                })
                .then(data => {
                    if (data.success) {
                        inputProveedor.value = data.proveedor;
                        inputProveedorId.value = data.proveedorId;
                        return;
                    }

                    rutProveedorNoIngresado(inputRutProveedor, inputProveedor, inputProveedorId)
                })
                .catch(error => {
                    rutProveedorNoIngresado(inputRutProveedor, inputProveedor, inputProveedorId)
                });
        }

        function rutProveedorNoIngresado(inputRutProveedor, inputProveedor, inputProveedorId) {
            simpleAlert('El rut de proveedor no esta ingresado en nuestro sistema');
            inputRutProveedor.value = '';
            inputProveedor.value = '';
            inputProveedorId.value = '';
            inputRutProveedor.focus();
        }

        function emitirGuiaDespachoDevolucion(id) {
            confirmAlert("¿Desea crear una guía de despacho para el proveedor?", function() {
                modalCargando();
                var form = document.getElementById(id);
                var action = form.getAttribute('action');

                let formData = new FormData(form);

                fetch(action, {
                        method: 'POST',
                        body: formData,
                    })
                    .then(response => response.json())
                    .then(data => {
                        cerrarCargando();
                        if (data.errors) {
                            console.log(data.errors);
                            simpleAlert(data.errors);
                        }
                        if (data.success) {
                            cerrarModal();
                            cargarDevolucion(data.devolucionId);
                        }
                        simpleAlert(data.message);
                    })
                    .catch(error => {
                        cerrarCargando();
                        simpleAlert(error);
                    });
            });
            return false;
        }

        function modalEnvioFisicoAlProveedor(devolucionId) {
            fetch('{{ route('modal-envio-fisico-proveedor-devolucion') }}', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    body: JSON.stringify({
                        devolucionId: devolucionId
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Hubo un problema al mostrar el modal');
                    }
                    return response.text();
                })
                .then(data => {
                    document.getElementById('modal-ajax').innerHTML = data;
                    document.querySelectorAll('#modal-ajax .select2').forEach(element => {
                        $(element).select2();
                    });
                    var modalElement = document.getElementById('modal-subajax');
                    var modal = new bootstrap.Modal(modalElement, {
                        backdrop: 'static'
                    });
                    modal.show();
                })
                .catch(error => {});
        }

        function envioFisicoAlProveedor(id) {
            confirmAlert("¿Desea indicar que el producto fue enviado al proveedor?", function() {
                modalCargando();
                var form = document.getElementById(id);
                var action = form.getAttribute('action');

                let formData = new FormData(form);

                fetch(action, {
                        method: 'POST',
                        body: formData,
                    })
                    .then(response => response.json())
                    .then(data => {
                        cerrarCargando();
                        if (data.errors) {
                            console.log(data.errors);
                            simpleAlert(data.errors);
                        }
                        if (data.success) {
                            cerrarModal();
                            cargarDevolucion(data.devolucionId);
                            simpleAlert(data.message);
                        }
                    })
                    .catch(error => {
                        cerrarCargando();
                        simpleAlert(error);
                    });
            });
            return false;
        }
    </script>
@endsection