<?php
include 'conexion3.php';

$factura = $_POST['factura_numero'] ?? '';
if (!$factura) {
  echo "<div class='alert alert-warning'>Factura no especificada.</div>";
  exit;
}

$sql = "
  SELECT producto_name, producto_code, cantidad, cantidad_entregada, precio_unitario, impuesto, descuento, subtotal, cantidad_devuelta
  FROM factura_items
  WHERE factura_numero = '" . $conn->real_escape_string($factura) . "'
";
$res = $conn->query($sql);

if (!$res || $res->num_rows === 0) {
  echo "<div class='alert alert-info'>No se encontraron ítems para esta factura.</div>";
  exit;
}

echo "<table class='table table-bordered table-striped'>
  <thead>
    <tr>
      <th>Producto</th>
      <th>Codigo</th>
      <th>Cantidad</th>
      <th>Entregado</th>
      <th>Pendiente</th>
      <th>Precio</th>
      <th>Impuesto</th>
      <th>Descuento</th>
      <th>Subtotal</th>
    </tr>
  </thead><tbody>";

while ($r = $res->fetch_assoc()) {
  $cantidad   = (float) $r['cantidad'];
  $entregado  = (float) $r['cantidad_entregada'];
  $devuelto  = (float) $r['cantidad_devuelta'];
  $pendiente  = $cantidad - $entregado - $devuelto;

  echo "<tr>
    <td>" . htmlspecialchars($r['producto_name']) . "</td>
    <td class='item-clickable' data-producto='" . htmlspecialchars($r['producto_code'], ENT_QUOTES) . "' style='cursor:pointer; color:#007bff; text-decoration:underline;'>" . htmlspecialchars($r['producto_code']) . "</td>
    <td>" . $cantidad . "</td>
    <td>" . $entregado . "</td>
    <td>" . $pendiente . "</td>
    <td>$" . number_format((float)$r['precio_unitario'], 2) . "</td>
    <td>" . $r['impuesto'] . "%</td>
    <td>$" . number_format((float)$r['descuento'], 2) . "</td>
    <td>$" . number_format((float)$r['subtotal'], 2) . "</td>
  </tr>";
}

echo "</tbody></table>";
?>


<script>
// Cuando se hace clic en el código del producto
$('.item-clickable').on('click', function () {
  const codigo = $(this).data('producto');

  const input = $('input[name="add_item"]');
  input.val(codigo).focus();

  // Crear un evento de teclado simulado (Enter)
  const e = jQuery.Event("keypress");
  e.which = 13; // Código ASCII de Enter
  e.keyCode = 13;

  input.trigger(e);
});
</script>

