@@ -407,70 +409,70 @@ function renderFavorites() {
return;
}
-
+
recentItems.forEach(item => favoritesContainer.appendChild(createCard(item)));
}
-
+
// ===== Unified Interactive Filter Engine =====
function applyAllFilters() {
if (!menuContainer) return;
-
+
showSkeletonCards(menuContainer, 4);
-
+
setTimeout(() => {
menuContainer.innerHTML = "";
-
+
const searchInput = document.getElementById("search-input");
- const query = searchInput ? searchInput.value.trim() : "";
-
+ const query = searchInput ? searchInput.value.trim() : "";
+
const priceSlider = document.getElementById("price-range-slider");
// FIX: use slider's own max as fallback so all items show when slider is at max
- const maxPrice = priceSlider ? parseFloat(priceSlider.value) : 100;
-
- const spiceSelect = document.getElementById("spice-level-select");
+ const maxPrice = priceSlider ? parseFloat(priceSlider.value) : 100;
+
+ const spiceSelect = document.getElementById("spice-level-select");
const selectedSpice = spiceSelect ? spiceSelect.value : "All";
-
+
const ratingSelect = document.getElementById("rating-select");
- const minRating = ratingSelect ? ratingSelect.value : "All";
-
+ const minRating = ratingSelect ? ratingSelect.value : "All";
+
const veganCheck = document.getElementById("dietary-vegan");
- const gfCheck = document.getElementById("dietary-gf");
-
+ const gfCheck = document.getElementById("dietary-gf");
+
let filtered = menuItems;
-
+
if (currentCategory !== "All") {
filtered = filtered.filter((item) => item.category === currentCategory);
}
-
+
if (query) {
filtered = filtered.filter(item =>
fuzzyMatch(item.name, query) ||
(item.description && fuzzyMatch(item.description, query)) ||
- (item.category && fuzzyMatch(item.category, query))
+ (item.category && fuzzyMatch(item.category, query))
);
}
-
+
filtered = filtered.filter(item => item.price <= maxPrice);
-
+
if (selectedSpice !== "All") {
filtered = filtered.filter((item) => item.spice === selectedSpice);
}
-
+
if (minRating !== "All") {
- const ratingVal = parseFloat(minRating);
+ const ratingVal = parseFloat(minRating);
filtered = filtered.filter(item => (item.rating || 5) >= ratingVal);
}
-
+
if (veganCheck && veganCheck.checked) {
filtered = filtered.filter(item => item.dietary && item.dietary.includes("vegan"));
}
// Gluten Free
if (gfCheck && gfCheck.checked) {
- filtered = filtered.filter(item => item.dietary && item.dietary.includes("gluten-free"));
+ filtered = filtered.filter(item => item.dietary && item.dietary.includes("gluten-free"));
}
-
+
if (filtered.length === 0) {
menuContainer.innerHTML = `
@@ -479,36 +481,64 @@ function applyAllFilters() {
`;
return;
}
-
- filtered.forEach(item => menuContainer.appendChild(createCard(item, query)));
+
+
+const initialCount = 8;
+
+const visibleItems = expanded
+ ? filtered
+ : filtered.slice(0, initialCount);
+
+visibleItems.forEach(item => {
+ menuContainer.appendChild(createCard(item, query));
+});
+
+if (filtered.length > initialCount) {
+
+ const btnWrapper = document.createElement("div");
+ btnWrapper.className = "menu-toggle-wrapper";
+
+ btnWrapper.innerHTML = `
+
+ `;
+
+ btnWrapper.querySelector("button").onclick = () => {
+ expanded = !expanded;
+ applyAllFilters();
+ };
+
+ menuContainer.appendChild(btnWrapper);
+}
}, 800);
}
-
+
function renderCart() {
if (!cartItemsContainer) return;
-
+
if (cart.length > 0) {
showSkeletonCartItems(cart.length);
}
-
+
setTimeout(() => {
cartItemsContainer.innerHTML = "";
-
+
if (cart.length === 0) {
cartItemsContainer.innerHTML =
`
Your cart is empty.
`;
if (checkoutBtn) checkoutBtn.disabled = true;
- if (cartTotal) cartTotal.textContent = "Total: ₹0";
+ if (cartTotal) cartTotal.textContent = "Total: ₹0";
updateCartSummary();
return;
}
-
+
cart.forEach(({ item, quantity }) => {
const cartItem = document.createElement("div");
cartItem.className = "cart-item";
-
+
cartItem.innerHTML = `
@@ -528,7 +558,7 @@ function renderCart() {
@@ -695,19 +725,19 @@ function renderOrdersList() {
`;
return;
}
-
+
container.innerHTML = "";
-
+
orders.forEach(order => {
const card = document.createElement("article");
card.className = "order-card";
-
+
const isPreparing = (order.status === "Preparing" || order.status === "On the Way" || order.status === "Delivered") ? "active" : "";
- const isOnWay = (order.status === "On the Way" || order.status === "Delivered") ? "active" : "";
+ const isOnWay = (order.status === "On the Way" || order.status === "Delivered") ? "active" : "";
const isDelivered = order.status === "Delivered" ? "active" : "";
-
+
const statusClass = "status-" + order.status.toLowerCase().replace(/\s+/g, "-");
-
+
let itemsHtml = "";
order.items.forEach(ci => {
itemsHtml += `
@@ -717,7 +747,7 @@ function renderOrdersList() {
`;
});
-
+
card.innerHTML = `
`;
- container.appendChild(card);
+ container.appendChild(card);
});
}
-
+
// ===== Global Window Handlers =====
-
+
window.filterCategory = function (category) {
currentCategory = category;
applyAllFilters();
-
- const buttons = document.querySelectorAll(".filter-btn, .filter button");
+
+ const buttons = document.querySelectorAll(".filter-btn, .filter button");
buttons.forEach(btn => {
const filterAttr = btn.dataset.filter || (btn.getAttribute("onclick") ? btn.getAttribute("onclick").match(/'([^']+)'/)[1] : "");
if (filterAttr === category || btn.textContent.trim() === category) {
@@ -797,42 +827,42 @@ window.filterCategory = function (category) {
}
});
};
-
+
// FIX: checkout — removed duplicate const declarations that caused SyntaxError
window.checkout = async function () {
if (cart.length === 0) {
alert("Your cart is empty!");
return false;
}
-
+
const validationResult = await validateDeliveryLocation();
-
+
if (!validationResult.valid) {
- localStorage.setItem(
- "deliveryError",
- JSON.stringify({
- error: validationResult.error,
- distance: validationResult.distance,
- restaurantLocation: validationResult.restaurantLocation
- })
- );
+ localStorage.setItem(
+ "deliveryError",
+ JSON.stringify({
+ error: validationResult.error,
+ distance: validationResult.distance,
+ restaurantLocation: validationResult.restaurantLocation
+ })
+ );
return { deliveryAvailable: false };
}
-
+
// Loyalty points discount
const subtotal = getCartSubtotal();
const couponDiscount = calculateCouponDiscount(subtotal);
const subtotalAfterCoupon = Math.max(subtotal - couponDiscount, 0);
- let loyaltyDiscount = 0;
- let pointsRedeemed = 0;
-
+ let loyaltyDiscount = 0;
+ let pointsRedeemed = 0;
+
if (loyaltyPointsApplied && typeof loyalty !== 'undefined') {
- const balance = loyalty.getBalance();
- pointsRedeemed = Math.min(balance, subtotal);
- loyaltyDiscount = pointsRedeemed;
+ const balance = loyalty.getBalance();
+ pointsRedeemed = Math.min(balance, subtotal);
+ loyaltyDiscount = pointsRedeemed;
loyalty.redeemPoints(pointsRedeemed);
}
-
+
const finalTotal = Math.max(subtotalAfterCoupon - pointsDiscount, 0);
const totalDiscount = couponDiscount + pointsDiscount;
@@ -841,128 +871,128 @@ window.checkout = async function () {
if (typeof loyalty !== 'undefined') {
pointsEarned = loyalty.awardPoints(finalTotal);
}
-
+
const newOrder = {
- id: "CB-" + Math.floor(100000 + Math.random() * 900000),
- date: new Date().toLocaleDateString(undefined, {
+ id: "CB-" + Math.floor(100000 + Math.random() * 900000),
+ date: new Date().toLocaleDateString(undefined, {
month: 'short', day: 'numeric', year: 'numeric',
- hour: '2-digit', minute: '2-digit'
+ hour: '2-digit', minute: '2-digit'
}),
- timestamp: Date.now(),
- items: JSON.parse(JSON.stringify(cart)),
- subtotal: subtotal,
- discount: loyaltyDiscount + couponDiscount,
- coupon: activeCoupon?.code || null,
+ timestamp: Date.now(),
+ items: JSON.parse(JSON.stringify(cart)),
+ subtotal: subtotal,
+ discount: loyaltyDiscount + couponDiscount,
+ coupon: activeCoupon?.code || null,
pointsRedeemed,
pointsEarned,
- total: finalTotal,
- status: "Pending",
+ total: finalTotal,
+ status: "Pending",
deliveryAddress: {
- latitude: validationResult.userLocation.latitude,
+ latitude: validationResult.userLocation.latitude,
longitude: validationResult.userLocation.longitude,
- source: validationResult.userLocation.source
+ source: validationResult.userLocation.source
},
- deliveryDistance: validationResult.distance,
+ deliveryDistance: validationResult.distance,
restaurantLocation: validationResult.restaurantLocation
};
-
+
orders.unshift(newOrder);
localStorage.setItem('chaatOrders', JSON.stringify(orders));
-
+
loyaltyPointsApplied = false;
- activeCoupon = null;
+ activeCoupon = null;
saveCouponToStorage();
-
+
cartManager.clear();
updateCartCount();
updateFavCount();
renderCart();
-
+
if (typeof window.triggerDeliverySimulation === 'function') {
window.triggerDeliverySimulation();
} else {
console.warn('Delivery tracker not ready. Order has been placed.');
}
-
+
return true;
};
-
+
window.reorderOrder = function (orderId) {
const pastOrder = orders.find(o => o.id === orderId);
if (!pastOrder) return;
-
+
pastOrder.items.forEach(orderItem => {
cartManager.addItem(orderItem.item, orderItem.quantity);
});
-
+
updateCartCount();
updateFavCount();
renderCart();
alert("Items added back to your cart successfully!");
-
+
const sidebar = document.getElementById("cart-sidebar");
if (sidebar) {
sidebar.setAttribute("aria-hidden", "false");
sidebar.classList.add("open");
}
};
-
+
// Cart Operations
// Toast Notification
-
+
// ===== Toast Notification =====
-
+
function showToast(message) {
const toast = document.getElementById("toast-notification");
if (!toast) return;
-
+
toast.textContent = message;
toast.classList.add("show");
-
+
clearTimeout(toast.hideTimeout);
toast.hideTimeout = setTimeout(() => {
toast.classList.remove("show");
}, 2500);
}
-
+
// ===== Cart Operations =====
-
+
function addToCart(id) {
const item = menuItems.find(i => i.id === id);
if (!item) return;
-
+
const isAvailable = item.available !== undefined ? item.available : true;
if (!isAvailable) {
alert(`${item.name} is currently out of stock!`);
return;
}
-
+
cartManager.addItem(item, 1);
updateCartCount();
updateFavCount();
renderCart();
showToast(`🛒 ${item.name} added to cart`);
-
+
if (cartCount) {
cartCount.classList.add("cart-bounce");
setTimeout(() => cartCount.classList.remove("cart-bounce"), 400);
}
-
+
if (cartSidebar) {
cartSidebar.setAttribute("aria-hidden", "false");
cartSidebar.classList.add("open");
}
}
-
+
function removeFromCart(id) {
const cartIndex = cart.findIndex(ci => ci.item.id === id);
if (cartIndex === -1) return;
-
+
const removedItem = cart[cartIndex].item;
cartManager.decreaseQuantity(id);
@@ -1084,9 +1114,9 @@ window.reorderOrder = function (orderId) {
renderCart();
showToast(`🗑️ ${removedItem.name} removed from cart`);
}
-
+
// ===== Event Listeners =====
-
+
function setupFilterButtons() {
const filterButtons = document.querySelectorAll(".filter-btn");
filterButtons.forEach(btn => {
@@ -1102,23 +1132,23 @@ function setupFilterButtons() {
});
});
}
-
+
function setupCartToggle() {
const cartOpenBtn = document.getElementById("cart-open-btn");
const cartCloseBtn = document.getElementById("cart-close");
if (!cartOpenBtn || !cartCloseBtn || !cartSidebar) return;
-
+
cartOpenBtn.addEventListener("click", (e) => {
e.preventDefault();
cartSidebar.setAttribute("aria-hidden", "false");
cartSidebar.classList.add("open");
});
-
+
cartCloseBtn.addEventListener("click", () => {
cartSidebar.setAttribute("aria-hidden", "true");
cartSidebar.classList.remove("open");
});
-
+
document.addEventListener("keydown", (e) => {
if (e.key === "Escape" && cartSidebar.getAttribute("aria-hidden") === "false") {
cartSidebar.setAttribute("aria-hidden", "true");
@@ -1126,38 +1156,38 @@ function setupCartToggle() {
}
});
}
-
+
function setupOrderNowScroll() {
const orderNowBtn = document.getElementById("order-now-btn");
const menuSection = document.getElementById("menu");
if (!orderNowBtn || !menuSection) return;
-
+
orderNowBtn.addEventListener("click", () => {
menuSection.scrollIntoView({ behavior: "smooth" });
});
}
-
+
// ===== Autocomplete & Search =====
-
+
function setupSearchSuggestions() {
- const searchInput = document.getElementById("search-input");
+ const searchInput = document.getElementById("search-input");
const suggestionsContainer = document.getElementById("search-suggestions");
if (!searchInput || !suggestionsContainer) return;
-
+
function showSuggestions() {
const query = searchInput.value.trim().toLowerCase();
suggestionsContainer.innerHTML = "";
-
+
if (!query) {
suggestionsContainer.style.display = "none";
return;
}
-
+
const matches = menuItems.filter(item =>
item.name.toLowerCase().includes(query) ||
(item.category && item.category.toLowerCase().includes(query))
).slice(0, 5);
-
+
if (matches.length === 0) {
const div = document.createElement("div");
div.className = "suggestion-item no-matches";
@@ -1166,7 +1196,7 @@ function setupSearchSuggestions() {
suggestionsContainer.style.display = "block";
return;
}
-
+
matches.forEach(item => {
const div = document.createElement("div");
div.className = "suggestion-item";
@@ -1177,39 +1207,39 @@ function setupSearchSuggestions() {
div.addEventListener("click", () => {
searchInput.value = item.name;
suggestionsContainer.style.display = "none";
-
+
// On menu.html scroll to top of menu section; on index.html scroll to #menu
const menuSection = document.getElementById("menu") || document.querySelector(".menu-page");
if (menuSection) menuSection.scrollIntoView({ behavior: "smooth" });
-
+
applyAllFilters();
});
suggestionsContainer.appendChild(div);
});
-
+
suggestionsContainer.style.display = "block";
}
-
+
searchInput.addEventListener("input", showSuggestions);
searchInput.addEventListener("focus", showSuggestions);
document.addEventListener("click", (e) => {
if (!searchInput.contains(e.target) && !suggestionsContainer.contains(e.target)) {
suggestionsContainer.style.display = "none";
}
-});
+ });
}
-
+
function setupSearch() {
const searchInput = document.getElementById("search-input");
- const searchBtn = document.getElementById("search-btn");
+ const searchBtn = document.getElementById("search-btn");
if (!searchInput || !searchBtn) return;
-
+
function handleSearchClick() {
const menuSection = document.getElementById("menu") || document.querySelector(".menu-page");
if (menuSection) menuSection.scrollIntoView({ behavior: "smooth" });
applyAllFilters();
}
-
+
searchBtn.addEventListener("click", handleSearchClick);
searchInput.addEventListener("keydown", (e) => {
if (e.key === "Enter") {
@@ -1219,14 +1249,14 @@ function setupSearch() {
}
});
}
-
+
// ===== Advanced Filters Panel =====
-
+
function setupAdvancedFilters() {
- const toggleBtn = document.getElementById("filter-toggle-btn");
+ const toggleBtn = document.getElementById("filter-toggle-btn");
const filterPanel = document.getElementById("advanced-filters");
if (!toggleBtn || !filterPanel) return;
-
+
toggleBtn.addEventListener("click", () => {
const isExpanded = toggleBtn.getAttribute("aria-expanded") === "true";
toggleBtn.setAttribute("aria-expanded", !isExpanded);
@@ -1238,8 +1268,8 @@ function setupAdvancedFilters() {
toggleBtn.classList.add("active");
}
});
-
- const priceSlider = document.getElementById("price-range-slider");
+
+ const priceSlider = document.getElementById("price-range-slider");
const priceSliderVal = document.getElementById("price-slider-val");
if (priceSlider && priceSliderVal) {
priceSlider.addEventListener("input", () => {
@@ -1248,23 +1278,23 @@ function setupAdvancedFilters() {
applyAllFilters();
});
}
-
+
const spiceSelect = document.getElementById("spice-level-select");
- if(spiceSelect)
+ if (spiceSelect)
spiceSelect.addEventListener("change", applyAllFilters);
-
+
const ratingSelect = document.getElementById("rating-select");
- if(ratingSelect)
+ if (ratingSelect)
ratingSelect.addEventListener("change", applyAllFilters);
-
+
const veganCheck = document.getElementById("dietary-vegan");
- if(veganCheck)
+ if (veganCheck)
veganCheck.addEventListener("change", applyAllFilters);
-
+
const gfCheck = document.getElementById("dietary-gf");
- if(gfCheck)
+ if (gfCheck)
gfCheck.addEventListener("change", applyAllFilters);
-
+
const resetBtn = document.getElementById("reset-filters-btn");
if (resetBtn) {
resetBtn.addEventListener("click", () => {
@@ -1273,16 +1303,16 @@ function setupAdvancedFilters() {
if (priceSliderVal) priceSliderVal.textContent = `₹${priceSlider.max}`;
priceSlider.setAttribute("aria-valuenow", priceSlider.max);
}
- if (spiceSelect) spiceSelect.value = "All";
+ if (spiceSelect) spiceSelect.value = "All";
if (ratingSelect) ratingSelect.value = "All";
- if (veganCheck) veganCheck.checked = false;
- if (gfCheck) gfCheck.checked = false;
-
+ if (veganCheck) veganCheck.checked = false;
+ if (gfCheck) gfCheck.checked = false;
+
const searchInput = document.getElementById("search-input");
if (searchInput) searchInput.value = "";
-
+
currentCategory = "All";
-
+
const buttons = document.querySelectorAll(".filter-btn, .filter button");
buttons.forEach(btn => {
const filterAttr = btn.dataset.filter || (btn.getAttribute("onclick") ? btn.getAttribute("onclick").match(/'([^']+)'/)[1] : "");
@@ -1294,41 +1324,41 @@ function setupAdvancedFilters() {
btn.setAttribute("aria-pressed", "false");
}
});
- applyAllFilters();
+ applyAllFilters();
});
}
}
-
+
// ===== Contact Form =====
-
+
function setupContactForm() {
const form = document.getElementById("contact-form");
const formSuccess = document.getElementById("form-success");
if (!form || !formSuccess) return;
-
- const nameInput = form.querySelector("#name");
- const emailInput = form.querySelector("#email");
+
+ const nameInput = form.querySelector("#name");
+ const emailInput = form.querySelector("#email");
const messageInput = form.querySelector("#message");
- const errorName = form.querySelector("#error-name");
- const errorEmail = form.querySelector("#error-email");
+ const errorName = form.querySelector("#error-name");
+ const errorEmail = form.querySelector("#error-email");
const errorMessage = form.querySelector("#error-message");
-
+
form.addEventListener("submit", (e) => {
e.preventDefault();
- errorName.textContent = "";
- errorEmail.textContent = "";
+ errorName.textContent = "";
+ errorEmail.textContent = "";
errorMessage.textContent = "";
formSuccess.style.display = "none";
-
+
const validation = validateAndSanitizeContactForm(nameInput.value, emailInput.value, messageInput.value);
-
+
if (!validation.valid) {
- if (validation.errors.name) errorName.textContent = validation.errors.name;
- if (validation.errors.email) errorEmail.textContent = validation.errors.email;
+ if (validation.errors.name) errorName.textContent = validation.errors.name;
+ if (validation.errors.email) errorEmail.textContent = validation.errors.email;
if (validation.errors.message) errorMessage.textContent = validation.errors.message;
return;
}
-
+
formSuccess.style.display = "block";
setTimeout(() => {
form.reset();
@@ -1336,12 +1366,12 @@ function setupContactForm() {
}, 3000);
});
}
-
+
function setupNewsletterForm() {
const newsletterForm = document.getElementById("newsletter-form");
if (!newsletterForm) return;
const emailInput = newsletterForm.querySelector("#newsletter-email");
-
+
newsletterForm.addEventListener("submit", (e) => {
e.preventDefault();
const validation = validateAndSanitizeEmail(emailInput.value);
@@ -1353,28 +1383,28 @@ function setupNewsletterForm() {
newsletterForm.reset();
});
}
-
+
function setupActiveNavbar() {
const navLinks = document.querySelectorAll(".nav-link");
const sections = document.querySelectorAll("section");
-
+
navLinks.forEach(link => {
link.addEventListener("click", () => {
navLinks.forEach(nav => nav.classList.remove("active"));
link.classList.add("active");
});
});
-
+
window.addEventListener("scroll", () => {
let current = "";
sections.forEach((section) => {
- const sectionTop = section.offsetTop - 120;
+ const sectionTop = section.offsetTop - 120;
const sectionHeight = section.clientHeight;
if (window.scrollY >= sectionTop && window.scrollY < sectionTop + sectionHeight) {
current = section.getAttribute("id");
}
});
-
+
navLinks.forEach((link) => {
link.classList.remove("active");
const href = link.getAttribute("href");
@@ -1384,7 +1414,7 @@ function setupActiveNavbar() {
});
});
}
-
+
function setupDropdownFilterLinks() {
const dropdownFilters = document.querySelectorAll(".menu-filter");
dropdownFilters.forEach(link => {
@@ -1415,20 +1445,20 @@ function setupDropdownFilterLinks() {
});
});
}
-
+
// FIX: only one saveCart declaration
function saveCart() {
localStorage.setItem("cart", JSON.stringify(cart));
}
-
+
// ===== FIX: Read ?filter= URL param on menu.html load =====
function applyUrlFilterParam() {
- const params = new URLSearchParams(window.location.search);
- const filter = params.get("filter");
+ const params = new URLSearchParams(window.location.search);
+ const filter = params.get("filter");
if (!filter) return;
-
+
currentCategory = filter;
-
+
document.querySelectorAll(".filter-btn").forEach(btn => {
const isActive = btn.dataset.filter === filter;
btn.classList.toggle("active", isActive);
@@ -1446,12 +1476,12 @@ function applyUrlFilterParam() {
const menuContainer = document.getElementById('menu-container');
if (menuContainer) menuContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
-
+
// ===== Initialization =====
-
+
async function init() {
setupCartManager();
-
+
// Bind UI interactions immediately
setupCartToggle();
setupFilterButtons();
@@ -1464,9 +1494,9 @@ async function init() {
setupNewsletterForm();
setupActiveNavbar();
setupDropdownFilterLinks();
-
-if (checkoutBtn) {
+
+ if (checkoutBtn) {
checkoutBtn.addEventListener("click", async (e) => {
e.preventDefault();
const success = await window.checkout();
@@ -1475,13 +1505,13 @@ if (checkoutBtn) {
}
});
}
-
-
- // Load menu data, then render
+
+
+ // Load menu data, then render
await loadMenuData();
- // FIX: apply ?filter= param AFTER data is loaded and filter buttons exist
+ // FIX: apply ?filter= param AFTER data is loaded and filter buttons exist
applyUrlFilterParam();
-
+
renderSpecials();
renderRecentlyViewed();
renderFavorites();
@@ -1489,20 +1519,20 @@ if (checkoutBtn) {
updateCartCount();
updateFavCount();
renderCart();
-
+
renderOrdersList();
updateOrderStatuses();
setInterval(updateOrderStatuses, 3000);
}
-
+
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", init);
} else {
init();
}
-
+
// ===== Skeleton UI Helpers =====
-
+
function createSkeletonCard() {
const el = document.createElement("div");
@@ -1517,7 +1547,7 @@ function createSkeletonCard() {
`;
return el;
}
-
+
function showSkeletonCards(container, count = 3) {
if (!container) return;
@@ -1526,7 +1556,7 @@ function showSkeletonCards(container, count = 3) {
container.appendChild(createSkeletonCard());
}
}
-
+
function createSkeletonCartItem() {
const el = document.createElement("div");
el.className = "skeleton-cart-item";
@@ -1542,27 +1572,44 @@ function createSkeletonCartItem() {
`;
return el;
}
-
+
function showSkeletonCartItems(count = 2) {
if (!cartItemsContainer) return;
cartItemsContainer.innerHTML = "";
for (let i = 0; i < count; i++) cartItemsContainer.appendChild(createSkeletonCartItem());
}
-
-// ===== Dark Mode =====
-const toggleBtn = document.getElementById("theme-toggle");
-
+
+// ==========================
+// Global Theme Toggle Script
+// ==========================
+
document.addEventListener("DOMContentLoaded", () => {
- if (localStorage.getItem("theme") === "dark") {
- document.body.classList.add("dark");
+ const toggleBtn = document.getElementById("theme-toggle");
+
+ // Load saved theme from localStorage
+ const savedTheme = localStorage.getItem("theme");
+ if (savedTheme === "light") {
+ document.body.classList.add("light-theme");
+ } else {
+ document.body.classList.add("dark-theme"); // default
+ }
+
+ if (toggleBtn) {
+ toggleBtn.addEventListener("click", () => {
+ const isDark = document.body.classList.contains("dark-theme");
+
+ if (isDark) {
+ document.body.classList.remove("dark-theme");
+ document.body.classList.add("light-theme");
+ localStorage.setItem("theme", "light");
+ } else {
+ document.body.classList.remove("light-theme");
+ document.body.classList.add("dark-theme");
+ localStorage.setItem("theme", "dark");
+ }
+ });
}
});
-
-if (toggleBtn) {
- toggleBtn.addEventListener("click", () => {
- document.body.classList.toggle("dark");
- localStorage.setItem("theme", document.body.classList.contains("dark") ? "dark" : "light");
- });
-}
-
+
+