const settingsElements = [
    volume, player2, player3, player5, player6, player8, player10, subtitle1, subtitle3, torrent1, torrent2, torrent3, torrent4, torrent5, torrent6, torrent9, other1, other2
]
setRes.addEventListener("click", restoreDefaults)
settingsTab.addEventListener("click", applySettingsTimeout)
volume.addEventListener("click", applySettingsTimeout)
regProtButton.addEventListener("click", registerProtocol)
let settings = {}
function restoreDefaults() {
    localStorage.removeItem("settings");
    location.reload()
}
let applyTimeout
function applySettingsTimeout() {
    clearTimeout(applyTimeout)
    applyTimeout = setTimeout(saveSettings, 500)
}
function saveSettings() {
    settingsElements.forEach(element => {
        element.type == "checkbox" ? settings[element.id] = element.checked : settings[element.id] = element.value
    })
    localStorage.setItem("settings", JSON.stringify(settings))
}

function renderSettings() {
    Object.entries(settings).forEach(setting => {
        let settingElement = settingsElements.filter(e => e.id == setting[0])[0]
        if (settingElement) settingElement.type == "checkbox" ? settingElement.checked = setting[1] : settingElement.value = setting[1]
    })
}
function registerProtocol() {
    if ('registerProtocolHandler' in navigator) {
        navigator.registerProtocolHandler(
            'magnet',
            `${location.href.replace(location.hash, '')}#home&file=%s`,
            'Miru'
        );
    }
}

if (!localStorage.getItem("settings")) {
    saveSettings()
    location.reload()
} else {
    settings = JSON.parse(localStorage.getItem("settings"))
}
clearRelCache.onclick = () => {
    localStorage.removeItem("store")
    store = {}
}
renderSettings()

other1.onclick = () => Notification.requestPermission().then(perm => perm == "denied" ? other1.checked = false : "")

let searchParams = new URLSearchParams(location.href)
if (searchParams.get("access_token")) {
    localStorage.setItem("ALtoken", searchParams.get("access_token"))
    window.location = "/app/#settingsTab"
}