const wifistatus = document.querySelector('#wifistatus')
const wifisettingsbody = document.querySelector('#wifisettingsbody')
const wifissid = document.querySelector('#SSID')
const wifipassword = document.querySelector('#wifipassword')
const showpasswordbutton = document.querySelector('#showpasswordbutton')
const setwifisettings = document.querySelector('#setwifisettings')
const shownewpasswordbutton = document.querySelector('#shownewpasswordbutton')
const newwifipassword = document.querySelector('#newwifipassword')
const wifiqr = document.querySelector('#wifiqr')
const wifiqrimg = document.querySelector("#wifiqrimg")
const channelselect = document.querySelector('#wifichannel')

let old_wifi_name = ""

const get_wifi_status = () => {
    wifistatus.checked = settings.wifi.enabled
    if (settings.wifi.enabled) {
        wifisettingsbody.classList.add('active')
    } else {
        wifisettingsbody.classList.remove('active')
    }
}

const get_wifi_name = () => {
    wifissid.value = settings.wifi.name
    old_wifi_name = settings.wifi.name
}

const set_wifi_password = () => {
    fetch(routes.wifi_password_set(), {
        method: 'POST',
        body: `{"token":"${localStorage.getItem('token')}","password":"${wifipassword.value}","newpassword":"${newwifipassword.value}"}`
    }).then(data => data.json()).then(jsondata => {
        if (jsondata.status === "reject") {
            notification("Неверный пароль", "error")
            return
        }
        notification("Пароль WIFI оспешно сорранен", "success")
        wifipassword.value = ""
        newwifipassword.value = ""
    }).catch((error) => {
        notification(`Ошибка на сервере: ${error}`, "error")
    })
}

const set_wifi_settings = () => {
    if (confirm("Confirm wifi settings?")) {
        start_loader()
        settings.wifi.enabled = wifistatus.checked
        settings.wifi.name = wifissid.value
        settings.wifi.channel = channelselect.value
        set_all_settings()
        wifistatus.checked = settings.wifi.enabled
        if (settings.wifi.enabled) {
            wifisettingsbody.classList.add('active')
        }
        wifissid.value = settings.wifi.name
        old_wifi_name = settings.wifi.name
        channelselect.value = settings.wifi.channel
        if (wifipassword.value !== "" && newwifipassword.value !== "") {
            set_wifi_password()
        }
        stop_loader()
    }
}

setwifisettings.addEventListener('click', set_wifi_settings)

wifistatus.addEventListener('click', () => {
    if (wifistatus.checked) {
        wifisettingsbody.classList.add('active')
        return
    }
    wifisettingsbody.classList.remove('active')
})

showpasswordbutton.addEventListener('click', () => {
    if (wifipassword.type == "password") {
        wifipassword.type = "text"
        return
    }
    wifipassword.type = "password"
})

shownewpasswordbutton.addEventListener('click', () => {
    if (newwifipassword.type == "password") {
        newwifipassword.type = "text"
        return
    }
    newwifipassword.type = "password"
})

const get_wifi_qr_code = () => {
    fetch(routes.wifi_qr_get(), {
        method: 'POST',
        body: `{"token":"${localStorage.getItem('token')}"}`
    }).then(data => data.text()).then(svgdata => {
        wifiqrimg.innerHTML = svgdata
    }).catch((error) => {
        notification(`Ошибка на сервере: ${error}`, "error")
    })
}

wifiqr.addEventListener('click', () => {
    if (wifiqr.checked) {
        get_wifi_qr_code()
        wifiqrimg.innerHTML =
            wifiqrimg.classList.add('active')
        return
    }
    wifiqrimg.classList.remove('active')
    wifiqrimg.innerHTML = ""
})

const get_wifi_channel = () => {
    channelselect.value = settings.wifi.channel
}