const getCartItems=async()=>{const url=`${MNK_HOME}wp-admin/admin-ajax.php`
const response=await fetch(url,{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded',},body:'action=fetch_cart_items'})
const responseData=await response.json()
if(responseData){const{products,total_products,total_price,total_quantity}=responseData
setCartCount(total_products)}}
const showHideCartContent=(total_products)=>{const $floatCart=document.querySelector('#floatCart')
if($floatCart){if(total_products>0){$floatCart.dataset.state='noempty'}else{$floatCart.dataset.state='empty'}}}
const setCartCount=(total_products)=>{const $cartCount=document.querySelectorAll('.count-cart')
if($cartCount){$cartCount.forEach($count=>{$count.textContent=total_products})}}
const renderProducts=(products)=>{let htmlProducts=''
const $wrapperProducts=document.querySelector('#wrapper-products-cart')
if($wrapperProducts){products.forEach(product=>{const{image,price,quantity,name,link,id}=product
htmlProducts+=`
                <div class="m-card-cart__prod">
                    <img src="${image}" alt="${name}"/>
                    <div>
                        <a href="${link}">${name}</a>
                        <p>Productos: ${quantity}</p>
                    
                        <div>
                            <span>${price}</span>
                        </div>
                    </div>
                </div>
            `})
$wrapperProducts.innerHTML=htmlProducts}}
const renderTotal=(total_price,total_quantity)=>{const $totalPrice=document.querySelector('#total-price-cart')
const $totalProducts=document.querySelector('#total-products-cart')
if($totalProducts&&total_quantity){$totalProducts.innerHTML=total_quantity}
if($totalPrice&&total_price){$totalPrice.innerHTML=total_price}}
const clickAddToCart=()=>{const $addButtons=document.querySelectorAll('.m-product-card button.add_to_cart_button')
const $floatCartComponent=document.querySelector('#popupCart')
if($addButtons){$addButtons.forEach($button=>{$button.addEventListener('click',()=>{$floatCartComponent.classList.add('js--active')})})}}
window.addEventListener('DOMContentLoaded',()=>{getCartItems()})
jQuery('body').on('updated_cart_totals',function(){getCartItems()})
jQuery('body').on('added_to_cart',function(){getCartItems()})