`; if (currentCategoryFilter !== 'all') { const catName = document.querySelector(`#categorySelect option[value="${currentCategoryFilter}"]`).textContent; html += `
Category: ${catName}
`; } if (currentLocationFilter || currentCategoryFilter !== 'all') html += `
`; filtersDiv.innerHTML = html; } function clearFilter(type) { if (type === 'location') { document.getElementById('locationSearch').value = ''; document.getElementById('desktopSearch').value = ''; document.getElementById('mobileSearch').value = ''; currentLocationFilter = ''; } else if (type === 'category') { document.getElementById('categorySelect').value = 'all'; currentCategoryFilter = 'all'; } renderPlaces(); updateActiveFilters(); } function clearAllFilters() { clearFilter('location'); clearFilter('category'); } function renderPlaces() { const filtered = placesData.filter(p => (!currentLocationFilter || p.name.toLowerCase().includes(currentLocationFilter) || p.area.toLowerCase().includes(currentLocationFilter) || p.address.toLowerCase().includes(currentLocationFilter)) && (currentCategoryFilter === 'all' || p.category === currentCategoryFilter)); document.getElementById('displayedCount').textContent = filtered.length; const grid = document.getElementById('placesGrid'); grid.className = `directory-grid ${currentViewMode === 'list' ? 'list-view' : ''}`; if (filtered.length === 0) { grid.innerHTML = `
No places found
Try adjusting your search or filters
`; return; } grid.innerHTML = filtered.map(p => `
${p.category.charAt(0).toUpperCase() + p.category.slice(1)}
${p.name}
${p.area}, Abuja
${generateStars(p.rating)}
(${p.reviewCount})${p.features.slice(0,3).map(f => ` ${f}`).join('')}
`).join(''); if (isMuted !== undefined) setTimeout(() => { document.querySelectorAll('iframe').forEach(iframe => { let base = iframe.src.split('?')[0]; iframe.src = base + (isMuted ? '?mute=1' : '?mute=0'); }); }, 200); } function getCategoryIcon(cat) { const icons = { grocery: 'fa-store', fashion: 'fa-tshirt', furniture: 'fa-couch', airbnb: 'fa-home', hotels: 'fa-hotel', restaurants: 'fa-utensils' }; return icons[cat] || 'fa-map-pin'; } function generateStars(rating) { let stars = ''; for (let i = 0; i < Math.floor(rating); i++) stars += '
'; if (rating % 1 >= 0.5) stars += '
'; for (let i = 0; i < 5 - Math.ceil(rating); i++) stars += '
'; return stars; } function setViewMode(mode) { currentViewMode = mode; document.querySelectorAll('.view-btn').forEach(btn => btn.classList.remove('active')); event.target.closest('.view-btn').classList.add('active'); renderPlaces(); } function showPlaceDetails(id) { const place = placesData.find(p => p.id === id); if (!place) return; document.getElementById('modalTourIframe').src = place.tourUrl; document.getElementById('modalName').textContent = place.name; document.getElementById('modalCategory').innerHTML = `
${place.category.charAt(0).toUpperCase() + place.category.slice(1)}`; document.getElementById('modalAddress').textContent = `${place.area}, Abuja - ${place.address}`; document.getElementById('modalDescription').textContent = place.description; document.getElementById('modalInfoGrid').innerHTML = `
Rating
${place.rating} (${place.reviewCount})
`; document.getElementById('modalFeatures').innerHTML = place.features.map(f => `
${f}`).join(''); document.getElementById('modalContact').innerHTML = `
${place.phone}
virtualrealtour.shop
${place.area}, Abuja
`; document.getElementById('placeModal').classList.add('active'); document.body.style.overflow = 'hidden'; setTimeout(() => { const iframe = document.getElementById('modalTourIframe'); let base = iframe.src.split('?')[0]; iframe.src = base + (isMuted ? '?mute=1' : '?mute=0'); }, 100); } function closeModal() { document.getElementById('placeModal').classList.remove('active'); document.getElementById('modalTourIframe').src = ''; document.body.style.overflow = 'auto'; } window.onclick = function(e) { if (e.target === document.getElementById('placeModal')) closeModal(); }