/* eslint-disable import/no-relative-packages */
import React, {
  createContext, useContext, useEffect, useMemo,
} from 'react';
import moment from 'moment';
import 'moment/min/locales.min';

import af from '../../resources/l10n/af.json';
import ar from '../../resources/l10n/ar.json';
import az from '../../resources/l10n/az.json';
import bg from '../../resources/l10n/bg.json';
import bn from '../../resources/l10n/bn.json';
import ca from '../../resources/l10n/ca.json';
import cs from '../../resources/l10n/cs.json';
import da from '../../resources/l10n/da.json';
import de from '../../resources/l10n/de.json';
import el from '../../resources/l10n/el.json';
import en from '../../resources/l10n/en.json';
import es from '../../resources/l10n/es.json';
import fa from '../../resources/l10n/fa.json';
import fi from '../../resources/l10n/fi.json';
import fr from '../../resources/l10n/fr.json';
import gl from '../../resources/l10n/gl.json';
import he from '../../resources/l10n/he.json';
import hi from '../../resources/l10n/hi.json';
import hr from '../../resources/l10n/hr.json';
import hu from '../../resources/l10n/hu.json';
import id from '../../resources/l10n/id.json';
import it from '../../resources/l10n/it.json';
import ja from '../../resources/l10n/ja.json';
import ka from '../../resources/l10n/ka.json';
import kk from '../../resources/l10n/kk.json';
import km from '../../resources/l10n/km.json';
import ko from '../../resources/l10n/ko.json';
import lo from '../../resources/l10n/lo.json';
import lt from '../../resources/l10n/lt.json';
import lv from '../../resources/l10n/lv.json';
import ml from '../../resources/l10n/ml.json';
import mn from '../../resources/l10n/mn.json';
import ms from '../../resources/l10n/ms.json';
import nb from '../../resources/l10n/nb.json';
import ne from '../../resources/l10n/ne.json';
import nl from '../../resources/l10n/nl.json';
import nn from '../../resources/l10n/nn.json';
import pl from '../../resources/l10n/pl.json';
import pt from '../../resources/l10n/pt.json';
import ptBR from '../../resources/l10n/pt_BR.json';
import ro from '../../resources/l10n/ro.json';
import ru from '../../resources/l10n/ru.json';
import si from '../../resources/l10n/si.json';
import sk from '../../resources/l10n/sk.json';
import sl from '../../resources/l10n/sl.json';
import sq from '../../resources/l10n/sq.json';
import sr from '../../resources/l10n/sr.json';
import sv from '../../resources/l10n/sv.json';
import ta from '../../resources/l10n/ta.json';
import th from '../../resources/l10n/th.json';
import tr from '../../resources/l10n/tr.json';
import uk from '../../resources/l10n/uk.json';
import uz from '../../resources/l10n/uz.json';
import vi from '../../resources/l10n/vi.json';
import zh from '../../resources/l10n/zh.json';
import zhTW from '../../resources/l10n/zh_TW.json';
import usePersistedState from '../util/usePersistedState';

const languages = {
  af: { data: af, countryCode: 'ZA', name: 'Afrikaans' },
  ar: { data: ar, countryCode: 'AE', name: 'العربية' },
  az: { data: az, countryCode: 'AZ', name: 'Azərbaycanca' },
  bg: { data: bg, countryCode: 'BG', name: 'Български' },
  bn: { data: bn, countryCode: 'IN', name: 'বাংলা' },
  ca: { data: ca, countryCode: 'ES', name: 'Català' },
  cs: { data: cs, countryCode: 'CZ', name: 'Čeština' },
  de: { data: de, countryCode: 'DE', name: 'Deutsch' },
  da: { data: da, countryCode: 'DK', name: 'Dansk' },
  el: { data: el, countryCode: 'GR', name: 'Ελληνικά' },
  en: { data: en, countryCode: 'US', name: 'English' },
  es: { data: es, countryCode: 'ES', name: 'Español' },
  fa: { data: fa, countryCode: 'IR', name: 'فارسی' },
  fi: { data: fi, countryCode: 'FI', name: 'Suomi' },
  fr: { data: fr, countryCode: 'FR', name: 'Français' },
  gl: { data: gl, countryCode: 'ES', name: 'Galego' },
  he: { data: he, countryCode: 'IL', name: 'עברית' },
  hi: { data: hi, countryCode: 'IN', name: 'हिन्दी' },
  hr: { data: hr, countryCode: 'HR', name: 'Hrvatski' },
  hu: { data: hu, countryCode: 'HU', name: 'Magyar' },
  id: { data: id, countryCode: 'ID', name: 'Bahasa Indonesia' },
  it: { data: it, countryCode: 'IT', name: 'Italiano' },
  ja: { data: ja, countryCode: 'JP', name: '日本語' },
  ka: { data: ka, countryCode: 'GE', name: 'ქართული' },
  kk: { data: kk, countryCode: 'KZ', name: 'Қазақша' },
  ko: { data: ko, countryCode: 'KR', name: '한국어' },
  km: { data: km, countryCode: 'KH', name: 'ភាសាខ្មែរ' },
  lo: { data: lo, countryCode: 'LA', name: 'ລາວ' },
  lt: { data: lt, countryCode: 'LT', name: 'Lietuvių' },
  lv: { data: lv, countryCode: 'LV', name: 'Latviešu' },
  ml: { data: ml, countryCode: 'IN', name: 'മലയാളം' },
  mn: { data: mn, countryCode: 'MN', name: 'Монгол хэл' },
  ms: { data: ms, countryCode: 'MY', name: 'بهاس ملايو' },
  ne: { data: ne, countryCode: 'NP', name: 'नेपाली' },
  nl: { data: nl, countryCode: 'NL', name: 'Nederlands' },
  nb: { data: nb, countryCode: 'NO', name: 'Norsk bokmål' },
  nn: { data: nn, countryCode: 'NO', name: 'Norsk nynorsk' },
  pl: { data: pl, countryCode: 'PL', name: 'Polski' },
  pt: { data: pt, countryCode: 'PT', name: 'Português' },
  ptBR: { data: ptBR, countryCode: 'BR', name: 'Português (Brasil)' },
  ro: { data: ro, countryCode: 'RO', name: 'Română' },
  ru: { data: ru, countryCode: 'RU', name: 'Русский' },
  si: { data: si, countryCode: 'LK', name: 'සිංහල' },
  sk: { data: sk, countryCode: 'SK', name: 'Slovenčina' },
  sl: { data: sl, countryCode: 'SI', name: 'Slovenščina' },
  sq: { data: sq, countryCode: 'AL', name: 'Shqipëria' },
  sr: { data: sr, countryCode: 'RS', name: 'Srpski' },
  sv: { data: sv, countryCode: 'SE', name: 'Svenska' },
  ta: { data: ta, countryCode: 'IN', name: 'தமிழ்' },
  th: { data: th, countryCode: 'TH', name: 'ไทย' },
  tr: { data: tr, countryCode: 'TR', name: 'Türkçe' },
  uk: { data: uk, countryCode: 'UA', name: 'Українська' },
  uz: { data: uz, countryCode: 'UZ', name: 'Oʻzbekcha' },
  vi: { data: vi, countryCode: 'VN', name: 'Tiếng Việt' },
  zh: { data: zh, countryCode: 'CN', name: '中文' },
  zhTW: { data: zhTW, countryCode: 'TW', name: '中文 (Taiwan)' },
};

const getDefaultLanguage = () => {
  const browserLanguages = window.navigator.languages ? window.navigator.languages.slice() : [];
  const browserLanguage = window.navigator.userLanguage || window.navigator.language;
  browserLanguages.push(browserLanguage);
  browserLanguages.push(browserLanguage.substring(0, 2));

  for (let i = 0; i < browserLanguages.length; i += 1) {
    let language = browserLanguages[i].replace('-', '');
    if (language in languages) {
      return language;
    }
    if (language.length > 2) {
      language = language.substring(0, 2);
      if (language in languages) {
        return language;
      }
    }
  }
  return 'en';
};

const LocalizationContext = createContext({
  languages,
  language: 'en',
  setLanguage: () => {},
});

export const LocalizationProvider = ({ children }) => {
  const [language, setLanguage] = usePersistedState('language', getDefaultLanguage());

  const value = useMemo(() => ({ languages, language, setLanguage }), [languages, language, setLanguage]);

  useEffect(() => {
    let selected;
    if (language === 'zh') {
      selected = 'zh-cn';
    } else if (language.length > 2) {
      selected = `${language.slice(0, 2)}-${language.slice(-2).toLowerCase()}`;
    } else {
      selected = language;
    }
    moment.locale([selected, 'en']);
  }, [language]);

  return (
    <LocalizationContext.Provider value={value}>
      {children}
    </LocalizationContext.Provider>
  );
};

export const useLocalization = () => useContext(LocalizationContext);

export const useTranslation = () => {
  const context = useContext(LocalizationContext);
  const { data } = context.languages[context.language];
  return useMemo(() => (key) => data[key], [data]);
};

export const useTranslationKeys = (predicate) => {
  const context = useContext(LocalizationContext);
  const { data } = context.languages[context.language];
  return Object.keys(data).filter(predicate);
};