.language-selector { position: relative; display: inline-block; } .language-select { appearance: none; background-color: white; border: 1px solid #e2e8f0; border-radius: 0.375rem; padding: 0.5rem 2rem 0.5rem 1rem; font-size: 0.875rem; line-height: 1.25rem; color: #4a5568; cursor: pointer; } .language-selector::after { content: "▼"; font-size: 0.75rem; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); pointer-events: none; } document.addEventListener('DOMContentLoaded', function() { const languageSelect = document.getElementById('language-select'); const currentHost = window.location.host; const currentPath = window.location.pathname; const currentSearch = window.location.search; // Check if the country value exists in session storage const storedCountry = sessionStorage.getItem('country'); if (storedCountry) { handleRedirection(storedCountry); } else { // If the country value doesn't exist in session storage, make the API request fetch('https://api.country.is/') .then(response => response.json()) .then(data => { const country = data.country; sessionStorage.setItem('country', country); handleRedirection(country); }) .catch(error => { console.error('Error fetching country:', error); }); } languageSelect.addEventListener('change', function() { const selectedValue = this.value; sessionStorage.setItem('country', selectedValue === 'NL' ? 'NL' : 'WW'); handleRedirection(selectedValue); }); function handleRedirection(country) { const isDutch = country === 'NL'; const newHost = isDutch ? 'nl.mothersearth.com' : 'mothersearth.com'; // if ((isDutch && !currentHost.startsWith('nl.')) || (!isDutch && currentHost.startsWith('nl.'))) { // const newUrl = `https://${newHost}${currentPath}${currentSearch}`; // window.location.href = newUrl; // } } });