window.browser = window.browser || window.chrome

import localise from "../../assets/javascripts/localise.js"
import utils from "../../assets/javascripts/utils.js"
import servicesHelper from "../../assets/javascripts/services.js"

if (!(await utils.getOptions())) {
	await servicesHelper.initDefaults()
}

async function changeTheme() {
	switch ((await utils.getOptions()).theme) {
		case "dark":
			document.body.classList.add("dark-theme")
			document.body.classList.remove("light-theme")
			for (const element of document.body.getElementsByClassName('dark')) {
				element.style.display = 'none';
			}
			break
		case "light":
			document.body.classList.add("light-theme")
			document.body.classList.remove("dark-theme")
			for (const element of document.body.getElementsByClassName('light')) {
				element.style.display = 'none';
			}
			break
		default:
			if (matchMedia("(prefers-color-scheme: light)").matches) {
				document.body.classList.add("light-theme")
				document.body.classList.remove("dark-theme")
				for (const element of document.body.getElementsByClassName('light')) {
					element.style.display = 'none';
				}
			} else {
				document.body.classList.add("dark-theme")
				document.body.classList.remove("light-theme")
				for (const element of document.body.getElementsByClassName('dark')) {
					element.style.display = 'none';
				}
			}
	}
}

changeTheme()
if (["ar", "iw", "ku", "fa", "ur"].includes(browser.i18n.getUILanguage())) {
	document.getElementsByTagName("body")[0].classList.add("rtl")
	document.getElementsByTagName("body")[0].dir = "rtl"
}
localise.localisePage()

window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", changeTheme)