@extends('layouts.dashboard')

@section('dashboard')
    
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Detalle toma de inventario N° {{ $conteoInventario->conteo_inventario_id }}</strong></li>
    </ul>
    <div class="row align-items-center mb-4">
        <div class="col-md-auto">
            <h1 class="titulo-h1">Detalle toma de inventario N° {{ $conteoInventario->conteo_inventario_id }}</h1>
        </div>

    </div>

    <form onsubmit="return cerrarTomaDeInventario()" class="form-registro" method="POST">
        {{ csrf_field() }}
        <div class="card mt-4">
            <div class="card-header">
                <h5>Toma Inventario</h5>
            </div>
            <div class="card-body bg-body-card ">
                <div class="row mb-3">
                    <div class="form-group col-md-6 mb-3">
                        <label for="usuario" class="d-block font-weight-bold">Usuario responsable</label>
                        <span id="usuario">{{ $conteoInventario->usuario_nombre }}</span>
                    </div>

                    <div class="form-group col-md-6 mb-3">
                        <label for="fecha-inicio" class="d-block font-weight-bold">Fecha de creación</label>
                        <span id="fecha-inicio">{{ \FCR::fecha_completa($conteoInventario->created_at) }}</span>
                    </div>

                    <div class="form-group col-md-6 mb-3">
                        <label class="font-weight-bold">Sucursal</label>
                        <br>
                        <span>{{ $conteoInventario->sucursal_nombre }}</span>
                    </div>
                    <div class="form-group col-md-6 mb-3">
                        <label class="font-weight-bold">Bodega</label>
                        <br>
                        <span>{{ $conteoInventario->bodega_nombre }}</span>
                    </div>

                </div>
            </div>
        </div>

        <input type="hidden" id="bodega-sucursal" value="{{ $conteoInventario->bodega_id }}">
        <input type="hidden" id="conteo-inventario-id" value="{{ $conteoInventario->conteo_inventario_id }}">
        <div class="card mt-4">
            <div class="card-header">
                <h5>Toma de inventario
                    @if ($conteoInventario->estado != 'Completo')
                        <button type="button" class="btn btn-success btn-rounded btn-mini" title="Agregar Detalle"
                            onclick="agregarTrTomaInventario()"><i class="fa fa-plus"></i></button>
                    @endif
            </div>
            </h5>

            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Producto</th>
                                <th>Descripción</th>
                                <th>Posición</th>
                                <th>Conteo fisico</th>
                                <th>Sistema</th>
                                <th>Diferencia</th>
                                <th>Opciones</th>
                            </tr>
                        </thead>

                        <tbody class="list-detalle-toma-inventario">
                            @if ($conteoInventarioDetalle->isEmpty())
                                @include('dashboard.toma-inventario.tr-detalle-toma-inventario')
                            @else
                                @foreach ($conteoInventarioDetalle as $conteoDetalle)
                                    @include('dashboard.toma-inventario.tr-detalle-toma-inventario')
                                @endforeach
                            @endif

                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        @if ($conteoInventario->estado != 'Completo')
            <div class="text-right">
                <button id="btnCerrarInventario" type="submit"
                    class="btn btn-info text-uppercase all-animate btn-sm blq-btn-producto mt-2">Cerrar toma
                    de inventario</button>
            </div>
        @endif



    </form>



@endsection


@section('scripts')
    <script>
        function confirmarInventario(conteoInventarioDetalleId, num) {


            var tr = document.getElementById('producto-' + num);
            var cantidadConfirmada = tr.querySelector('input[name="conteo-fisico"]');

            var bodega = document.getElementById('bodega-sucursal');
            var bodegaId = bodega.value;
            var productoIdInput = tr.querySelector('input[name="producto-id"]');

            var data = new URLSearchParams();
            data.append('conteoInventarioDetalleId', conteoInventarioDetalleId);
            data.append('cantidadConfirmada', cantidadConfirmada.value);
            data.append('bodegaId', bodegaId);
            data.append('productoId', productoIdInput.value);

            //Enviar la solicitud fetch
            fetch('/dashboard/confirmar-cantidad-inventario', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}' //Añade el token CSRF para la protección contra ataques CSRF
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json(); //Parsear la respuesta JSON
                })
                .then(data => {
                    if (data.success) {
                        simpleAlertV2('La toma de inventaio fue realizada correctamente', 'Toma de inventario.');
                        actualizarUltimoTd(num);

                        var tr = document.getElementById('producto-' + num);
                        var inputConfirmacionTomaInventario = tr.querySelector(
                            'input[name="confirmacion-conteo-inventario"]');
                        inputConfirmacionTomaInventario.value = 1;

                    } else {
                        alert('Error: ' + (data.error || 'No se pudo cargar el producto.'));

                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('Ocurrió un error al cargar el producto. Por favor, inténtelo de nuevo.');

                });
        }

        function buscarProductoBodega(skuProducto, num) {
            var bodega = document.getElementById('bodega-sucursal');
            var bodegaId = bodega.value;

            if (!skuProducto) {
                return;
            }

            if (!bodegaId) {
                alert('Seleccione una bodega para buscar el producto.');
                return;
            }

            var data = new URLSearchParams();
            data.append('skuProducto', skuProducto);
            data.append('bodegaId', bodegaId);

            // Enviar la solicitud fetch
            fetch('/dashboard/buscar-producto-bodega', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}' // Añade el token CSRF para la protección contra ataques CSRF
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json(); // Parsear la respuesta JSON
                })
                .then(data => {
                    if (data.success) {
                        // Verificar si el producto ya está en alguno de los tr
                        var trElements = document.querySelectorAll('tr.tr-producto');
                        // for (var i = 0; i < trElements.length; i++) {
                        //     var tr = trElements[i];
                        //     var productoIdInput = tr.querySelector('input[name="producto-id"]');
                        //     if (productoIdInput && productoIdInput.value == data.productoId) {
                        //         alert('Este producto ya está en la lista.');
                        //         resetearInputTr(num);
                        //         return;
                        //     }
                        // }

                        var tr = document.getElementById('producto-' + num);
                        var descripcionInput = tr.querySelector('input[name="descripcion-producto"]');
                        var productoIdInput = tr.querySelector('input[name="producto-id"]');
                        var stockInput = tr.querySelector('input[name="stock-sistema"]');
                        var conteoFisicoInput = tr.querySelector('input[name="conteo-fisico"]');
                        var botonVerificar = tr.querySelector('#btn-verificar');
                        // Quitar el atributo disabled
                        botonVerificar.removeAttribute('disabled');

                        descripcionInput.value = data.productoTitulo;
                        productoIdInput.value = data.productoId;
                        //stockInput.value = data.stockSistema;

                        var posicionSelect = document.getElementById('producto-posicion-'+num);
                        //var posicionesDiv = document.getElementById('posiciones-div');

                        posicionSelect.innerHTML = ''; // Limpiar las opciones anteriores

                        if (data.posicionesProducto.length > 0) {
                            data.posicionesProducto.forEach(posicion => {
                                var option = document.createElement('option');
                                option.value = posicion.bodega_posicion_id;
                                option.textContent = posicion.bodega_pasillo_nombre + '-' + posicion.bodega_fila_nombre + '-' + posicion.bodega_altura_nombre;
                                posicionSelect.appendChild(option);
                            });

                            posicionSelect.setAttribute('readonly', 'readonly');
                            if (data.posicionesProducto.length > 1) {
                                posicionSelect.removeAttribute('readonly');
                            }

                        }else{
                            posicionSelect.innerHTML = 'Posición del Producto';
                            posicionSelect.setAttribute('readonly', 'readonly');
                        }
                        
                        conteoFisicoInput.focus();

                        // Quitar el atributo readonly del campo conteo-fisico
                        conteoFisicoInput.removeAttribute('readonly');

                    } else {
                        alert('Error: ' + (data.error || 'No se pudo cargar el producto.'));
                        resetearInputTr(num);
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('Ocurrió un error al cargar el producto. Por favor, inténtelo de nuevo.');
                    resetearInputTr(num);
                });
        }


        function resetearInputTr(num) {
            var tr = document.getElementById('producto-' + num);
            var sku = tr.querySelector('input[name="sku"]');
            var descripcionInput = tr.querySelector('input[name="descripcion-producto"]');
            var stockInput = tr.querySelector('input[name="stock-sistema"]');
            var conteoFisicoInput = tr.querySelector('input[name="conteo-fisico"]');
            var botonVerificar = tr.querySelector('#btn-verificar');
            var productoIdInput = tr.querySelector('input[name="producto-id"]');


            // Restablecer los campos a sus valores iniciales
            sku.value = '';
            sku.focus();
            descripcionInput.value = '';
            stockInput.value = '';
            conteoFisicoInput.value = '';
            productoIdInput.value = '';

            // Volver a agregar el atributo readonly al campo conteo-fisico
            conteoFisicoInput.setAttribute('readonly', 'readonly');
            botonVerificar.setAttribute('disabled', 'disabled');

        }

        function verificarConteoInventario(num) {
            var conteInventario = document.getElementById('conteo-inventario-id');
            var conteInventarioId = conteInventario.value;

            var bodega = document.getElementById('bodega-sucursal');
            var bodegaId = bodega.value;

            var tr = document.getElementById('producto-' + num);
            var conteoFisicoInput = tr.querySelector('input[name="conteo-fisico"]');
            var productoIdInput = tr.querySelector('input[name="producto-id"]');
            var bodegaPosicionId = tr.querySelector('select[name="posicion-producto"]');
            

            if (!conteoFisicoInput.value) {
                alert('Por favor complete los campos necesarios.');
                conteoFisicoInput.focus();
                return;
            }

            var trElements = document.querySelectorAll('tr.tr-producto');
            var combinacionesExistentes = new Set();

            for (var i = 0; i < trElements.length; i++) {
                var tr = trElements[i];
                var productoIdInput = tr.querySelector('input[name="producto-id"]');
                var productoPosicion = tr.querySelector('select[name="posicion-producto"]');

                if (productoIdInput && productoPosicion) {
                    // Crear una clave única con los valores combinados
                    var claveCombinada = productoIdInput.value + '-' + productoPosicion.value;

                    if (combinacionesExistentes.has(claveCombinada)) {
                        alert('La combinación de este producto y posición ya está en la lista.');
                        resetearInputTr(num); // Función para resetear el input
                        return;
                    }

                    // Añadir la combinación al conjunto
                    combinacionesExistentes.add(claveCombinada);
                }
            }


            //alert(bodegaPosicionId.value);
            var data = new URLSearchParams();
            data.append('conteInventarioId', conteInventarioId);
            data.append('productoId', productoIdInput.value);
            data.append('bodegaId', bodegaId);
            data.append('conteoFisico', conteoFisicoInput.value);
            data.append('bodegaPosicionId', bodegaPosicionId.value);

            //Enviar la solicitud fetch
            fetch('/dashboard/registrar-conteo-inventario', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}' //Añade el token CSRF para la protección contra ataques CSRF
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json(); //Parsear la respuesta JSON
                })
                .then(data => {
                    if (data.success) {
                        var tr = document.getElementById('producto-' + num);
                        var stockInput = tr.querySelector('input[name="stock-sistema"]');
                        var inputCantidadDiferencia = tr.querySelector('input[name="diferencia"]');

                        stockInput.value = data.stockSistema;
                        inputCantidadDiferencia.value = data.cantidadDiferencia;

                        bloquearInputsTr(num);

                        // Modificar el botón
                        if (data.cantidadDiferencia == 0) {
                            var botonVerificar = tr.querySelector('#btn-verificar');
                            botonVerificar.setAttribute('onclick', 'confirmarInventario(\'' + data
                                .conteoInventarioDetalleId + '\', \'' + num + '\');');

                            botonVerificar.setAttribute('title', 'Confirmar');
                            botonVerificar.innerHTML = `
                                Confirmar 
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2-all" viewBox="0 0 16 16">
                                    <path d="M12.354 4.354a.5.5 0 0 0-.708-.708L5 10.293 1.854 7.146a.5.5 0 1 0-.708.708l3.5 3.5a.5.5 0 0 0 .708 0zm-4.208 7-.896-.897.707-.707.543.543 6.646-6.647a.5.5 0 0 1 .708.708l-7 7a.5.5 0 0 1-.708 0"/>
                                    <path d="m5.354 7.146.896.897-.707.707-.897-.896a.5.5 0 1 1 .708-.708"></path>
                                </svg>
                                `;
                            var boton = document.getElementById('btn-eliminar-tr-' + num);
                            if (boton) {
                                boton.parentNode.removeChild(boton);
                            }

                        } else {

                            var botonVerificar = tr.querySelector('#btn-verificar');
                            botonVerificar.setAttribute('onclick', 'recontarIventario(\'' + data
                                .conteoInventarioDetalleId + '\', \'' + num + '\');');

                            botonVerificar.setAttribute('title', 'Recontar');
                            botonVerificar.innerHTML = `Recontar`;

                            botonVerificar.classList.remove('btn-success');
                            botonVerificar.classList.add('btn-warning');



                            var boton = document.getElementById('btn-eliminar-tr-' + num);
                            if (boton) {
                                boton.parentNode.removeChild(boton);
                            }

                            tr = document.getElementById('producto-' + num);
                            var inputDiferencia = tr.querySelector('input[name="diferencia"]');
                            inputDiferencia.style.borderColor = '#dc3545';
                            inputDiferencia.style.backgroundColor = '#f8d7da';
                            inputDiferencia.style.color = '#721c24';

                        }




                    } else {
                        alert('Error: ' + (data.error || 'No se pudo cargar el producto.'));
                        resetearInputTr(num);
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('Ocurrió un error al cargar el producto. Por favor, inténtelo de nuevo.');
                    resetearInputTr(num);
                });
        }

        function bloquearInputsTr(num) {

            var tr = document.getElementById('producto-' + num);
            var skuInput = tr.querySelector('input[name="sku"]');
            var inputConteoFisico = tr.querySelector('input[name="conteo-fisico"]');
            var stockInput = tr.querySelector('input[name="stock-sistema"]');
            var inputCantidadDiferencia = tr.querySelector('input[name="diferencia"]');
            var posicionProducto = tr.querySelector('select[name="posicion-producto"]');

            

            skuInput.setAttribute('readonly', 'readonly');
            stockInput.setAttribute('readonly', 'readonly');
            inputCantidadDiferencia.setAttribute('readonly', 'readonly');
            inputConteoFisico.setAttribute('readonly', 'readonly');
            posicionProducto.setAttribute('readonly', 'readonly');



        }



        function cuadrarInventario(conteoInventarioDetalleId, num) {

            // alert('llegoo')
            // return;
            var bodega = document.getElementById('bodega-sucursal');
            var bodegaId = bodega.value;

            var tr = document.getElementById('producto-' + num);
            var cantidadRevisada = tr.querySelector('input[name="conteo-fisico"]');
            var bodegaPosicionId = tr.querySelector('select[name="posicion-producto"]');


            var data = new URLSearchParams();
            data.append('conteoInventarioDetalleId', conteoInventarioDetalleId);
            data.append('cantidadRevisada', cantidadRevisada.value);
            data.append('bodegaId', bodegaId);
            data.append('bodegaPosicionId', bodegaPosicionId.value);

            //Enviar la solicitud fetch
            fetch('/dashboard/cuadrar-toma-de-inventario', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json();
                })
                .then(data => {
                    if (data.success) {

                        if (data.cantidadDiferencia == 0) {
                            //alert('no hay diferencia.')
                            var tr = document.getElementById('producto-' + num);
                            var inputCantidadDiferencia = tr.querySelector('input[name="diferencia"]');
                            inputCantidadDiferencia.value = data.cantidadDiferencia;

                            bloquearInputsTr(num);

                            var botonVerificar = tr.querySelector('#btn-verificar');
                            botonVerificar.setAttribute('onclick', 'realizarAjusteInventario(\'' +
                                conteoInventarioDetalleId + '\', \'' + num +
                                '\');');

                            botonVerificar.setAttribute('title', 'confirmar');
                            botonVerificar.innerHTML = `
                                Confirmar 
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2-all" viewBox="0 0 16 16">
                                    <path d="M12.354 4.354a.5.5 0 0 0-.708-.708L5 10.293 1.854 7.146a.5.5 0 1 0-.708.708l3.5 3.5a.5.5 0 0 0 .708 0zm-4.208 7-.896-.897.707-.707.543.543 6.646-6.647a.5.5 0 0 1 .708.708l-7 7a.5.5 0 0 1-.708 0"/>
                                    <path d="m5.354 7.146.896.897-.707.707-.897-.896a.5.5 0 1 1 .708-.708"></path>
                                </svg>
                                `;

                            botonVerificar.classList.remove('btn-primary');
                            botonVerificar.classList.add('btn-success');

                            var inputDiferencia = tr.querySelector('input[name="diferencia"]');
                            inputDiferencia.style.borderColor = '#155724';
                            inputDiferencia.style.backgroundColor = '#d4edda';
                            inputDiferencia.style.color = '#155724';
                            //actualizarUltimoTd(num);
                        } else {
                            //alert('hay diferencia.')
                            //simpleAlert(data.success)
                            var tr = document.getElementById('producto-' + num);
                            var botonVerificar = tr.querySelector('#btn-verificar');
                            // var inputCantidadDiferencia = tr.querySelector('input[name="diferencia"]');
                            // inputCantidadDiferencia.value = data.cantidadDiferencia;

                            bloquearInputsTr(num);

                            var botonVerificar = tr.querySelector('#btn-verificar');
                            botonVerificar.setAttribute('onclick', 'realizarAjusteInventario(\'' +
                                conteoInventarioDetalleId + '\', \'' + num +
                                '\');');

                            botonVerificar.setAttribute('title', 'Realizar Ajuste');
                            botonVerificar.innerHTML = `
                                Realizar Ajuste 
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2-all" viewBox="0 0 16 16">
                                    <path d="M12.354 4.354a.5.5 0 0 0-.708-.708L5 10.293 1.854 7.146a.5.5 0 1 0-.708.708l3.5 3.5a.5.5 0 0 0 .708 0zm-4.208 7-.896-.897.707-.707.543.543 6.646-6.647a.5.5 0 0 1 .708.708l-7 7a.5.5 0 0 1-.708 0"/>
                                    <path d="m5.354 7.146.896.897-.707.707-.897-.896a.5.5 0 1 1 .708-.708"></path>
                                </svg>
                                `;

                            botonVerificar.classList.remove('btn-primary');
                            botonVerificar.classList.add('btn-success');




                        }


                    } else {
                        alert('Error: ' + (data.error || 'No se pudo cargar el producto.'));

                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('Ocurrió un error al cargar el producto. Por favor, inténtelo de nuevo.');

                });
        }

        function realizarAjusteInventario(conteoInventarioDetalleId, num) {


            var bodega = document.getElementById('bodega-sucursal');
            var bodegaId = bodega.value;

            var tr = document.getElementById('producto-' + num);
            var cantidadRevisada = tr.querySelector('input[name="conteo-fisico"]');
            var bodegaPosicionId = tr.querySelector('select[name="posicion-producto"]');


            var data = new URLSearchParams();
            data.append('conteoInventarioDetalleId', conteoInventarioDetalleId);
            data.append('cantidadRevisada', cantidadRevisada.value);
            data.append('bodegaId', bodegaId);
            data.append('bodegaPosicionId', bodegaPosicionId.value);

            //Enviar la solicitud fetch
            fetch('/dashboard/revisar-toma-de-inventario', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json();
                })
                .then(data => {
                    if (data.success) {

                        if (data.cantidadDiferencia == 0) {
                            var tr = document.getElementById('producto-' + num);
                            var inputCantidadDiferencia = tr.querySelector('input[name="diferencia"]');
                            inputCantidadDiferencia.value = data.cantidadDiferencia;

                            bloquearInputsTr(num);
                            actualizarUltimoTd(num);
                            simpleAlertV2('Se realizo la toma de inventario', 'Toma de inventario')
                        } else {
                            simpleAlertV2(data.success, 'Ajuste de inventario');
                            var tr = document.getElementById('producto-' + num);
                            var inputCantidadDiferencia = tr.querySelector('input[name="diferencia"]');
                            inputCantidadDiferencia.value = data.cantidadDiferencia;

                            bloquearInputsTr(num);
                            actualizarUltimoTd(num);


                        }



                        tr = document.getElementById('producto-' + num);
                        var inputDiferencia = tr.querySelector('input[name="diferencia"]');
                        inputDiferencia.style.borderColor = '';
                        inputDiferencia.style.backgroundColor = '';
                        inputDiferencia.style.color = '';

                        var inputConfirmacionTomaInventario = tr.querySelector(
                            'input[name="confirmacion-conteo-inventario"]');
                        inputConfirmacionTomaInventario.value = 1;
                    } else {
                        alert('Error: ' + (data.error || 'No se pudo cargar el producto.'));

                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('Ocurrió un error al cargar el producto. Por favor, inténtelo de nuevo.');

                });
        }

        function actualizarUltimoTd(num) {
            // Selecciona el tr por su ID
            var tr = document.getElementById('producto-' + num);

            // Selecciona el último td dentro del tr
            var ultimoTd = tr.querySelector('td:last-child');

            // Vacía el contenido del td
            ultimoTd.innerHTML = '';

            // Crea el nuevo label
            var label = document.createElement('label');
            label.className = 'text-success text-center font-weight-bold text-uppercase';
            label.textContent = 'Contado';

            // Agrega el label al td
            ultimoTd.appendChild(label);
        }

        function agregarTrTomaInventario() {
            var data = new URLSearchParams();
            data.append('cargarTr', true);
            // Enviar la solicitud fetch
            fetch('/dashboard/cargar-tr-detalle-toma-inventario', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}' // Añade el token CSRF para la protección contra ataques CSRF
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json(); // Parsear la respuesta JSON
                })
                .then(data => {
                    if (data.success) {
                        // Aquí agregamos el nuevo tr al final del tbody
                        var tbody = document.querySelector('.list-detalle-toma-inventario');
                        tbody.insertAdjacentHTML('beforeend', data.html);
                    } else {
                        alert('Error: ' + (data.error || 'No se pudo cargar la información.'));
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('Ocurrió un error al cargar la información. Por favor, inténtelo de nuevo.');
                });
        }

        function recontarIventario(conteoInventarioDetalleId, num) {
            var tr = document.getElementById('producto-' + num);
            var botonVerificar = tr.querySelector('#btn-verificar');
            botonVerificar.setAttribute('onclick', 'cuadrarInventario(\'' + conteoInventarioDetalleId + '\', \'' + num +
                '\');');

            botonVerificar.setAttribute('title', 'Cuadrar');
            botonVerificar.innerHTML = `
                Cuadrar 
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2-all" viewBox="0 0 16 16">
                    <path d="M12.354 4.354a.5.5 0 0 0-.708-.708L5 10.293 1.854 7.146a.5.5 0 1 0-.708.708l3.5 3.5a.5.5 0 0 0 .708 0zm-4.208 7-.896-.897.707-.707.543.543 6.646-6.647a.5.5 0 0 1 .708.708l-7 7a.5.5 0 0 1-.708 0"/>
                    <path d="m5.354 7.146.896.897-.707.707-.897-.896a.5.5 0 1 1 .708-.708"></path>
                </svg>
                `;

            botonVerificar.classList.remove('btn-warning');
            botonVerificar.classList.add('btn-primary');



            var conteoFisicoInput = tr.querySelector('input[name="conteo-fisico"]');
            conteoFisicoInput.removeAttribute('readonly');
        }

        function eliminarProducto(num) {
            var producto = document.getElementById('producto-' + num);
            if (producto) {
                producto.parentNode.removeChild(producto);
            } else {
                console.log('El elemento con id producto-' + num + ' no existe.');
            }
        }


        function cerrarTomaDeInventario() {
            // Obtener todas las filas (tr) dentro de la tabla
            var filas = document.querySelectorAll('.list-detalle-toma-inventario .tr-producto');
            var todosConfirmados = true;

            // Recorrer todas las filas
            filas.forEach(function(fila) {
                // Buscar el input con name="confirmacion-conteo-inventario" dentro de la fila actual
                var inputConfirmacion = fila.querySelector('input[name="confirmacion-conteo-inventario"]');

                // Verificar si el valor es diferente de 1
                if (inputConfirmacion && inputConfirmacion.value !== "1") {
                    todosConfirmados = false;
                }
            });

            // Si no todos los productos están confirmados, mostrar un mensaje de alerta y detener el envío del formulario
            if (!todosConfirmados) {
                alert("Lo sentimos, tiene que inventariar todos los productos antes de cerrar la toma de inventario.");
                return false; // Evitar que el formulario se envíe
            }

            // Si todos están confirmados, proceder con el envío AJAX
            var inputConteoInventario = document.getElementById('conteo-inventario-id');
            var conteoInventarioId = inputConteoInventario.value;


            var data = new URLSearchParams();
            data.append('conteoInventarioId', conteoInventarioId);

            // Enviar la solicitud fetch
            fetch('/dashboard/cerrar-toma-de-inventario', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}' // Añade el token CSRF para la protección contra ataques CSRF
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json(); // Parsear la respuesta JSON
                })
                .then(data => {
                    if (data.success) {
                        simpleAlertV2('La toma de inventario se cerró de forma correcta.', 'Cerrar toma de Inventario');
                        // Selecciona el botón por su ID
                        var boton = document.getElementById('btnCerrarInventario');

                        // Verifica si el botón existe, y si es así, elimínalo
                        if (boton) {
                            boton.remove();
                        }

                        window.location.href = data.redirect_url;

                    } else {
                        alert('Error: ' + (data.errors || 'Hubo un error al cerrar la toma de inventario.'));
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('Ocurrió un error al cerrar la toma de inventario. Por favor, inténtelo de nuevo.');
                });

            return false; // Evitar que el formulario se envíe de la manera tradicional
        }
    </script>
@endsection