<?php
require_once '../Clases/db.php';
require_once '../Clases/Producto.php';
$mostrar = new productos ();
$productos = $mostrar->getAllproducto();


?>

<!DOCTYPE html>
<html>
      <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
          
            <!--##::Link del DataTables::##-->
            <link href="../DataTables/datatables.min.css" rel="stylesheet">
      </head>


<div class="modal fade" id="register" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"
data-bs-backdrop="static" data-bs-keyboard="false">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="exampleModalLabel">Agregar Productos</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
<table id="myTable" class="table table-dark table-striped w-100">
    <thead>
        <tr>
            <th>Img</th>
            <th>Cod</th>
            <th>Nombre</th>
            <th>Stock</th>
            <th>Precio Compra</th>
            <th>P.Compra Bs</th>
            <th>Categoria</th>
            <th>Cantidad</th>
            <th>Seleccionar</th> 
        </tr>
    </thead>
    <tbody>
        <?php foreach ($productos as $producto) { ?>
            <tr>
                <td>
                    <a href="#!" data-bs-toggle="modal" data-bs-target="#modalImage<?php echo $producto['Cod']; ?>">
                        <img class="img-thumbnail" width="50" height="70" src="../Imagenes/<?php echo $producto['Imagen']; ?>">
                    </a>
                </td>
                <td><?php echo $producto['Cod']; ?></td>
                <td><?php echo $producto['Nombre']; ?></td>
                <td><?php echo $producto['Stock_Actual']; ?></td>
                <td>$ <?php echo $producto['Precio_Compra']; ?></td>
                <td>Bs <?php 
                    $preciov = $producto['Precio_Venta']; 
                    require_once '../Clases/Tasa.php';
                    $mostrar = new tasas ();
                    $result = $mostrar->multiplicartasa();
                    $preciobs = $preciov * $result; 
                    echo $preciobs;
                ?></td>
                <td><?php echo $producto['nombre_categoria']; ?></td>
                <td>
                    
                     
                        <input type='number' name='txtCantidad[]' >
                
                </td>
                <td>
                    <input type='checkbox' name='selectedProducts[]' value='<?php echo $producto['Cod'] . '-' . $producto['Nombre'] . '-' . $producto['Precio_Compra'] . '-' . $producto['Stock_Actual'] . '-' . $preciobs . '-';?>'>
                </td>
            </tr>
        <?php } ?>

    </tbody>
</table>





          <div class="modal-footer">
               <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>

               <!-- Agrega el botón fuera de la tabla -->
<button id="sendSelectedBtn" class="btn btn-primary" onclick="sendSelectedProducts()">Añadir Productos</button>
          </div>
    </div>
  </div>
</div>

</form>


    <script src="../ArchivosJS/jquery-3.6.0.min.js"></script> 
  
    <script src="../DataTables/datatables.min.js"></script>

     <script type="text/javascript">
    $(document).ready( function () {
    $('#myTable').DataTable({
        language: {
            processing:     "Tratamiento en curso...",
            search:         "Buscar:" ,
            lengthMenu:    "Filtro de _MENU_ producto",
            info:           "Mostrando del producto _START_ al _END_ de un total de _TOTAL_ productos",
            infoEmpty:      "No existen registros",
            infoFiltered:   "(filtrado de _MAX_ producto en total)",
            infoPostFix:    "",
            loadingRecords: "Cargando elementos...",
            zeroRecords:    "No se encontraron los datos de tu busquda..",
            emptyTable:     "No hay ningun registro en la tabla",
            paginate: {
                first:      "Primero",
                previous:   "Anterior",
                next:       "Siguiente",
                last:       "Ultimo"
            },
            aria: {
                sortAscending:  ": Active para odernar en modo ascendente",
                sortDescending: ": Active para ordenar en modo descendente  ",
            }
}
    } );
} );
</script>

 <script>
   function sendSelectedProducts() {
    var numberInputs = document.getElementsByName('txtCantidad[]');
    var cantidadValues = [];
  
    for (var i = 0; i < numberInputs.length; i++) {
        if (numberInputs[i].value) {
            cantidadValues.push(numberInputs[i].value);
        }
    }

    var checkboxes = document.querySelectorAll('#myTable tbody input[type="checkbox"]:checked');
    var selectedProducts = [];

    checkboxes.forEach(function(checkbox) {
        selectedProducts.push(checkbox.value);
    });

    var form = document.createElement('form');
    form.method = 'post';
    form.action = './controladores/compras/agregar.php';

    for (var i = 0; i < selectedProducts.length; i++) {
        var productId = selectedProducts[i];
        var cantidad = cantidadValues[i] || 0; // Use 0 if the value is empty

        var input = document.createElement('input');
        input.type = 'hidden';
        input.name = 'selectedProducts[]';
        input.value = productId;
        form.appendChild(input);

        var cantidadInput = document.createElement('input');
        cantidadInput.type = 'hidden';
        cantidadInput.name = 'productQuantities[]';
        cantidadInput.value = cantidad;
        form.appendChild(cantidadInput);
    }

    document.body.appendChild(form);
    form.submit();
}
</script>
</html>