
<style>
        .form-control-lg {
            font-size: 1.5rem;
            padding: 1rem;
        }
        .price-display {
            font-size: 3.5rem;
            font-weight: bold;
            color: #28a745;
        }
        .title {
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 2rem;
        }
    </style>


<div class="container mt-5">
    
        <div class="row mb-4">
            <div class="col-md-8 offset-md-2 text-center">
            <button class="btn btn-primary mb-4" onclick="location.reload();">Recargar Página</button>
            <button class="btn btn-danger mb-4" onclick="window.location.href='../index.php';">Volver al Inicio</button>
                <div class="title">Consultar Precio</div>
            </div>
        </div>
        <div class="row mb-4">
            <div class="col-md-8 offset-md-2">
                <label for="barcode" class="title">Escanear Código de Barras</label>
                <input type="text" class="form-control form-control-lg" id="barcode" placeholder="Escanear código de barras">
            </div>
        </div>
        <div class="row mb-4">
            <div class="col-md-8 offset-md-2">
                <label for="productName" class="title">Nombre del Producto</label>
                <input type="text" class="form-control form-control-lg" id="productName" placeholder="" readonly>
            </div>
        </div>
        <div class="row ">
            <div class="col-md-4  text-center">
                <label for="priceCaja" class="title">Precio Caja</label>
                <div id="priceCaja" class="price-display">$0.00</div>
            </div>
            <div class="col-md-4  text-center">
                <label for="priceFrcc" class="title">Precio Frcc</label>
                <div id="priceFrcc" class="price-display">$0.00</div>
            </div>
            <div class="col-md-4 text-center">
                <label for="priceBlister" class="title">Precio Blister</label>
                <div id="priceBlister" class="price-display">$0.00</div>
            </div>
        </div>
    </div>



    <script>

document.getElementById("barcode").addEventListener("keydown", function(e) {
    if (e.which == 13 || e.keyCode == 13) { // Detect Enter key
        let prodc = document.getElementById("barcode").value;
        buscarp(prodc, 1);
    }
});


function buscarp(id,bodega){



$.ajax({
        data: { "prod": id, "bodega": bodega }, //datos que se envian a traves de ajax
        url: "../controlador/config/productos.php", //archivo que recibe la peticion
        type: 'post', //método de envio

        // beforeSend: function () {
        //    alert("Procesando, espere por favor...");
        // },
        success: function(response) { //una vez que el archivo recibe el request lo procesa y lo devuelve
            //$("#resultado").html(response);
            let respuest = JSON.parse(response);
console.log(respuest)
            let codigo = respuest["codigo"];

            if (codigo) {

                let nombre = respuest["nombre"];
                   let  ventaca = respuest["VentaCaja"];
                    let    ventafr = respuest["VentaFrcc"];
                    let    precioBlister=respuest["precioblister"];


                    document.getElementById("priceCaja").innerText=ventaca;
                    document.getElementById("priceFrcc").innerText=ventafr;
                    document.getElementById("priceBlister").innerText=precioBlister;
                    document.getElementById("productName").value=nombre;

                    document.getElementById("barcode").value="";





                    const priceElements = document.querySelectorAll(".price-display");

                    // Iterar sobre cada elemento y aplicar el formato
                    priceElements.forEach(priceElement => {
                    const number = parseFloat(priceElement.textContent); // Convertir el contenido a número
                    const formattedPrice = new Intl.NumberFormat("es-CO", {
                        style: "currency",
                        currency: "COP",
                        minimumFractionDigits: 0, // Sin decimales
                    }).format(number);

                    // Actualizar el contenido del elemento con el formato
                    priceElement.textContent = formattedPrice;
                    });

                    
                    
                    
            }


        }
    })

 }

    </script>