'; return; } countryData.forEach((country, index) => { const item = document.createElement('div'); item.className = `country-item ${index === 0 ? 'active' : ''}`; item.dataset.country = country.code; item.innerHTML = ` ${country.flag} ${country.name} `; item.addEventListener('click', function() { document.querySelectorAll('.country-item').forEach(i => i.classList.remove('active')); this.classList.add('active'); currentCountry = country.code; currentCountryName = country.name; updateSelectedLocation(); filterPlans(); // Close dropdown after selection setTimeout(() => { locationTrigger.classList.remove('active'); locationDropdown.classList.remove('active'); }, 200); }); countryList.appendChild(item); }); // Auto-select first country if (countryData.length > 0) { currentCountry = countryData[0].code; currentCountryName = countryData[0].name; updateSelectedLocation(); filterPlans(); } } // Region click handler regionItems.forEach(item => { item.addEventListener('click', function() { regionItems.forEach(i => i.classList.remove('active')); this.classList.add('active'); currentRegion = this.dataset.region; currentRegionName = regionNames[currentRegion]; updateCountryList(currentRegion); }); }); // Update selected location text function updateSelectedLocation() { if (currentCountry) { selectedLocation.textContent = `${currentRegionName} - ${currentCountryName}`; } else { selectedLocation.textContent = 'لطفاً قاره و کشور را انتخاب کنید'; } } // Initialize: update country list and filter plans updateCountryList('asia'); }