(() => {
  'use strict';
  const cfg = window.CanisproutCore || {};
  const storageKey = 'canisproutWishlist';
  const getLocal = () => { try { return JSON.parse(localStorage.getItem(storageKey) || '[]').map(Number).filter(Boolean); } catch { return []; } };
  const setLocal = (ids) => localStorage.setItem(storageKey, JSON.stringify([...new Set(ids.map(Number).filter(Boolean))]));
  let wishlist = getLocal();
  const syncButtons = () => {
    document.querySelectorAll('[data-wishlist-count]').forEach((el) => { el.textContent = String(wishlist.length); });
    document.querySelectorAll('[data-wishlist-product]').forEach((button) => {
      const active = wishlist.includes(Number(button.dataset.wishlistProduct));
      button.classList.toggle('is-active', active); button.setAttribute('aria-pressed', String(active)); button.textContent = active ? '♥' : '♡';
    });
  };
  const pushRemote = async () => {
    if (!cfg.loggedIn) return;
    await fetch(cfg.restUrl + 'wishlist', {method:'POST',headers:{'Content-Type':'application/json','X-WP-Nonce':cfg.nonce},body:JSON.stringify({ids:wishlist})});
  };
  const refreshCartCount = async () => {
    try {
      const response = await fetch('/wp-json/wc/store/v1/cart', {credentials:'same-origin'});
      if (!response.ok) return;
      const cart = await response.json();
      document.querySelectorAll('[data-cart-count]').forEach((el)=>{el.textContent=String(cart.items_count||0);});
    } catch (error) {}
  };
  const initWishlist = async () => {
    if (cfg.loggedIn) {
      try { const r = await fetch(cfg.restUrl + 'wishlist', {headers:{'X-WP-Nonce':cfg.nonce}}); if (r.ok) { const remote = await r.json(); wishlist = [...new Set([...wishlist,...remote.map(Number)])]; setLocal(wishlist); await pushRemote(); } } catch(e) {}
    }
    syncButtons(); renderWishlistPage();
  };
  document.addEventListener('click', async (event) => {
    const button = event.target.closest('[data-wishlist-product]');
    if (button) { const id = Number(button.dataset.wishlistProduct); wishlist = wishlist.includes(id) ? wishlist.filter((x)=>x!==id) : [...wishlist,id]; setLocal(wishlist); syncButtons(); await pushRemote(); renderWishlistPage(); }
    const quick = event.target.closest('[data-quickview-product]');
    if (quick) openQuickview(Number(quick.dataset.quickviewProduct));
    if (event.target.closest('[data-quickview-close]')) closeQuickview();
  });
  const quickview = document.querySelector('[data-quickview]');
  const openQuickview = async (id) => {
    if (!quickview) return; const content = quickview.querySelector('[data-quickview-content]'); content.innerHTML='<p>Loading…</p>'; quickview.hidden=false; quickview.setAttribute('aria-hidden','false'); document.body.style.overflow='hidden';
    try { const r=await fetch(cfg.restUrl+'product/'+id); const p=await r.json(); if(!r.ok) throw new Error(p.message||'Error'); content.innerHTML=`<div class="cs-quickview__grid"><img src="${p.image}" alt=""><div><span class="cs-badge">${p.type}</span><h2 id="cs-quickview-title" class="cs-title">${p.name}</h2><div class="cs-product-card__price">${p.priceHtml}</div><div>${p.description}</div><p><a class="cs-button" href="${p.addUrl}">${p.type==='simple'&&p.purchasable&&p.inStock?'Add to cart':'Choose options'}</a></p></div></div>`; } catch(e) { content.textContent=e.message; }
  };
  const closeQuickview = () => { if(!quickview)return;quickview.hidden=true;quickview.setAttribute('aria-hidden','true');document.body.style.overflow=''; };
  document.addEventListener('keydown',(e)=>{if(e.key==='Escape')closeQuickview();});
  let timer; const search=document.querySelector('[data-live-search]'); const results=document.querySelector('[data-live-results]');
  search?.addEventListener('input',()=>{clearTimeout(timer);const q=search.value.trim();if(q.length<2){results.hidden=true;return;}timer=setTimeout(async()=>{try{const r=await fetch(cfg.restUrl+'search?q='+encodeURIComponent(q));const items=await r.json();results.innerHTML=items.length?items.map(i=>`<a class="cs-live-result" href="${i.url}"><img src="${i.image}" alt=""><span>${i.name}</span><strong>${i.price}</strong></a>`).join(''):`<p>${cfg.strings?.noResults||'No results'}</p>`;results.hidden=false;}catch(e){results.hidden=true;}},220);});
  document.addEventListener('click',(e)=>{if(!e.target.closest('[data-live-search-form]')&&results)results.hidden=true;});
  const renderWishlistPage = async () => { const root=document.querySelector('[data-wishlist-page]'); if(!root)return;if(!wishlist.length){root.innerHTML='<div class="cs-demo-notice"><h2>No favorites yet</h2><p>Use the heart button on any product card.</p><a class="cs-button" href="/shop/">Browse the catalog</a></div>';return;} const products=await Promise.all(wishlist.map(id=>fetch(cfg.restUrl+'product/'+id).then(r=>r.ok?r.json():null).catch(()=>null))); root.innerHTML='<div class="cs-featured-grid">'+products.filter(Boolean).map(p=>`<article class="cs-product-card"><a class="cs-product-card__image" href="${p.url}"><img src="${p.image}" alt=""></a><div class="cs-product-card__body"><h3 class="cs-product-card__title"><a href="${p.url}">${p.name}</a></h3><div class="cs-product-card__price">${p.priceHtml}</div><div class="cs-product-card__actions"><a class="cs-button" href="${p.url}">View</a><button class="cs-wishlist-button is-active" data-wishlist-product="${p.id}" aria-label="Remove ${p.name}">♥</button></div></div></article>`).join('')+'</div>'; syncButtons(); };
  document.querySelector('[data-demo-newsletter]')?.addEventListener('submit',(e)=>{e.preventDefault();alert('Demo form only. Connect a consent-aware email provider before use.');});
  initWishlist();
  refreshCartCount();
  if (window.jQuery) window.jQuery(document.body).on('added_to_cart removed_from_cart updated_cart_totals', refreshCartCount);
})();