function like_setStorageLike(n) {
   localStorage.setItem("mylike", JSON.stringify(n));
};
function like_getStorage() {
   return JSON.parse(localStorage.getItem("mylike"));
};

function like_ajaxSend() {
let cart_data = like_getStorage();
if ((cart_data !== null) && (cart_data.length > 0)) {

cart_data = JSON.stringify(cart_data);
let formData = new FormData();
formData.append("orderlike", cart_data);

async function like() {        
  try {
      const response = await fetch('/product/like.php', {method: 'POST', body: formData});
       if (!response.ok) {throw new Error(`Помилка Fetch: ${response.status}: ${response.statusText}`);}
       window.location.href = '/product/like.php';
      }
   catch (error) {
       window.location.href="/checkout/clear-mylike.php";
   }
}
like();
}
};
document.querySelector('.h-like-product').addEventListener("click", like_ajaxSend);

function like_addToLike() {
let add = document.querySelectorAll('.like');
for (i = 0; i < add.length; ++i) {
     let id =  add[i].dataset.id;
     add[i].addEventListener("click", function() {
     let cart_data = like_getStorage() || [];
     if (cart_data.includes(id)) {
        i = cart_data.indexOf(id);
        if (i >= 0) { cart_data.splice(i,1); }
        this.style.backgroundImage = "var(--img-like-white)";
        console.log(cart_data);
        }
     else {
        if (!cart_data.includes(id)) {
        cart_data.push(id);
        this.style.backgroundImage = "var(--img-like-blue)";
        console.log(cart_data);
        }}
     like_setStorageLike(cart_data);
     like_totalCount();
     return false;
})}
};
like_addToLike();

function like_product() {
let like = document.querySelectorAll('.like');
for (i = 0; i < like.length; ++i) {
let id = like[i].dataset.id;
let cart_data = like_getStorage() || [];
if (cart_data.includes(id)) {
  like[i].style.backgroundImage = "var(--img-like-blue)";
}
}
like_totalCount();
};
like_product();

function like_totalCount() {
let cart_data = like_getStorage() || [];
let like =  document.querySelector('.h-like-product');
  if (cart_data.length > 0) {
     like.style.backgroundImage = "var(--img-like-blue)";
  } else {
     like.style.backgroundImage = "var(--img-like-white)";
  }
}