document.addEventListener('hello-retail-loaded', function() {
    var recommendedProducts = document.querySelectorAll('.hello-retail-product');

    recommendedProducts.forEach(function(product) {
        var productId = product.getAttribute('data-product-id');
        
        fetch(`/wp-json/pp_custom_pricelist_plugin/v1/price/?product_id=${productId}`)
            .then(response => response.json())
            .then(data => {
                if (data.price) {
                    var priceElement = product.querySelector('.price');
                    priceElement.textContent = data.price; // Adjust to format as needed
                }
            })
            .catch(error => console.error('Error fetching custom price:', error));
    });
});