<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>BIO - ALMACÉN</title>
        <link href="./view/css/styles.css" rel="stylesheet" />
        <link rel="icon" type="image/x-icon" href="./view/assets/img/trinity_bio/icono_trinity.png" />
        <script data-search-pseudo-elements defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/all.min.js" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.28.0/feather.min.js" crossorigin="anonymous"></script>
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    </head>
    <body class="nav-fixed">

        <?php require_once("./view/menu.phtml") ?>

        <div id="layoutSidenav">

            <?php require_once("./view/menuv.phtml") ?>
            
            <div id="layoutSidenav_content">
                <main>
                    <header class="page-header page-header-compact page-header-light border-bottom bg-white mb-4">
                        <div class="container-xl px-4">
                            <div class="page-header-content">
                                <div class="row align-items-center justify-content-between pt-3">
                                    <div class="col-auto mb-3">
                                        <h1 class="page-header-title">
                                            <div class="page-header-icon"><a href="solicitud.php"><i data-feather="corner-up-left"></i></a></div>
                                            ATRÁS
                                        </h1>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </header>
                    
                    <div class="row">
                        <div class="container-xl px-4 mt-4">
                            
                            <nav class="nav nav-borders">
                                <a class="nav-link active ms-0">APROBACIÓN</a>
                            </nav>
                            <hr class="mt-0 mb-4" />
                            <div class="row">
                                
                                <div class="col-xl-12">
                                    
                                    <div class="card mb-4">
                                        <div class="card-header">PRODUCTOS ASIGNADOS</div>
                                        <div class="card-body">
                                            <form method="post" action="soli.php?id=<?= $id ?>" enctype="multipart/form-data">
                                                
                                                

                                                <div class="row gx-3 mb-3" >
                                                    <table id="datatablesSimple2" name="datatablesSimple2">
                                                        <thead>
                                                            <tr>
                                                                <th>SKU</th>
                                                                <th>PRODUCTO</th>
                                                                <th>STOCK DISPONIBLE</th>
                                                                <th>CANTIDAD</th>
                                                                <th>SERIE</th>
                                                                <th>RECHAZAR</th>
                                                            </tr>
                                                        </thead>
                                                        
                                                        <tbody>
                                                            

                                                            <?php
                                                            $seriesArray = array();
                                                            foreach ($productos as $producto) {
                                                                if ($producto['id_catalogo_serializado'] == 2) {

                                                                    ?>
                                                           
                                                                            <tr>
            
                                                                            <?php
                                                                            if ($producto['bio'] == 1) {

                                                                                ?>
                                                                                    <td><?= $producto['sku'] ?><input class="form-control" id="sku" name="sku[]" type="hidden" value="<?= $producto['id_producto_servicio'] ?>" /><input class="form-control" id="asig" name="asig[]" type="hidden" value="<?= $producto['asig'] ?>" /><input class="form-control" id="tecnico" name="tecnico[]" type="hidden" value="<?= $producto['id_tecnico'] ?>" /><input class="form-control" id="np" name="np[]" type="hidden" value="<?= $producto['nombre_producto'] ?>" /></td>
                                                                                    <?php

                                                                            } else {

                                                                                ?>
                                                                                        <td><?= $producto['sku_cliente'] ?><input class="form-control" id="sku" name="sku[]" type="hidden" value="<?= $producto['id_producto_servicio'] ?>" /><input class="form-control" id="asig" name="asig[]" type="hidden" value="<?= $producto['asig'] ?>" /><input class="form-control" id="tecnico" name="tecnico[]" type="hidden" value="<?= $producto['id_tecnico'] ?>" /><input class="form-control" id="np" name="np[]" type="hidden" value="<?= $producto['nombre_producto'] ?>" /></td>
                                                                                    <?php
                                                                            }

                                                                            ?>
                                                                            <td><?= $producto['nombre_producto'] ?></td>
                                                                            <td><?= $producto['disponible'] ?></td>
                                                                            <td><input required class="form-control" id="cantidad" name="cantidad[]" type="number" value="<?= $producto['cantidad'] ?>" min="1" max="<?= $producto['disponible'] ?>" /></td>
                                                                            <td>
                                                                                <input style="border: 0;" class="form-control" id="serie" name="serie[]" type="hidden" value="SIN_SERIE" placeholder="serie"/>
                                                                            </td>
                                                                            <td><button type="button" class ="btn btn-sm btn-danger" value="Delete" onclick="deleteRow(this)">RECHAZAR</button></td>
                                                                            </tr>
                                                            
                                                                                <?php


                                                                } else {
                                                                    for ($i = 0; $i < $producto['cantidad']; $i++) {
                                                                        if (($i + 1) <= $producto['disponible']) {
                                                                            $series = $ges->get_series_asignacion2($producto['id_producto_servicio']);
                                                                            ?>
                 
                                                                                                        <datalist id="browsers<?= $producto['id_producto_servicio'] ?>">
                                                                                                        <?php
                                                                                                        foreach ($series as $serie) {

                                                                                                            ?>
                                                                                                                <option value="<?= $serie['serie'] ?>"><?= $serie['serie'] ?></option>
                                                                                                                <?php

                                                                                                        }
                                                                                                        ?>
                                                                                                    </datalist>
                                                                            
                                                                                                    <tr>
                                                                
                                                                                                    <?php
                                                                                                    if ($producto['bio'] == 1) {

                                                                                                        ?>
                                                                                                            <td><?= $producto['sku'] ?><input class="form-control" id="sku" name="sku[]" type="hidden" value="<?= $producto['id_producto_servicio'] ?>" /><input class="form-control" id="asig" name="asig[]" type="hidden" value="<?= $producto['asig'] ?>" /><input class="form-control" id="tecnico" name="tecnico[]" type="hidden" value="<?= $producto['id_tecnico'] ?>" /><input class="form-control" id="np" name="np[]" type="hidden" value="<?= $producto['nombre_producto'] ?>" /></td>
                                                                                                            <?php

                                                                                                    } else {

                                                                                                        ?>
                                                                                                                <td><?= $producto['sku_cliente'] ?><input class="form-control" id="sku" name="sku[]" type="hidden" value="<?= $producto['id_producto_servicio'] ?>" /><input class="form-control" id="asig" name="asig[]" type="hidden" value="<?= $producto['asig'] ?>" /><input class="form-control" id="tecnico" name="tecnico[]" type="hidden" value="<?= $producto['id_tecnico'] ?>" /><input class="form-control" id="np" name="np[]" type="hidden" value="<?= $producto['nombre_producto'] ?>" /></td>
                                                                                                            <?php
                                                                                                    }

                                                                                                    ?>
                                                                                                        <td><?= $producto['nombre_producto'] ?></td>
                                                                                                        <td><?= $producto['disponible'] ?>
                                                                                                            </td>
                                                                                                        <td>1<input class="form-control" id="cantidad" name="cantidad[]" type="hidden" value="1" min="1" max="1" /></td>
                                                                                                        <td>
                                                                                                        <input required list="browsers<?= $producto['id_producto_servicio'] ?>" style="border: 0;" class="form-control serie-input" id="serie<?= $producto['id_producto_servicio'] ?>" name="serie[]" type="text" value="" oninput="removeSpaces(this)" placeholder="serie"/></td>
                                                                                                        <td><button type="button" class ="btn btn-sm btn-danger" value="Delete" onclick="deleteRow(this)">RECHAZAR</button></td>
                                                                                                    </tr>

                                                                                                    <?php
                                                                                                        } else {

                                                                                                            ?>
                                                                                                            <tr>
                                                                        
                                                                                                            <?php
                                                                                                            if ($producto['bio'] == 1) {

                                                                                                                ?>
                                                                                                                    <td><?= $producto['sku'] ?><input class="form-control" id="sku" name="sku[]" type="hidden" value="<?= $producto['id_producto_servicio'] ?>" /><input class="form-control" id="asig" name="asig[]" type="hidden" value="<?= $producto['asig'] ?>" /><input class="form-control" id="tecnico" name="tecnico[]" type="hidden" value="<?= $producto['id_tecnico'] ?>" /><input class="form-control" id="np" name="np[]" type="hidden" value="<?= $producto['nombre_producto'] ?>" /></td>
                                                                                                                    <?php

                                                                                                            } else {

                                                                                                                ?>
                                                                                                                        <td><?= $producto['sku_cliente'] ?><input class="form-control" id="sku" name="sku[]" type="hidden" value="<?= $producto['id_producto_servicio'] ?>" /><input class="form-control" id="asig" name="asig[]" type="hidden" value="<?= $producto['asig'] ?>" /><input class="form-control" id="tecnico" name="tecnico[]" type="hidden" value="<?= $producto['id_tecnico'] ?>" /><input class="form-control" id="np" name="np[]" type="hidden" value="<?= $producto['nombre_producto'] ?>" /></td>
                                                                                                                    <?php
                                                                                                            }

                                                                                                            ?>
                                                                                                                <td><?= $producto['nombre_producto'] ?></td>
                                                                                                                <td><?= $producto['disponible'] ?></td>
                                                                                                                <td>1<input class="form-control" id="cantidad" name="cantidad[]" type="hidden" value="1" min="1" max="1" /></td>
                                                                                                                <td>
                                                                                                                    <input disabled list="browsers" style="border: 0;" class="form-control" id="serie_SS" name="serie_SS[]" type="text" value="SIN STOCK" placeholder="SIN STOCK"/>
                                                                                                                    <input required list="browsers" style="border: 0;" class="form-control serie-input" id="serie" name="serie[]" type="hidden" value="SIN_SERIE" placeholder="serie"/>
                                                                                                                </td>
                                                                                                                <td><button type="button" class ="btn btn-sm btn-danger" value="Delete" onclick="deleteRow(this)">RECHAZAR</button></td>
                                                                                                            </tr>

                                                                                                            <?php

                                                                        }
                                                                    }
                                                                }
                                                            }
                                                            ?>
                                                            
                                                        </tbody>
                                                    </table>
                                                    <div class="row gx-3 mb-3">
                                                    
                                                        <div class="col-md-12">
                                                            <label class="small mb-1" for="ruc">OBSERVACIONES</label>
                                                            <input type="text" class="form-control" id="observacion" name="observacion" placeholder="OBSERVACIONES">
                                                            
                                                        </div>

                                                    </div>
                                                </div>

                                                
                                                <div class="card-header" id="g1" onclick="validarYCambiar()">
                                                    <!-- id="g1" -->
                                                    <input class="form-control btn btn-primary" type="submit" name="GESTIONAR" id="GESTIONAR" value="GESTIONAR">
                                                </div>
                                                <div class="card-header" id="g2">
                                                    <input class="form-control btn btn-dark" type="button" value="Cargando..." disabled>
                                                </div>

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

                </main>
                <footer class="footer-admin mt-auto footer-light">
                    <div class="container-xl px-4">
                        <div class="row">
                            <div class="col-md-6 small">Copyright &copy; TRINITY ERP - BIO SAC 2022</div>
                            <div class="col-md-6 text-md-end small">
                                <a href="#!">POLÍTICAS DE PRIVACIDAD</a>
                                &middot;
                                <a href="#!">TÉRMINOS &amp; CONDICIONES</a>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
        <script src="./view/js/scripts.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/simple-datatables@4.0.8" crossorigin="anonymous"></script>
        <script src="./view/js/datatables/datatables-simple-demo.js"></script>
        <script src="./view/js/datatables/datatables-simple-demo1.js"></script>
        <script src="./view/js/datatables/datatables-simple-demo2.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/litepicker/dist/bundle.js" crossorigin="anonymous"></script>
        <script src="./view/js/litepicker.js"></script>

        <script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" crossorigin="anonymous"></script>


        <script>
            $(document).ready(function() {
                var typingTimer;
                var doneTypingInterval = 1000; // Espera 1 segundo después de la última entrada

                $('.serie-input').on('input', function() {
                    console.log('Detectando cambios...');
                    var inputElement = $(this); // Referencia al input específico
                    var valorSerie = inputElement.val();
                    console.log('Valor de la serie:', valorSerie);

                    clearTimeout(typingTimer); // Limpiar el temporizador al escribir una nueva letra

                    if (valorSerie !== 'SIN_SERIE') {
                        typingTimer = setTimeout(function() {
                            console.log('Realizando solicitud AJAX...');
                            // Realiza la solicitud AJAX
                            var formData = new FormData();
                            formData.append('serie', valorSerie);
                            fetch('ajax/series.php', {
                                method: 'POST',
                                body: formData
                            })
                            .then(response => response.text())
                            .then(response => {
                                response = response.trim();
                                if (response === '0') {
                                    // Muestra la alerta con la serie
                                    alert('La serie ' + valorSerie + ' no existe');
                                    // Restaura el valor original del input
                                    inputElement.val(inputElement.data('original-value'));
                                }
                            })
                            .catch(error => {
                                console.error('Error en la solicitud AJAX:', error);
                            });
                        }, doneTypingInterval);
                    }
                });

                // Al cargar la página, guarda el valor original en el atributo data
                $('.serie-input').each(function() {
                    var inputElement = $(this);
                    inputElement.data('original-value', inputElement.val());
                });
            });

            $(document).ready(function() {
                var typingTimer;
                var doneTypingInterval = 1000; // Espera 1 segundo después de la última entrada

                $('.serie-input').on('input', function() {
                    console.log('Detectando cambios...');
                    var inputElement = $(this); // Referencia al input específico
                    var valorSerie = inputElement.val();
                    console.log('Valor de la serie:', valorSerie);

                    clearTimeout(typingTimer); // Limpiar el temporizador al escribir una nueva letra

                    if (valorSerie !== 'SIN_SERIE') {
                        typingTimer = setTimeout(function() {
                            console.log('Realizando solicitud AJAX...');
                            // Realiza la solicitud AJAX
                            var formData = new FormData();
                            formData.append('serie', valorSerie);
                            fetch('ajax/series_gestion.php', {
                                method: 'POST',
                                body: formData
                            })
                            .then(response => response.text())
                            .then(response => {
                                response = response.trim();
                                if (response >= '1') {
                                    // Muestra la alerta con la serie
                                    alert('La serie ' + valorSerie + ' esta en otro proceso');
                                    // Restaura el valor original del input
                                    inputElement.val(inputElement.data('original-value'));
                                }
                            })
                            .catch(error => {
                                console.error('Error en la solicitud AJAX:', error);
                            });
                        }, doneTypingInterval);
                    }
                });

                // Al cargar la página, guarda el valor original en el atributo data
                $('.serie-input').each(function() {
                    var inputElement = $(this);
                    inputElement.data('original-value', inputElement.val());
                });
            });
        </script>

        <script type="text/javascript">

            $('#g2').hide();

            function validarYCambiar() {
                if (validarCampos()) {
                    Cambiar();
                } else {
                    // Puedes agregar aquí lógica adicional si deseas manejar el caso de campos inválidos.
                    alert('Algunos campos no son válidos. Por favor, verifica.');
                }
            }

            function validarCampos() {
                var camposValidos = true;

                $('#datatablesSimple2 input[type="number"], #datatablesSimple2 input[type="text"]').each(function() {
                    if ($(this).attr('type') === 'number') {
                        var valor = parseInt($(this).val(), 10);
                        var min = parseInt($(this).attr('min'), 10);
                        var max = parseInt($(this).attr('max'), 10);

                        if (isNaN(valor) || valor < min || valor > max) {
                            camposValidos = false;
                            // Puedes agregar aquí lógica adicional si deseas resaltar el campo inválido, mostrar un mensaje, etc.
                        }
                    } else if ($(this).attr('type') === 'text') {
                        // Aquí puedes agregar validaciones específicas para campos de tipo texto si lo deseas
                        // Por ejemplo:
                        var texto = $(this).val();
                        if (texto.length < 1) {
                            camposValidos = false;
                            // Puedes agregar aquí lógica adicional si deseas resaltar el campo inválido, mostrar un mensaje, etc.
                        }
                    }
                });

                return camposValidos;
            }


            function Cambiar() {
                $('#g1').hide();
                $('#g2').show();
                // Puedes agregar aquí cualquier otra lógica que desees ejecutar después de validar los campos.
            }
        

        </script>


        <script>
        document.body.addEventListener('keydown', function(e) {
            if (e.key === 'Enter') {
            e.preventDefault(); // Previene el comportamiento predeterminado (nueva línea)

            // Simula presionar la tecla Tab dos veces
            var activeElement = document.activeElement;
            if (activeElement.tagName === 'BODY') {
                // Si el elemento activo es el body, simula la inserción de dos tabs
                var start = 0;
                var end = 0;
                var value = '\t\t';

                document.execCommand('insertText', false, value);
                var selection = window.getSelection();
                selection.collapse(activeElement, 1);
            }
            }
        });
        </script>

        <script>

            function deleteRow(btn) {
                var row = btn.parentNode.parentNode;
                row.parentNode.removeChild(row);
            }

        </script>

        <script>
            $(document).ready(function() {
                $('.serie-input').on('input', function() {
                    const currentInputValue = $(this).val();
                    let isDuplicate = false;

                    // Verifica si la serie actual ya existe en otros campos de entrada
                    $('.serie-input').not(this).each(function() {
                        if ($(this).val() === currentInputValue) {
                            isDuplicate = true;
                            return false; // Sale del bucle each cuando se encuentra una serie duplicada
                        }
                    });

                    if (isDuplicate) {
                        // La serie es duplicada, muestra una alerta o realiza otra acción
                        alert('La serie ya existe');
                        $(this).val(''); // Limpia el campo de entrada
                    }
                });
            });
        </script>

        <script>
        function removeSpaces(input) {
        input.value = input.value.replace(/\s/g, ''); // Elimina espacios en blanco
        }
        </script>



        <script>

            $("#activar").hide();
            $(document).ready(function(){

                    $("#activar").hide();
            });

            $("#trabajador").change(function(){

                if($(this).val() != ""){
                    
                    $("#activar").show();


                }else{
                    $("#activar").hide();
                }
            });
        </script>
        <script>
            $('#datatablesSimple1').on('keydown', 'input, select', function(e) {
                if (e.key === "Enter") {
                    var self = $(this), form = self.parents('form:eq(0)'), focusable, next;
                    focusable = form.find('input,a,select,button,textarea').filter(':visible');
                    next = focusable.eq(focusable.index(this)+1);
                    if (next.length) {
                        next.focus();
                    } else {
                        form.submit();
                    }
                    return false;
                }
            });
        </script>

    </body>
</html>
