`; return; } grid.innerHTML = filtered.map(r => ` `).join(''); // Attach event listeners document.querySelectorAll('.btn-order').forEach(btn => { btn.addEventListener('click', function() { const name = this.getAttribute('data-name'); const state = this.getAttribute('data-state'); alert(`🛒 Order from: ${name}\n📍 ${state}\n💰 Use code VIRTUAL5 for 5% off!\n\n📞 Contact restaurant directly to place order.`); }); }); document.querySelectorAll('.btn-walk').forEach(btn => { btn.addEventListener('click', function() { const name = this.getAttribute('data-name'); alert(`🔍 360° Walkthrough coming soon for ${name}!\n\nWe're onboarding this restaurant for virtual tours.`); }); }); } function updateAll() { updateStateCounts(); renderRestaurants(); } function updateStateCounts() { const counts = {}; restaurants.forEach(r => { counts[r.state] = (counts[r.state] || 0) + 1; }); document.querySelectorAll("#statePills .state-pill").forEach(pill => { const state = pill.getAttribute("data-state"); const countSpan = pill.querySelector(".count"); if (countSpan) { if (state === "all") { countSpan.textContent = restaurants.length; } else { countSpan.textContent = counts[state] || 0; } } }); } document.addEventListener("DOMContentLoaded", () => { // State pills document.querySelectorAll("#statePills .state-pill").forEach(pill => { pill.addEventListener("click", function() { document.querySelectorAll("#statePills .state-pill").forEach(p => p.classList.remove("active")); this.classList.add("active"); currentState = this.getAttribute("data-state"); updateAll(); }); }); // Category pills document.querySelectorAll("#categoryContainer .cat-pill").forEach(pill => { pill.addEventListener("click", function() { document.querySelectorAll("#categoryContainer .cat-pill").forEach(p => p.classList.remove("active")); this.classList.add("active"); currentCat = this.getAttribute("data-cat"); updateAll(); }); }); // Search document.getElementById("searchBtn").addEventListener("click", () => { currentSearch = document.getElementById("searchResto").value.trim(); updateAll(); }); document.getElementById("searchResto").addEventListener("keypress", (e) => { if (e.key === "Enter") { currentSearch = e.target.value.trim(); updateAll(); } }); // CTA document.getElementById("ctaOrderNow").addEventListener("click", () => { alert("🎉 Get 5% OFF on all orders! Use promo: VIRTUAL5 at checkout. Explore any restaurant above and contact them directly to order."); }); updateAll(); });