<?php

session_start();

require_once 'gerador/SqlServer.php';
require_once 'gerador/MysqlConsulta.php';
require_once 'script_php/ConexaoSQL.php';
require_once 'script_php/conexao.php';

$idCotacao = $_GET['codpedido'];
$observacao = $_GET['obs'];

$sql = new SqlServer;
$mysql = new MysqlConsulta;

$numeroPedido = $mysql->buscarCodigoDaCotacaoDoPedido($conexao, $idCotacao);
$produtos = $sql->buscarProdutosCotacao($numeroPedido); ?>

<!DOCTYPE html>
<html>
<head>

<?php include_once 'head.html' ?>

<title></title>
</head>

<body>

<?php include_once 'header.php'; ?>

<h2> Alterar Produtos </h2>

<table border="1" class="table table-striped">

    <tr align="left" class=" table-dark " >
        <th>COD</th>
        <th>REFERENCIA</th>
        <th>DESCRIÇÃO</th>
        <th>QUANTIDADE</th>
        <th><p><b>Total de Quantidades:</b> <span id="total-geral">0</span></p></th>
    </tr>
    <form action="gerador/pedidos/alterarPedido.php" method="post">

     <?php foreach ($produtos as $produto){ ?>

    <tr>
        <td><?=$produto[0]?></td>
        <td><?=$produto[1]?></td>
        <td><?=$produto[2]?></td>

        <td width="100px"><input type="number" class="contagem" name="produto[<?php echo $produto[0]?>]" value="<?=$produto[3]?>"></td>

    </tr>

<?php } ?>

</table>


<input type="hidden" name="numeropedido" value="<?=$numeroPedido?>">
<input type="hidden" name="observacao" value="<?=$observacao?>">

<input type="submit" value="Avançar" class="btn btn-warning" >

</form>

<?php include_once 'footer.php'; ?>

<script>
// quando a página terminar de carregar
document.addEventListener("DOMContentLoaded", () => {
  // pega todos os inputs de quantidade
  const inputs = document.querySelectorAll(".contagem");

  inputs.forEach(input => {
    // toda vez que o usuário digitar ou mudar
    input.addEventListener("input", function () {
      console.log("Produto:", this.name, "Novo valor:", this.value);

      // exemplo: evitar valores negativos
      if (this.value < 0) {
        this.value = 0;
      }

      // aqui você poderia atualizar um "total geral" na tela, se quisesse
      atualizarTotal();
    });
  });

  // função de exemplo para somar todas as quantidades
  function atualizarTotal() {
    let total = 0;
    inputs.forEach(inp => {
      total += Number(inp.value) || 0;
    });
    document.getElementById("total-geral").innerText = total;
  }
});
</script>