<?php
session_start();
	include '../conexion.php';
    
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Taller</title> <link rel="icon" href="./icons/taller.png" type="image/png">
    <link rel="stylesheet" href="./sidemenu.css">
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">

</head>
<body  >
    <div class="wrapper">
        <main>    
            <!-- Encabezado -->
            <header>
                <!--<h1>Taller</h1>-->
                <?php include "includes/header2.php"; ?>
            </header>

            <!--<div id="sidemenu" class="menu-collapsed">-->
            <div id="sidemenu" class="menu-expanded">
                <!-- Header -->
                <div id="header">
                    <div id="title"><span></span> </div>
                    <div id="menu-btn">
                        <div class="btn-hamburger"></div>
                        <div class="btn-hamburger"></div>
                        <div class="btn-hamburger"></div>
                    </div>
                </div>
                <!--Profile-->
                <!--<div id="profile">
                    <div id="photo"><img src="img/user.png" alt=""></div>
                    <div id="name"><span><?php echo $_SESSION['nombre'];?></span></div>
                    <div id="name"><span><?php echo $_SESSION['iduser']." [ ".$_SESSION['user']." ] ";?></span></div>
                    <div id="name"><span><?php echo "Sucursal: ".$_SESSION['suc'];?></span></div>
                    <div id="name"><span> <?php echo "Rol: ".$_SESSION['rol'];?></span></div>
                </div>-->
                <!--Items-->
                <div id="menu-items">
                    <?php include './includes/navs3.php'?>
                </div>
            </div>

            <div style="height:calc(80%); width:90%; padding-right:15px; padding-left:200px; margin-right:60px; margin-left:60px;margin-top:20px;">

            
            <div style="width:100%;">
                <table border='1' style='width:80%;'>
                    <tr>
                    <td style='text-align:right;'><button onclick="actualizarPagina()">Actualizar</button></td>
                    </tr>
                </table>
                <div class="table-container">
                    <table border='1' style='width:100%;'>
                        <thead>
                            <tr>
                                <th style='text-align:center;'>Uniforme</th>
                                <th style='text-align:center;'>TIJ</th>
                                <th style='text-align:center;'>ENS</th>
                                <th style='text-align:center;'>MXL</th>
                                <th style='text-align:center;'>TOTAL</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php
                            $sql_uniformes=mysqli_query($connection,"select * from datos_uniformes order by ordena,orden ASC");
                            $result_uniformes=mysqli_num_rows($sql_uniformes);
                            
                                if($result_uniformes>0){
                                    while($data=mysqli_fetch_array($sql_uniformes)){
                                        ?>
                                        <tr>
                                            <td style='text-align:left;'><?php echo $data['descrip'];?></td>
                                            <td><?php echo $data['inv1'];?></td>
                                            <td><?php echo $data['inv2'];?></td>
                                            <td><?php echo $data['inv3'];?></td>
                                            <td><?php echo $data['Total'];?></td>
                                        </tr>
                                        <?php
                                        
                                    }
                                }

                            ?>
                            

                            <!-- Agrega más filas según sea necesario -->
                        </tbody>
                    </table>
                </div>
                <table border='1' style='width:80%;'>
                <tr>
                        <td style='text-align:right;'>
                        <label>Sucursal:</label>
                        <select id='sucursal'>
                            <option value='0'>--Selecciona--</option>
                            <option value='1'>TIJUANA</option>
                            <option value='2'>ENSENADA</option>
                            <option value='3'>MEXICALI</option>
                        </select>
                        <label>inicio:</label>
                        <input type='date' id="fecha1" value='<?php echo date('Y-m-01');?>'/>
                        <label>Final:</label>
                        <input type='date' id="fecha2"value='<?php echo date('Y-m-30');?>'/>
                        <button onclick="descargarInventario()">Descargar</button> </button>
                        </td>
                        
                    </tr>
                </table>
            </div>
            

            </div>
        </main>
            <!-- Pie de página -->
            <footer>
                <?php include "includes/footer.php"; ?>
            </footer>
    </div>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

    <script>
        const btn = document.querySelector('#menu-btn');
        const menu = document.querySelector('#sidemenu');

        btn.addEventListener('click', e => {
            menu.classList.toggle("menu-expanded");
            menu.classList.toggle("menu-collapsed");

            document.querySelector('body').classList.toggle('body-expanded')
        });
    

        function descargarInventario() {
    var sucursal = $('#sucursal').val();
    var fecha1 = $('#fecha1').val();
    var fecha2 = $('#fecha2').val();

    // Validación de campos
    if (sucursal == 0) {
        alert("Por favor selecciona una sucursal.");
        $('#sucursal').focus();
        return;
    }

    if (fecha1 === "") {
        alert("Por favor selecciona una fecha de inicio.");
        $('#fecha1').focus();
        return;
    }

    if (fecha2 === "") {
        alert("Por favor selecciona una fecha de finalización.");
        $('#fecha2').focus();
        return;
    }

    if (fecha1 > fecha2) {
        alert("La fecha de inicio no puede ser mayor que la fecha de finalización.");
        $('#fecha1').focus();
        return;
    }

    // Construir la URL con los parámetros
    var params = 'sucursal=' + encodeURIComponent(sucursal) + '&fecha1=' + encodeURIComponent(fecha1) + '&fecha2=' + encodeURIComponent(fecha2);
    var url = 'imprimir_inventario.php?' + params;

    // Abrir una nueva ventana con la URL
    var width = 800; // Ancho de la ventana emergente
    var height = 600; // Altura de la ventana emergente
    var left = (screen.width / 2) - (width / 2);
    var top = (screen.height / 2) - (height / 2);
    window.open(url, 'Imprimir Inventario', 'width=' + width + ',height=' + height + ',top=' + top + ',left=' + left);
}

function actualizarPagina() {
    location.reload();
}

</script>
</body>
</html>
