DGS.js

// Cart implementation storing full items in localStorage
const CART_ITEMS_KEY = 'dg_cart_items';

function getCartItems(){
    try{
        const s = localStorage.getItem(CART_ITEMS_KEY);
        return s ? JSON.parse(s) : [];
    } catch(e){ return []; }
}

function setCartItems(items){
    localStorage.setItem(CART_ITEMS_KEY, JSON.stringify(items));
    // update cart count badge
    const total = items.reduce((acc,i)=> acc + (i.quantity||0), 0);
    const el = document.getElementById('cart-count');
    if(el) el.textContent = total;
}

function getCartCount(){
    return getCartItems().reduce((acc,i)=> acc + (i.quantity||0), 0);
}

function initCart(){
    // render count on page load
    const items = getCartItems();
    setCartItems(items);
}

function bookNow(){
    alert('Booking Successful!');
}

document.addEventListener('DOMContentLoaded', function(){
    initCart();
    // attach handlers to product cards' Add to Cart buttons
    document.querySelectorAll('.product-card').forEach(card=>{
        const btn = card.querySelector('button');
        if(btn && !btn.classList.contains('js-bound')){
            btn.classList.add('js-bound');
            btn.addEventListener('click', ()=>{
                addItemFromCard(card);
            });
        }
    });

    // Booking page handler: show confirmation and reset form
    const bookBtn = document.getElementById('bookNowBtn');
    if(bookBtn){
        bookBtn.addEventListener('click', ()=>{
            const form = document.getElementById('booking-form');
            // simple validation: require at least chest measurement or instructions
            const chest = form.querySelector('input[name="chest"]')?.value || '';
            const instructions = form.querySelector('textarea[name="instructions"]')?.value || '';
            if(!chest && !instructions){
                showToast('Please provide measurements or instructions');
                return;
            }
            showToast('Booking submitted — we will contact you shortly');
            form.reset();
        });
    }

    // initialize any sliders on the page
    if(typeof initSliders === 'function') initSliders();
});

// Slider implementation: auto-advance and pause-on-hover
const SLIDE_INTERVAL = 3000;
function initSliders(){
    document.querySelectorAll('.slider').forEach(slider=>{
        const slides = slider.querySelector('.slides');
        if(!slides) return;
        const imgs = slides.querySelectorAll('img');
        if(imgs.length < 2) return; // nothing to slide

        // styling helpers
        slides.style.display = 'flex';
        slides.style.willChange = 'transform';
        slides.style.transition = 'transform 600ms ease';
        slider.style.overflow = 'hidden';
        slider.style.position = 'relative';

        // state
        slider._idx = 0;
        let timer = null;

        function setSizes(){
            const w = slider.clientWidth;
            imgs.forEach(img=>{
                img.style.width = w + 'px';
                img.style.height = '100%';
                img.style.objectFit = 'cover';
                img.style.flex = '0 0 auto';
            });
            slides.style.width = (imgs.length * slider.clientWidth) + 'px';
            slides.style.transform = `translateX(-${slider._idx * slider.clientWidth}px)`;
        }

        function start(){
            stop();
            timer = setInterval(()=>{
                slider._idx = (slider._idx + 1) % imgs.length;
                slides.style.transform = `translateX(-${slider._idx * slider.clientWidth}px)`;
            }, SLIDE_INTERVAL);
        }

        function stop(){ if(timer) { clearInterval(timer); timer = null; } }

        // pause on hover
        slider.addEventListener('mouseenter', stop);
        slider.addEventListener('mouseleave', start);

        // responsive
        window.addEventListener('resize', ()=>{
            // small debounce
            clearTimeout(slider._resizeTO);
            slider._resizeTO = setTimeout(setSizes, 120);
        });

        // initialize sizes and start
        setSizes();
        start();
    });
}

// Simple toast helper for user feedback
function showToast(message, duration = 1800){
    const t = document.getElementById('toast');
    if(!t) return;
    t.textContent = message;
    t.classList.add('show');
    t.setAttribute('aria-hidden', 'false');
    clearTimeout(t._hideTimeout);
    t._hideTimeout = setTimeout(()=>{
        t.classList.remove('show');
        t.setAttribute('aria-hidden', 'true');
    }, duration);
}

// Add an item object from a product card element
function addItemFromCard(card){
    if(!card) return;
    const name = card.querySelector('h3')?.textContent?.trim() || 'Item';
    const priceText = card.querySelector('h4')?.textContent || '';
    const price = parseFloat(priceText.replace(/[^0-9.]/g,'')) || 0;
    const img = card.querySelector('img')?.getAttribute('src') || '';
    const size = card.querySelector('select')?.value || '';
    const qtyInput = card.querySelector('input[type="number"]');
    const qty = qtyInput ? Math.max(1, parseInt(qtyInput.value)||1) : 1;

    const id = name + '|' + size + '|' + price;
    const items = getCartItems();
    const existing = items.find(i=> i.id === id);
    if(existing){
        existing.quantity = (existing.quantity||0) + qty;
    } else {
        items.push({ id, name, price, quantity: qty, size, img });
    }
    setCartItems(items);
    showToast('Added to cart');
}

// Utility to clear the cart (used by cart page)
function clearCart(){
    setCartItems([]);
}