script.js

// ===============================
// GREY CAFE - FULL SCRIPT.JS
// ===============================


// ===============================
// 1. NAVIGATION ACTIVE LINK
// ===============================
const sections = document.querySelectorAll("section");
const navLinks = document.querySelectorAll(".nav-links a");

window.addEventListener("scroll", () => {
  let current = "";

  sections.forEach(section => {
    const sectionTop = section.offsetTop;
    const sectionHeight = section.clientHeight;

    if (pageYOffset >= sectionTop - 120) {
      current = section.getAttribute("id");
    }
  });

  navLinks.forEach(link => {
    link.classList.remove("active");

    if (link.getAttribute("href") === "#" + current) {
      link.classList.add("active");
    }
  });
});


// ===============================
// 2. CAFE OPEN / CLOSED STATUS
// ===============================
function updateCafeStatus() {
  const status = document.getElementById("cafeStatus");
  const hour = new Date().getHours();

  if (hour >= 7 && hour < 20) {
    status.textContent = "OPEN";
    status.className = "open";
  } else {
    status.textContent = "CLOSED";
    status.className = "closed";
  }
}

updateCafeStatus();


// ===============================
// 3. ORDER SYSTEM (ADD TO CART)
// ===============================
let order = [];
let total = 0;

function addToOrder(item, price) {
  order.push({ item, price });
  total += price;

  displayOrder();
}

function displayOrder() {
  const orderList = document.getElementById("orderList");
  const orderTotal = document.getElementById("orderTotal");

  orderList.innerHTML = "";

  order.forEach((product, index) => {
    let li = document.createElement("li");
    li.textContent = `${product.item} - Ksh ${product.price}`;
    orderList.appendChild(li);
  });

  orderTotal.textContent = "Total: Ksh " + total;
}


// Clear order
function clearOrder() {
  order = [];
  total = 0;
  displayOrder();
}


// ===============================
// 4. MENU SEARCH FILTER
// ===============================
function filterMenu() {
  const input = document.getElementById("searchBox").value.toLowerCase();
  const cards = document.querySelectorAll(".menu-card");

  cards.forEach(card => {
    const name = card.querySelector("h3").textContent.toLowerCase();

    if (name.includes(input)) {
      card.style.display = "block";
    } else {
      card.style.display = "none";
    }
  });
}


// ===============================
// 5. SIMPLE MENU CLICK LOG
// ===============================
document.querySelectorAll(".menu-card button").forEach(button => {
  button.addEventListener("click", () => {
    console.log("Item added to order");
  });
});


// ===============================
// 6. SMOOTH SCROLL ENHANCEMENT
// ===============================
document.querySelectorAll(".nav-links a").forEach(link => {
  link.addEventListener("click", () => {
    console.log("Navigating to:", link.getAttribute("href"));
  });
});