<script>
    let detallesCompra = []; // Array para almacenar los detalles de la compra

    function detalleC(event) {
    // Verifica si el evento es proporcionado
    if (event) {
        event.preventDefault(); // Previene el comportamiento predeterminado del botón
    }

    // Obtener los valores de los campos
    let cantidad = parseFloat(document.getElementById('cantidad').value) || 0;
    let producto = document.getElementById('producto').options[document.getElementById('producto').selectedIndex].text;
    let vunitario = parseFloat(document.getElementById('vunitario').value) || 0;
    let vtotal = cantidad * vunitario;
    let id = document.getElementById('producto').value;

    // Crear un objeto con los valores obtenidos
    let detalle = {
        cantidad: cantidad,
        producto: producto,
        vunitario: vunitario.toFixed(2),
        vtotal: vtotal.toFixed(2),
        id: id,
    };

    // Agregar el objeto al array
    detallesCompra.push(detalle);

    // Actualizar la tabla
    actualizarTabla();
}



    function actualizarTabla() {
        let tabla = document.getElementById('tablaDetalle').getElementsByTagName('tbody')[0];
        tabla.innerHTML = '';

        detallesCompra.forEach((detalle) => {
            let row = `<tr>
                            <td>${detalle.id}</td>
                            <td>${detalle.cantidad}</td>
                            <td>${detalle.producto}</td>
                            <td>${detalle.vunitario}</td>
                            <td>${detalle.vtotal}</td>
                       </tr>`;
            tabla.innerHTML += row;
        });

        // Actualizar valor total
        let valorTotal1 = detallesCompra.reduce((total, detalle) => total + parseFloat(detalle.vtotal), 0);
        document.getElementById('vtotal').value = valorTotal1.toFixed(2);

        // Actualiza el campo oculto con los detalles en formato JSON
        document.getElementById('detalleCompra').value = JSON.stringify(detallesCompra);
    }

    function valorTotal() {
        let cantidad = parseFloat(document.getElementById('cantidad').value) || 0;
        let vunitario = parseFloat(document.getElementById('vunitario').value) || 0;
        let total = cantidad * vunitario;
        document.getElementById('vtotald').value = total.toFixed(2);
    }
    async function editCompra(id,fechaCompra,proveedorId,valorTotal,envioNacional,envioInternacional,numeroPedido,tipoPago)
    {
        document.getElementById('editfecha').value = fechaCompra;
        document.getElementById('editproveedor').value = proveedorId;
        document.getElementById('editvtotal').value = valorTotal;
        document.getElementById('editvnacional').value = envioNacional;
        document.getElementById('editvinternacional').value = envioInternacional;
        document.getElementById('editnumeroorden').value = numeroPedido;
        document.getElementById('edittipopago').value = tipoPago; 
        document.getElementById('Com_Id').value = id; 
    
        // Opcional: Limpiar la tabla de detalles si es necesario
        document.getElementById('tablaDetalle').getElementsByTagName('tbody')[0].innerHTML = '';
    
        // Mostrar el modal
        const modal = new bootstrap.Modal(document.getElementById('editCompra'));
        modal.show();
        
    }
    function cargarDatosRecepcion(compraId) {
    document.getElementById('compra_id').value = compraId;

}

</script>
