function getCookie(name) {
    const value = `; ${document.cookie}`;
    const parts = value.split(`; ${name}=`);
    if (parts.length === 2) return parts.pop().split(';').shift();
}

function fav(id){
    try{
        var fav_class = document.getElementsByClassName(id);
        var btn_fav= document.getElementsByClassName('btn_'+id);
        var btn_fav_detalle= document.getElementsByClassName('btn_detalle_'+id);
        var fav=JSON.parse(getCookie('fav'))
        var index=fav.indexOf(id)
        
        if(index==-1){
            fav.push(id)
            for (var i = 0; i<fav_class.length; i++) {
                fav_class[i].classList.add("active");
            }
            for (var z = 0; z<btn_fav.length; z++) {
                btn_fav[z].innerText="" //Eliminar fav
            }
            for (var y = 0; y<btn_fav_detalle.length; y++) {
                btn_fav_detalle[y].setAttribute('class','favorite btn_detalle_'+id)
                btn_fav_detalle[y].innerHTML=`<i class="icon-heart"></i>` //Eliminar fav
            }
        }
        else{
            fav.splice( index, 1 );
            for (var i = 0; i<fav_class.length; i++) {
                fav_class[i].classList.remove("active");
            }
            for (var z = 0; z<btn_fav.length; z++) {
                btn_fav[z].innerText="" //Agregar fav
            }
            for (var y = 0; y<btn_fav_detalle.length; y++) {
                btn_fav_detalle[y].setAttribute('class','btn_detalle_'+id)
                btn_fav_detalle[y].innerHTML=`<i class="icon-heart"></i>` //Agregar fav
            }
        }

        var count_fav=document.getElementsByClassName('count_fav')
        if(fav.length>0){
            for (let i = 0; i < count_fav.length; i++) {
                count_fav[i].removeAttribute('style')
                count_fav[i].innerText=fav.length
            }
        }
        else{
            for (let i = 0; i < count_fav.length; i++) {
                count_fav[i].setAttribute('style','display:none;')
            }
        }

        document.cookie="fav="+JSON.stringify(fav)+";expires="+ new Date(2147483647 * 1000).toUTCString();
    }
    catch{
        document.cookie="fav=["+id+"]"+";expires="+ new Date(2147483647 * 1000).toUTCString();
    }
}

function setFav(){
    try{
        var fav=JSON.parse(getCookie('fav'))
        for (let i = 0; i < fav.length; i++) {
            var wishlist_fav = document.getElementsByClassName(fav[i]);
            var btn_fav= document.getElementsByClassName('btn_'+fav[i]);
            var btn_fav_detalle= document.getElementsByClassName('btn_detalle_'+fav[i]);
            if(wishlist_fav){
                for (var z = 0; z<wishlist_fav.length; z++) {
                    wishlist_fav[z].classList.add("active");
                }
                for (var z = 0; z<btn_fav.length; z++) {
                    btn_fav[z].innerText="" //Eliminar fav
                }
                for (var y = 0; y<btn_fav_detalle.length; y++) {
                    btn_fav_detalle[y].setAttribute('class','favorite btn_detalle_'+fav[i])
                    btn_fav_detalle[y].innerHTML=`<i class="icon-heart"></i>` //Eliminar fav
                }
            }
        }
        if(fav.length>0){
            var count_fav=document.getElementsByClassName('count_fav')
            for (let i = 0; i < count_fav.length; i++) {
                count_fav[i].removeAttribute('style')
                count_fav[i].innerText=fav.length
            }
        }
    }
    catch{
        document.cookie="fav=[]; expires="+ new Date(2147483647 * 1000).toUTCString();
    }
}

$( document ).ready(function(){
    setFav()
});