checkout.js

document.addEventListener("DOMContentLoaded", function () {

    
    const checkoutList = document.getElementById("checkout-list");
    const checkoutTotal = document.getElementById("checkout-total");
    const checkoutForm = document.getElementById("checkout-form");
    const errorMsg = document.getElementById("error-msg");

    
    const savedCart = localStorage.getItem("cart");

    if (!savedCart) {
        checkoutList.innerHTML = "<li>Your cart is empty</li>";
        return;
    }

    const cart = JSON.parse(savedCart);
    let totalPrice = 0;

    
    cart.forEach(function(item) {
        const li = document.createElement("li");
        const itemTotal = item.price * item.quantity;

        li.textContent = `${item.name} × ${item.quantity} — ₹${itemTotal}`;
        checkoutList.appendChild(li);

        totalPrice += itemTotal;
    });

    checkoutTotal.textContent = totalPrice;



    checkoutForm.addEventListener("submit", function (e) {
        e.preventDefault();

        errorMsg.textContent = "";

        const name = document.getElementById("name").value.trim();
        const address = document.getElementById("address").value.trim();
        const phone = document.getElementById("phone").value.trim();

        if (name.length < 3) {
            errorMsg.textContent = "Name must be at least 3 characters";
            return;
        }

        if (address.length < 5) {
            errorMsg.textContent = "Please enter a valid address";
            return;
        }

        if (!/^\d{10}$/.test(phone)) {
            errorMsg.textContent = "Phone number must be 10 digits";
            return;
        }

        const orderDetails = {
            customer: { name, address, phone },
            cart,
            total: totalPrice
        };

       // Save order for confirmation page
localStorage.setItem("lastOrder", JSON.stringify(orderDetails));

// Clear cart
localStorage.removeItem("cart");

// Redirect to confirmation page
window.location.href = "order-success.html";

    });

});