window.addEventListener("load", () => {
  //1812
  var $html = $("html"),
    $preloader = $(".preloader"),
    $currLang = $(".curr_lang"),
    spinner = document.getElementById("spinner"),
    imgPath = spinner.getAttribute("data-img"),
    lang = localStorage.lang,
    langList = [
      "en",
      "ru",
      "de",
      "fi",
      "pl",
      "pt",
      "es",
      "ro",
      "hu",
      "fr",
      "ph",
      "vn",
      "th",
      "cz",
      "jp",
      "se",
      "lt",
      "lv",
      "ee",
      "sk",
    ];

  if (!lang) {
    // default lang
    var countryToLang = {
      en: "en",
      by: "en",
      az: "en",
      ge: "en",
      md: "en",
      mn: "en",
      tm: "en",
      kg: "en",
      tj: "en",
      de: "de",
      at: "de",
      ru: "ru",
      kz: "ru",
      fi: "fi",
      pl: "pl",
      pt: "pt",
      br: "pt",
      es: "es",
      ar: "es",
      cl: "es",
      co: "es",
      mx: "es",
      pe: "es",
      ro: "ro",
      hu: "hu",
      fr: "fr",
      ca: "en",
      ph: "ph",
      vn: "vn",
      th: "th",
      cz: "cz",
      jp: "jp",
      no: "en",
      se: "se",
      ee: "ee",
      sk: "sk",
      lt: "lt",
      lv: "lv",
      nz: "en",
      dk: "en",
      gr: "gr",
      default: "en",
    };
    var country = $html.attr("data-country");
    lang = countryToLang[country] || countryToLang["default"];
    localStorage.lang = lang;
  }

  const dataCountryCurrency = [
    "cl",
    "pe",
    "mx",
    "co",
    "br",
    "nz",
    "in",
    "no",
    "ca",
  ];
  const dataCountryUsd = ["by", "az", "ge", "md", "mn", "tm", "kg", "tj"];
  const dataCountryCurrencyEs = ["cl", "pe", "mx", "co"];
  const dataCountryCurrencyEn = [
    "nz",
    "in",
    "no",
    "by",
    "az",
    "ge",
    "md",
    "mn",
    "tm",
    "kg",
    "tj",
    "ca",
  ];

  for (let i = 0; i < dataCountryCurrency.length; i++) {
    if ($html.attr("data-country") === dataCountryCurrency[i]) {
      $html.addClass("cur_" + dataCountryCurrency[i]);
    }
  }
  for (let i = 0; i < dataCountryUsd.length; i++) {
    if ($html.attr("data-country") === dataCountryUsd[i]) {
      $html.addClass("cur_usd");
    }
  }

  var langListData = 0;
  var i;

  for (i = 0; i < langList.length; i++) {
    if (lang === langList[i]) {
      langListData = 1;
    }
  }
  if (langListData === 0) {
    $html.addClass("en");
    lang = "en";
  }

  if (lang === "es") {
    for (let i = 0; i < dataCountryCurrencyEs.length; i++) {
      if ($html.attr("data-country") === dataCountryCurrencyEs[i]) {
        spinner.src =
          imgPath + "/wheels/wheel-" + dataCountryCurrencyEs[i] + ".png";
        break;
      } else {
        spinner.src = imgPath + "/wheels/wheel-" + lang + ".png";
      }
    }
  } else if (lang === "pt") {
    if ($html.attr("data-country") === "br") {
      spinner.src = imgPath + "/wheels/wheel-" + "br" + ".png";
    } else {
      spinner.src = imgPath + "/wheels/wheel-" + lang + ".png";
    }
  } else if (lang === "en") {
    for (let i = 0; i < dataCountryCurrencyEn.length; i++) {
      if ($html.attr("data-country") === dataCountryCurrencyEn[i]) {
        for (let j = 0; j < dataCountryUsd.length; j++) {
          if ($html.attr("data-country") === dataCountryUsd[j]) {
            spinner.src = imgPath + "/wheels/wheel-" + "usd" + ".png";
            break;
          } else {
            spinner.src =
              imgPath + "/wheels/wheel-" + dataCountryCurrencyEn[i] + ".png";
          }
        }
        break;
      } else {
        spinner.src = imgPath + "/wheels/wheel-" + lang + ".png";
      }
    }
  } else {
    spinner.src = imgPath + "/wheels/wheel-" + lang + ".png";
  }

  var langListData = 0;
  var i;

  for (i = 0; i < langList.length; i++) {
    if (lang === langList[i]) {
      langListData = 1;
    }
  }
  if (langListData === 0) {
    $html.addClass("en");
    lang = "en";
  }

  langList.forEach(function (element) {
    $html.removeClass(element).addClass(lang);
  });

  $('.lang_list_item[data-lang="' + lang + '"]')
    .addClass("curr")
    .siblings()
    .removeClass("curr");
  $currLang.html($('.lang_list_item[data-lang="' + lang + '"]').html());

  setTimeout(function () {
    $preloader.fadeOut();
    setTimeout(function () {
      $html.addClass("hide");
    }, 200);
  }, 200);

  var $langSwitcher = $(".lang_switcher"),
    $langList = $(".lang_list"),
    $langListItem = $(".lang_list_item");

  $langSwitcher.click(function () {
    $langList.toggleClass("act");
  });

  $langListItem.click(function () {
    $preloader.fadeIn();
    $html.removeClass("hide");
    setTimeout(function () {
      $preloader.fadeOut();
      $html.addClass("hide");
    }, 200);
    var lang = $(this).data("lang");
    var langs = $(".lang_list_item")
      .map(function (i, el) {
        return $(el).data("lang");
      })
      .toArray()
      .join(" ");
    $html.removeClass(langs).addClass(lang);
    localStorage.lang = lang;
    $('.lang_list_item[data-lang="' + lang + '"]')
      .addClass("curr")
      .siblings()
      .removeClass("curr");
    $currLang.html($(this).html());
    if (lang === "es") {
      for (let i = 0; i < dataCountryCurrencyEs.length; i++) {
        if ($html.attr("data-country") === dataCountryCurrencyEs[i]) {
          spinner.src =
            imgPath + "/wheels/wheel-" + dataCountryCurrencyEs[i] + ".png";
          break;
        } else {
          spinner.src = imgPath + "/wheels/wheel-" + lang + ".png";
        }
      }
    } else if (lang === "pt") {
      if ($html.attr("data-country") === "br") {
        spinner.src = imgPath + "/wheels/wheel-" + "br" + ".png";
      } else {
        spinner.src = imgPath + "/wheels/wheel-" + lang + ".png";
      }
    } else if (lang === "en") {
      for (let i = 0; i < dataCountryCurrencyEn.length; i++) {
        if ($html.attr("data-country") === dataCountryCurrencyEn[i]) {
          for (let j = 0; j < dataCountryUsd.length; j++) {
            if ($html.attr("data-country") === dataCountryUsd[j]) {
              spinner.src = imgPath + "/wheels/wheel-" + "usd" + ".png";
              break;
            } else {
              spinner.src =
                imgPath + "/wheels/wheel-" + dataCountryCurrencyEn[i] + ".png";
            }
          }
          break;
        } else {
          spinner.src = imgPath + "/wheels/wheel-" + lang + ".png";
        }
      }
    } else {
      spinner.src = imgPath + "/wheels/wheel-" + lang + ".png";
    }
  });

  $(document).mouseup(function (e) {
    if (
      !$langSwitcher.is(e.target) &&
      $langSwitcher.has(e.target).length === 0
    ) {
      $langList.removeClass("act");
    }
  });

  var $button = $(".wheel__button"),
    $spinner = $(".wheel__spinner");

  $button.click(function () {
    if ($button.hasClass("first__spin")) {
      spinFirst();
    }
  });

  function spinFirst() {
    $(".wheel__button").attr("disabled", "disabled");
    $spinner
      .addClass("wheel__spinner_animated1")
      .removeClass("wheel__spinner_animated");
    setTimeout(function () {
      localStorage.wheel__1812 = "wheel";
      $(".popup").fadeIn();
    }, 4600);
  }

  if (localStorage.wheel__1812 == "wheel") {
    $(".popup").fadeIn();
    $spinner.css("transform", "rotate(1104deg)");
    $(".wheel__button").attr("disabled", "disabled");
    $spinner.removeClass("wheel__spinner_animated");
  }
});