const langArr = [
  ["Afrikaans", "af"], ["Albanian", "sq"], ["Arabic", "ar"], ["Armenian", "hy"],
  ["Azerbaijani", "az"], ["Basque", "eu"], ["Belarusian", "be"], ["Bulgarian", "bg"],
  ["Catalan", "ca"], ["Croatian", "hr"], ["Czech", "cs"], ["Chinese (Simplified)", "zh-CN"],
  ["Chinese (Traditional)", "zh-TW"], ["Danish", "da"], ["Dutch", "nl"], ["English", "en"],
  ["Estonian", "et"], ["Filipino", "tl"], ["Finnish", "fi"], ["French", "fr"],
  ["Galician", "gl"], ["Georgian", "ka"], ["German", "de"], ["Greek", "el"],
  ["Haitian Creole", "ht"], ["Hebrew", "iw"], ["Hindi", "hi"], ["Hungarian", "hu"],
  ["Icelandic", "is"], ["Indonesian", "id"], ["Irish", "ga"], ["Italian", "it"],
  ["Japanese", "ja"], ["Korean", "ko"], ["Latvian", "lv"], ["Lithuanian", "lt"],
  ["Macedonian", "mk"], ["Malay", "ms"], ["Maltese", "mt"], ["Norwegian", "no"],
  ["Persian", "fa"], ["Polish", "pl"], ["Portuguese", "pt"], ["Romanian", "ro"],
  ["Russian", "ru"], ["Serbian", "sr"], ["Slovak", "sk"], ["Slovenian", "sl"],
  ["Spanish", "es"], ["Swahili", "sw"], ["Swedish", "sv"], ["Thai", "th"],
  ["Turkish", "tr"], ["Ukrainian", "uk"], ["Urdu", "ur"], ["Vietnamese", "vi"],
  ["Welsh", "cy"], ["Yiddish", "yi"]
];
const footerLangList = document.querySelector('.footer__lang-list');
const footerLangText = document.querySelector('.footer__lang-text');

if (footerLangList) {
  for (let i = 0; i < langArr.length; i++) {
    const a = document.createElement('a');
    a.setAttribute('href', `#googtrans(en|${langArr[i][1]})`);
    a.setAttribute('data-lang', langArr[i][1]);
    a.setAttribute('class', 'footer__lang-link footer__list-link lang-select');
    a.innerText = langArr[i][0];

    const li = document.createElement('li');
    li.setAttribute('class', 'footer__lang-item');
    li.append(a);

    footerLangList.append(li);
  }
}

function googleTranslateElementInit() {
  new google.translate.TranslateElement(
    { pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT },
    'google_translate_element'
  );
}

function setLang(lang) {
  localStorage.setItem('userLang', lang);

  var date = new Date();
  date.setFullYear(date.getFullYear() + 10);
  var expires = ";expires=" + date.toUTCString();

  document.cookie = "googtrans=/en/" + lang + expires + ";path=/;domain=." + location.hostname;
  document.cookie = "googtrans=/en/" + lang + expires + ";path=/";

  if (footerLangText) {
    const langItem = langArr.find(item => item[1] === lang);
    footerLangText.innerText = langItem ? langItem[0] : lang;
  }
}

jQuery(window).on('load', function() {
  const savedLang = localStorage.getItem('userLang');
  if (savedLang) {
    setLang(savedLang);
  }

  jQuery(document).on('click', '.lang-select', function(e) {
    e.preventDefault();

    const theLang = jQuery(this).attr('data-lang');
    setLang(theLang);

    const combo = document.querySelector('select.goog-te-combo');
    if (combo) {
      jQuery(combo).val(theLang).change();
    } else {
      try {
        let evt = new Event('change', { bubbles: true, cancelable: true });
        combo.dispatchEvent(evt);
      } catch (err) {
        try {
          let evt = document.createEvent('HTMLEvents');
          evt.initEvent('change', true, true);
          combo.dispatchEvent(evt);
        } catch {}
      }
    }

    setTimeout(function() {
      location.reload();
    }, 100);
  });
});