/* ============================
   CART SYSTEM (LOCAL STORAGE)
   ============================ */

// Get cart from localStorage
function getCart() {
    return JSON.parse(localStorage.getItem("cart")) || [];
}

// Save cart
function saveCart(cart) {
    localStorage.setItem("cart", JSON.stringify(cart));
}

// Add item to cart
function addToCart(product) {
    let cart = getCart();

    // Check if item already exists
    let existing = cart.find(item => item.id === product.id);

    if (existing) {
        existing.qty += 1;
    } else {
        cart.push({
            id: product.id,
            name: product.name,
            price: product.price,
            image: product.image,
            qty: 1
        });
    }

    saveCart(cart);
    alert("Produk ditambah ke cart!");
}

// Remove item
function removeFromCart(id) {
    let cart = getCart();
    cart = cart.filter(item => item.id !== id);
    saveCart(cart);
    loadCart();
}

// Update quantity
function updateQty(id, qty) {
    let cart = getCart();
    let item = cart.find(i => i.id === id);

    if (item) {
        item.qty = qty;
        if (item.qty <= 0) {
            removeFromCart(id);
            return;
        }
    }

    saveCart(cart);
    loadCart();
}

// Load cart into cart.html
function loadCart() {
    let cart = getCart();
    let container = document.getElementById("cart-items");
    let totalBox = document.getElementById("cart-total");

    container.innerHTML = "";
    let total = 0;

    cart.forEach(item => {
        total += item.price * item.qty;

        container.innerHTML += `
            <div class="cart-item">
                <img src="${item.image}" class="cart-img">
                <div class="cart-info">
                    <h3>${item.name}</h3>
                    <p>RM${item.price}</p>

                    <div class="qty-box">
                        <button onclick="updateQty('${item.id}', ${item.qty - 1})">-</button>
                        <span>${item.qty}</span>
                        <button onclick="updateQty('${item.id}', ${item.qty + 1})">+</button>
                    </div>

                    <button class="remove-btn" onclick="removeFromCart('${item.id}')">Remove</button>
                </div>
            </div>
        `;
    });

    totalBox.innerHTML = `RM${total}`;
}

// Stripe Checkout (simple redirect)
function checkoutStripe() {
    window.location.href = "https://buy.stripe.com/test_fZucMXczCeEw7pOfgrdZ600";
}