<?php 
    session_start();
    if(!isset($_SESSION['idUsuario'])){
    	header("location:../");
    }
    include_once '../conexao/index.php';
    error_reporting(E_ALL);
    $_SESSION['idUsuario'] = $_SESSION['idUsuario'];
    $_SESSION['nomeUsuario'] = $_SESSION['nomeUsuario'];
    $_SESSION['categoriaUsuario'] = $_SESSION['categoriaUsuario']; 
?>
<html>
    <head>
      <meta charset="utf-8">
      <title>VD - Venda a Dinheiro</title>
      <link rel="shorcut icon"  href="../img/config/iCone.png">
      <link rel="stylesheet" href="bootstrap.css">
      <link rel="stylesheet" href="bootstrap.min.css">
      <link rel="stylesheet" href="all.min.css">
      <!-- Adicione o Select2 ao seu projeto -->
    <link href="datatables.min.css" rel="stylesheet"/>
	
      <style>
          *{
              font-family: system-ui;
              font-size: 10pt;
              
          }
          #example tr{
				cursor: pointer;
			}
          body{
              background: #eee;
          }
          .pdt img{
              max-width: 100%;
              width: 60%;
          }
          
          .sticky-left {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            height: 90vh;
        }
        .pdt, .lista li{
            transition: all .2s ease-in-out;
        }
        .pdt:hover{
            background: #eee;
            cursor: pointer;
            border-radius: 15px;
        }
        
        .lista li:hover{
            background: #fff;
            cursor: pointer;
        }

        /* Adiciona um estilo para a coluna fixa Ã  direita */
        .sticky-right {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            height: 90vh;
        }
        .sticky-header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1000; 
    }
    .diva{
      width: 100%;
      padding: 5px 0;
    }
    .diva select{
      width: 100%;
      padding: 5px;
      border: 1px solid #ccc;
      border-right: 7px;
    }
    
    #valorPago{
        height: 70px; /* Defina a altura desejada em pixels */
    }
    #qrcode{
        height: 40px; /* Defina a altura desejada em pixels */
        width: 100%;
    }
    
    .select2-container--default .select2-selection--single {
        height: 40px; /* Ajuste a altura conforme necess¨¢rio */
    }
    
    /* Seletor espec¨ªfico para a lista suspensa do Select2 */
    .select2-container--default .select2-dropdown--below {
        max-height: 200px; /* Ajuste a altura m¨¢xima da lista suspensa conforme necess¨¢rio */
    }
      </style>
    </head>
    <body>
              <div class="modal fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                      <div class="modal-dialog">
                        <div class="modal-content">
                          <div class="modal-header">
                            <h1 class="modal-title fs-5" id="exampleModalLabel">Detalhes do Pagamento</h1>
                          </div>
                          <div class="modal-body">
                              <div class="col-sm-12" style="display:flex; flex-direction:column;justify-content: center;align-items: center;">
                            <h4>Valor a Pagar</h4>
                            <h1 class="ttl"></h1>
                            </div>
                            <label class="form-label">Cliente</label>
                            <select class="form-control js-example-basic-single1  cliente" aria-label="Default select example" id="select">
                                <?php 
                					$sql = "SELECT * FROM clientes";
                					$rs = mysqli_query($db, $sql);
                					while ($dados = mysqli_fetch_array($rs)) {
                				?>
                					<option value="<?php echo $dados['id'];?>"><?php echo $dados['nome']." ".$dados['apelido'];?></option>
                				<?php
                					}
                				?>
                            </select>
                            <br><br>
                            <label class="form-label">Metodo de Pagamento</label>
                            <select class="form-control modo" aria-label="Default select example" id="select">
                              <?php 
                                    $sql = "SELECT * FROM metodo_pagamento";
                                    $rs = mysqli_query($db, $sql);
                                    while ($dados = mysqli_fetch_array($rs)) {
                                ?>
                                    <option value="<?php echo $dados['id'];?>"><?php echo $dados['descricao'];?></option>
                                <?php
                                    }
                                ?>
                            </select>
                            <br><br>
                            <label class="form-label">Valor Recebido</label>
                            <input type="number" class="form-control valor" step="0.01" id="valorPago">
                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
                            <button type="button" class="btn btn-primary btn_criar">Efetuar Pagamento</button>
                          </div>
                        </div>
                      </div>
              </div>

        <div class="container-fluid">
            <div class="row sticky-header">
                <div class="col-sm-1 text-center p-1" style="background: #31B3D0;color: #fff;">
                    <img src="iConewhite.png" style="max-width: 100%; width: 40%;">
                </div>
                <div class="col-sm-7" style="background: #38D0ED;color:#fff;display:flex;flex-direction:row;justify-content:space-between;">

                </div>
                <div class="col-sm-4" style="background: #fff;">
                    <ul class="list-unstyled mt-2 listou" style="display:flex;flex-direction:row;justify-content:flex-end;width: 100%;">
                        <li class="col-sm-12">
                              <input type="text" class="form-control" placeholder="QR Code aqui" id="qrcode">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="row">
                <!-- Primeira Coluna -->
                <div class="col-sm-1 sticky-left" style="padding: 0;">
                    <ul class="list-unstyled text-center lista">
                        <li class="p-2 artigo">
                            <img src="9055226_bxs_dashboard_icon.png">
                            <p>Artigos</p>
                        </li>
                        <li class="p-2 caixa">
                            <img src="2559831_box_media_network_social_icon.png">
                            <p>Caixa</p>
                        </li>
                    </ul>
                </div>
        
                <!-- Segunda Coluna -->
                <div class="col-sm-7 segunda1 table-responsive" style="background:#fff;display: flex;flex-direction: row;overflow: auto;height:90vh;color: #333;justify-content: center;padding-top: 1%;">
                    <table id="example" style="height: 86%;width: 100%;">
                        <thead>
                            <th>#</th>
                            <th>Descricao</th>
                            <th>Preco</th>
                            <th>Lote</th>
                            <th>Stock Disponivel</th>
                            <th>Validade</th>
                        </thead>
                        <tbody>
                            <?php
                            $sql = "
                                SELECT 
                                    p.idproduto, 
                                    p.nomeproduto, 
                                    p.preco, 
                                    (SELECT descricao FROM grupo_artigos as g WHERE g.id = p.grupo) as g,
                                    s.lote,
                                    s.quantidade,
                                    s.prazo,
                                    s.quantidade_inicial
                                FROM produto as p
                                LEFT JOIN stock as s ON s.produto_id = p.idproduto 
                                    AND s.prazo = (
                                        SELECT MIN(s2.prazo)
                                        FROM stock as s2
                                        WHERE s2.produto_id = p.idproduto
                                        AND s2.quantidade > 0
                                        AND s2.prazo >= CURDATE()
                                    )
                                ORDER BY p.nomeproduto
                            ";

                            $rs = mysqli_query($db, $sql);

                            while ($dados = mysqli_fetch_array($rs)) {
                                // Calcular porcentagem de estoque restante (apenas se o estoque inicial existir)
                                $percentual_estoque = isset($dados['quantidade_inicial']) && $dados['quantidade_inicial'] > 0
                                    ? ($dados['quantidade'] / $dados['quantidade_inicial']) * 100
                                    : 0;

                                // Verificar se o prazo está a menos de 30 dias da data atual
                                $hoje = date('Y-m-d');
                                $validade_proxima = isset($dados['prazo']) && $dados['prazo'] != null
                                    ? (strtotime($dados['prazo']) - strtotime($hoje)) / (60 * 60 * 24)
                                    : null;

                                // Definir classes de estilo com base nas condições
                                $classe_estoque = '';
                                $classe_validade = '';

                                if ($dados['quantidade'] > 0 && ($percentual_estoque <= 5 || $dados['quantidade'] <= 10)) {
                                    $classe_estoque = 'estoque-baixo';  // classe CSS para estoque baixo
                                }

                                if ($validade_proxima !== null && $validade_proxima <= 30) {
                                    $classe_validade = 'validade-proxima';  // classe CSS para validade próxima
                                }

                                // Combinar as classes
                                $classe_linha = trim($classe_estoque . ' ' . $classe_validade);
                            ?>
                            <tr class="<?php echo $classe_linha; ?>" data-idproduto="<?php echo $dados['idproduto']; ?>">
                                <td><?php echo $dados['idproduto']; ?></td>
                                <td><?php echo $dados['nomeproduto']; ?></td>
                                <td><?php echo $dados['preco']; ?></td>
                                <td><?php echo $dados['lote'] ?: '-'; ?></td> <!-- Mostrar '-' se não houver lote -->
                                <td><?php echo isset($dados['quantidade']) ? $dados['quantidade'] : '0'; ?></td> <!-- Mostrar '0' se não houver stock -->
                                <td><?php echo $dados['prazo'] ?: '-'; ?></td> <!-- Mostrar '-' se não houver prazo -->
                            </tr>
                            <?php } ?>
                        </tbody>
                    </table>

                    <!-- Defina as classes CSS para as cores -->
                    <style>
                        .estoque-baixo {
                            background-color: #ffcccc;  /* Vermelho claro para estoque baixo */
                        }
                        .validade-proxima {
                            background-color: #fff3cd;  /* Amarelo claro para validade próxima */
                        }
                    </style>
                </div>

                <div class="col-sm-7 segunda2" style="padding: 0;display: flex;flex-direction: row;flex-wrap:wrap;overflow: auto;height:90vh;display:none;background: #fff;">
                    <div class="col-sm-12">
                        <h2 style="margin-left: 4%;margin-top: 2%;">Caixa</h2>
                    </div>
                    <div class="col-sm-12" style="padding: 0;display: flex;flex-direction: row;justify-content: space-around;flex-wrap:wrap;">
                        <div class="card col-sm-5 p-2">
                          <div class="card-body">
                            <h5 class="card-title">Valor em caixa</h5>
                            <h6 class="card-subtitle mb-2 text-muted">Abertura</h6>
                            <h2 class="card-title" id="valorAbertura"></h2>
                          </div>
                          <?php 
                            if ($_SESSION['categoriaUsuario'] == "recepcao" OR $_SESSION['categoriaUsuario'] == "admin" OR $_SESSION['categoriaUsuario'] == "contabilidade") {
                          ?>
                          <div style="display: flex;flex-direction: row;justify-content: space-around;">
                              <input type="number" class="form-control text-center" value="0" style="width: 240px;" id="valorAberturaCaixa">
                              <button class="btn btn-danger" id="btnOpenCaixa"> Abrir</button>
                          </div>
                          
                            <div class="diva">
                            <select id="usar">
                              <option>Selecione o usuario</option>
                              <?php
                                  $sql = "SELECT * FROM users";
                                  $rs = mysqli_query($db, $sql);
                                  while ($dados = mysqli_fetch_array($rs)) {
                              ?>
                                  <option value="<?php echo $dados['id'] ?>"><?php echo $dados['nome'] ?></option>
                              <?php } ?>
                            </select>
                          </div>
                          <div class="msgOpenCaixa">
                          </div>
                          <?php
                            }
                          ?>
                        </div>
                        <div class="card col-sm-5 p-2">
                          <div class="card-body">
                            <h5 class="card-title">Valor em caixa</h5>
                            <h6 class="card-subtitle mb-2 text-muted">Fecho</h6>
                            <h2 class="card-title" id="valorFecho"></h2>
                          </div>
                          <?php 
                            if ($_SESSION['categoriaUsuario'] == "recepcao" OR $_SESSION['categoriaUsuario'] == "admin" OR $_SESSION['categoriaUsuario'] == "contabilidade") {
                          ?>
                            <div class="diva">
                            <select id="usar">
                              <option>Selecione o usuario</option>
                              <?php
                                  $sql = "SELECT * FROM users";
                                  $rs = mysqli_query($db, $sql);
                                  while ($dados = mysqli_fetch_array($rs)) {
                              ?>
                                  <option value="<?php echo $dados['id'] ?>"><?php echo $dados['nome'] ?></option>
                              <?php } ?>
                            </select>
                          </div>
                          
                          <div style="display: flex;flex-direction: row;justify-content: flex-end;color: #fff;">
                              <a class="btn btn-danger printa"> Imprimir</a>
                              <button class="btn btn-danger" style="margin-left: 10px;" id="btnCloseCaixa"> Fechar</button>
                          </div>
                          <div class="msgCloseCaixa">
                          </div>
                          <?php
                            }
                          ?>
                        </div>
                    </div>
                    <div class="col-sm-12 mt-4 poptype">
                        <!-- Image and text -->
                        
                    </div>
                </div>
                <div class="col-sm-7 segunda3" style="padding: 0;display: flex;flex-direction: row;flex-wrap:wrap;overflow: auto;height:96vh;display:none;">
                    
                </div>
        
                <!-- Terceira Coluna -->
                <div class="col-sm-4 sticky-right" style="padding: 0;background: #eee;">
                    <div class="col-sm-12 text-center p-2" style="display: flex;flex-direction: row;justify-content: center">
                        <h3 id="nrpedido" style="font-size: 14pt;"></h3>
                    </div>
                    <div class="col-sm-12 p-2" style="background:#fff;height:70vh;overflow:auto;" id="poptempart">
                        
                    </div>
                    <div class="col-sm-12 text-center" style="display:flex; flex-direction:row;justify-content: space-between;background:#38D0ED;height:13vh;color:#fff;">
                        <div id="cancelar" class="col-sm-6" style="display:flex; flex-direction:column;justify-content: center;align-items: center;cursor:pointer;">
                            <h4>Cancelar</h4>
                        </div>
                        <div class="col-sm-6" style="display:flex; flex-direction:column;justify-content: center;align-items: center;border-left: 1px solid #fff;cursor:pointer;" data-toggle="modal" data-target="#exampleModal3">
                            <h4>Pagar</h4>
                            <h2 class="ttl"></h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>






    <script src="jquery-3.5.1.js"></script>
    <script src="bootstrap.js"></script>
    <script src="bootstrap.min.js"></script>
    <link rel="stylesheet" href="select2.min.css">
    <script src="select2.min.js"></script>
    <script src="datatables.min.js"></script>
    <script>
        $(function(){
            
            $("#btnOpenCaixa").click(function(){
                abrirCaixa();
            });
            $("#btnCloseCaixa").click(function(){
                fecharCaixa();
            });
            $('#exampleModal').on('shown.bs.modal', function () {
                $('#qrcode').focus();
            });
            setInterval(nrpedido, 1000);

			function nrpedido(){
				$.ajax({
						url: 'vds/nrpedido.php',
						type: 'GET',
						success: function(data) {
							$("#nrpedido").html(data);
						},
						error: function() {
							$("#nrpedido").html("Ocorreu um erro ao popular o numero do pedido!");
						}
				});
			}
			
            popprodtable();
            showtot();
            qrcodefocus();

            function popprodtable(){
                $.ajax({
                    url: 'vds/popprodtable.php',
                    type: 'GET',
                    success: function(data){
                        $("#poptempart").html(data);
                        $(".btn_diminuir").click(function() {
                            var idProduto = $(this).data("idproduto");
                            decreaseQuantity(idProduto);
                        });
                        $(".btn_aumentar").click(function() {
                            var idProduto = $(this).data("idproduto");
                            increaseQuantity(idProduto);
                        });
                        $(".qtd").change(function() {
                            var idProduto = $(this).data("idproduto");
                            var novoValor = $(this).val();
                            updateQuantity(idProduto, novoValor);
                        });
                        $(".btnremove").click(function() {
                            var idProduto = $(this).data("idproduto");
                            btnremover(idProduto);
                        });
                    }
                });
            }
            
            function decreaseQuantity(idProduto) {
                $.ajax({
                    url: 'vds/qtd_decrease.php',
                    type: 'POST',
                    data: {
                            id: idProduto
                    },
                    success: function(data){
                        popprodtable();
                        showtot();
                        qrcodefocus()
                    }
                });
            }
            
            function increaseQuantity(idProduto) {
                $.ajax({
                    url: 'vds/qtd_increase.php',
                    type: 'POST',
                    data: {
                            id: idProduto
                    },
                    success: function(data){
                        popprodtable();
                        showtot();
                        qrcodefocus()
                    }
                });
            }
            
            function updateQuantity(idProduto, novoValor) {
                $.ajax({
                    url: 'vds/qtd_update.php',
                    type: 'POST',
                    data: {
                            id: idProduto,
                            novoValor: novoValor
                    },
                    success: function(data){
                        popprodtable();
                        showtot();
                        qrcodefocus()
                    }
                });
            }
            
            function showtot() {
                $.ajax({
                    url: 'vds/show_tot.php',
                    type: 'GET',
                    success: function(data){
                        $(".ttl").html(data);
                    }
                });
            }
            function qrcodefocus() {
                $("#qrcode").focus();
            }
            
            $("#qrcode").on('change', function(){
                var codbar = $(this).val(); // Obt¨¦m o valor do input dentro da div clicada
                $.ajax({
                    type: "POST",
                    url: "vds/addarttempbarcode.php", // Especifique o arquivo PHP desejado
                    data: { codbar: codbar }, // Passa o valor do input como um par0‰9metro
                    success: function(response){

                        if(response == 1){
                            alert("O caixa encontra-se fechado para este usuario! Abra o caixa na seccao caixa no menu lateral esquerdo.");
                        } else if(response == 2){
                            alert("O stock deste artigo e inferior ou igual a quantidade solicitada");
                        } else if(response == 3){
                            popprodtable();
                            showtot();

                            qrcodefocus();

                        } else if(response == 31){
                            alert("Ocorreu um erro ao adicionar o artigo! Contacte o administrador do sistema.");
                        } else if(response == 40){
                            alert("Nao foram enviados parametros para a devida requisicao.");
                        } else if(response == 10){
                            alert("Nao foi possivel encontrar um artigo com este id.");
                        } else if(response == 7){
                            alert("Artigo fora de estoque ou expirado.");
                        }
                        console.log(response);
                    }
                });
                $(this).val("");
            });
            $("#example tbody tr").click(handleClick);
            function handleClick() {
                var idProduto = this.getAttribute('data-idproduto'); // Obt¨¦m o valor do input dentro da div clicada
                $.ajax({
                    type: "POST",
                    url: "vds/addarttemp.php", // Especifique o arquivo PHP desejado
                    data: { idProduto: idProduto }, // Passa o valor do input como um par0‰9metro
                    success: function(response){
                        if(response == 1){
                            alert("O caixa encontra-se fechado para este usuario! Abra o caixa na seccao caixa no menu lateral esquerdo.");
                        } else if(response == 2){
                            alert("O stock deste artigo e inferior ou igual a quantidade solicitada");
                        } else if(response == 3){
                            popprodtable();
                            showtot();
                            qrcodefocus();
                        } else if(response == 31){
                            alert("Ocorreu um erro ao adicionar o artigo! Contacte o administrador do sistema.");
                        } else if(response == 40){
                            alert("Nao foram enviados parametros para a devida requisicao.");
                        } else if(response == 10){
                            alert("Nao foi possivel encontrar um artigo com este id.");
                        } else if(response == 7){
                            alert("Artigo fora de estoque ou expirado.");
                        }
                        console.log(response);
                    }
                });
            }
            
            $(".btn_criar").click(function(){
                criarpedido();
            });
            //processamento para criar o pedido
            function criarpedido() {
                if (confirm("Tem certeza de que deseja efetuar o pagamento?")) {
                    var cliente = $(".cliente").val();
                    var modo = $(".modo").val();
                    var valor = $(".valor").val();
                    if(valor == ""){
                        alert("Informe algum valor!");
                    }else{
                       //alert(cliente+":cliente modo:"+modo+" valor:"+valor+" mesa:"+mesa);
                        $.ajax({
                            type: "POST",
                            url: "vds/criarpedido.php", // Especifique o arquivo PHP desejado
                            data: { cliente: cliente, modo: modo, valor: valor}, // Passa o valor do input como um par0‰9metro
                            dataType: "json", // Defina o tipo de dado esperado
                            success: function(response){
                                if (response.error) {
                                    alert(response.error); // Apresenta a mensagem de erro
                                } else if (response.ot == 1000000000001) {
                                    alert("O valor informado é inferior ao valor a pagar, por favor informe novamente o valor.");
                                } else if(response.id) {
                                    window.open("vd_tick.php?id_vd=" + response.id + "");
                                    location.reload();
                                } 
                                console.log(response);
                            },
                            error: function(jqXHR, textStatus, errorThrown) {
                                console.error("Error details: ", textStatus, errorThrown);
                                alert("Ocorreu um erro com a requisicao ajax");
                            }
                        }); 
                    }
                }
            }
        
            // Atribua a fun0Š40Š0o ao manipulador de evento de clique
            
            $(".artigo").click(function(){
                $(".segunda1").css({
                    display: "flex"
                });
                qrcodefocus();
                $(".segunda2").css({
                    display: "none"
                });
            });
            $(".caixa").click(function(){
                $(".segunda1").css({
                    display: "none"
                });
                $(".segunda2").css({
                    display: "block"
                });
                showCaixaAbertura();
                showCaixaFecho();
                showtype();
            });
            
            $('#exampleModal1').on('shown.modal', function () {
              $('.js-example-basic-single').select2({
                dropdownParent: $('#exampleModal1 .modal-body') // Defina o pai do dropdown como o corpo do modal
              });
            });
            $('#exampleModal3').on('shown.modal', function () {
              $('.js-example-basic-single1').select2({
                dropdownParent: $('#exampleModal3 .modal-body') // Defina o pai do dropdown como o corpo do modal
              });
            });
            
            $(".printa").on('click', function() {
                var usar = $("#usar").val();
                window.open("boxpos/print_caixa.php?id="+usar+"", "_blank");
            });
            function abrirCaixa(){
                    $.ajax({
                        url: 'vds/openCaixa.php',
                        type: 'POST',
                        data: {
                            valor: $("#valorAberturaCaixa").val(),
                            usar: $("#usar").val()
                        },
                        success: function(data){
                            $(".msgOpenCaixa").html(data);
                            showCaixaAbertura();
                            showCaixaFecho();
                        },
                        error: function(){
                            $(".msgOpenCaixa").html("<p class='mt-2'>Ocorreu um erro ao popular a mensagem!</p>");
                        }
                    })
            }
            function fecharCaixa(){
                    $.ajax({
                        url: 'vds/closeCaixa.php',
                        type: 'POST',
                        data: {
                          usar: $("#usar").val()
                        },
                        success: function(data){
                            $(".msgCloseCaixa").html(data);
                            showCaixaAbertura();
                            showCaixaFecho();
                        },
                        error: function(){
                            $(".msgCloseCaixa").html("<p class='mt-2'>Ocorreu um erro ao popular a mensagem!</p>");
                        }
                    })
            }
            function showCaixaAbertura(){
                    $.ajax({
                        url: 'vds/showCaixaAbertura.php',
                        type: 'GET',
                        success: function(data){
                            $("#valorAbertura").html(data);
                        },
                        error: function(){
                            $("#valorAbertura").html("<p class='mt-2'>Ocorreu um erro ao popular o valor!</p>");
                        }
                    })
            }
            
            function showtype(){
                    $.ajax({
                        url: 'vds/showtype.php',
                        type: 'GET',
                        success: function(data){
                            $(".poptype").html(data);
                        },
                        error: function(){
                            $(".poptype").html("<p class='mt-2' style='margin-left: 30px;'>Ocorreu um erro ao popular o valor!</p>");
                        }
                    })
            }
            
            function showCaixaFecho(){
                    $.ajax({
                        url: 'vds/showCaixaFecho.php',
                        type: 'GET',
                        success: function(data){
                            $("#valorFecho").html(data);
                        },
                        error: function(){
                            $("#valorFecho").html("<p class='mt-2'>Ocorreu um erro ao popular o valor!</p>");
                        }
                    })
            }
            
            $("#cancelar").click(function() {
            	if (confirm("Tem certeza de que deseja remover estes items?")){
            		$.ajax({
                        url: 'vds/artremoveall.php', // Seu arquivo PHP para remover o item
                        method: 'POST',
                        success: function(response) {
                            popprodtable();
                            showtot();
                            qrcodefocus();
                            console.log(response); // Exemplo de sa¨ªda de resposta do servidor
                        },
                        error: function(xhr, status, error) {
                            // Lidar com erros de requisi0Š40Š0o Ajax, se necess¨¢rio
                            console.error(xhr.responseText);
                        }
                    });
            	}
            });
            function btnremover(idProduto){
                // Exiba uma caixa de di¨¢logo de confirma0Š40Š0o
                if (confirm("Tem certeza de que deseja remover este item?")) {
                    // Obtenha o ID do produto associado a este bot0Š0o
                    var idProduto = idProduto;
                    
                    // Enviar requisi0Š40Š0o Ajax para remover o item
                    $.ajax({
                        url: 'vds/artremove.php', // Seu arquivo PHP para remover o item
                        method: 'POST',
                        data: { idProduto: idProduto },
                        success: function(response) {
                            popprodtable();
                            showtot();
                            qrcodefocus();
                            console.log(response); // Exemplo de sa¨ªda de resposta do servidor
                        },
                        error: function(xhr, status, error) {
                            // Lidar com erros de requisi0Š40Š0o Ajax, se necess¨¢rio
                            console.error(xhr.responseText);
                        }
                    });
                }
            }
            
            $('#example').DataTable();
        });
    </script>
    </body>
</html>