${location.address.city}, ${location.address.region ?? 'TX'} ${location.address.postalCode}`; if (address) { address.innerHTML = addressContent; } if (addressBlock) { addressBlock.ariaLabel = location.address.full; } if (locationLink) { locationLink.href = location.Url; locationLink.dataset.varsLocationLink = location.Url; } if (phoneLink) { if (location.Phone) { phoneLink.innerHTML = location.Phone; phoneLink.href = 'tel:' + location.Phone; phoneLink.parentElement.parentElement.classList.remove('hidden'); } else { phoneLink.parentElement.parentElement.classList.add('hidden'); } } if (directions) { directions.href = "https://maps.google.com/maps/dir//" + location.address.googleAddress; } if (primaryTimeslots) { primaryTimeslots.setAttribute('location', location.address.apiString); primaryTimeslots.setAttribute('location-id', location.id); primaryTimeslots.setAttribute('phone', location.Phone); primaryTimeslots.outerHTML = primaryTimeslots.outerHTML; } } function useLocationsDropdown() { const locationSelector = document.querySelector('#locationSelector'); locationSelector?.addEventListener('click', handleDropdown); async function handleDropdown(e) { const dropdownEl = document.querySelector('.selector-dropdown'); const selectedLocationEl = document.querySelector('.selected-option'); const optionWrappers = document.querySelectorAll('.selector-option-wrapper'); const options = document.querySelector('.selector-options'); if (e.target.classList.contains('selector-dropdown')) { toggleHidden(options); } if (e.target.classList.contains('location-select')) { const selectedLocation = window.pageState.locations.find(location => location.id === e.target.value); optionWrappers.forEach((option) => option.classList.remove('selected')); e.target.parentElement.classList.add('selected'); selectedLocationEl.innerText = selectedLocation.Caption; dropdownEl.dataset.value = selectedLocation.id; toggleHidden(options); setState({ selectedLoc: selectedLocation.id }); console.log('Select location:',selectedLocation.id); updateLocationElements(selectedLocation); if (google.maps) { window.search.helpers.map.selectMarker(selectedLocation.id); } displayCrossSells(); } } }