const telnetenabled = document.querySelector('#telnetenable')
const telnetsettingbody = document.querySelector('.telnetsettingbody')
const settelnetsettingsbutton = document.querySelector('#set_telnet_settings')
const confirmtelnetform = document.querySelector('.confirmtelnetform')
const canceltelnetbutton = document.querySelector('#canceltelnet')
const confirmtelnetbutton = document.querySelector('#confirmtelnet')

const get_telnet_enabled_status = () => {
    fetch(routes.telnet_status(), {
        method: 'POST',
        body: `{"token":"${localStorage.getItem("token")}"}`
    }).then(res => res.json()).then(jsondata => {
        if (jsondata.enabled === '1') {
            telnetenabled.checked = true
            // telnetsettingbody.classList.add('active')
            return;
        }
    }).catch((error) => {
        notification(`Ошибка на сервере: ${error}`, "error")
    })
}

const set_telnet_enabled_status = (status) => {
    fetch(routes.telnet_status_set(), {
        method: 'POST',
        body: `{"token":"${localStorage.getItem("token")}","enabled":"${status?1:0}"}`
    }).then(res => res.json()).then(jsondata => {
        if (jsondata.enabled === '1') {
            telnetenabled.checked = true
            // telnetsettingbody.classList.add('active')
        }
        notification("Настройки telnet сохранены", "success")
    }).catch((error) => {
        notification(`Ошибка на сервере: ${error}`, "error")
    })
}

get_telnet_enabled_status()

telnetenabled.addEventListener('click', () => {
    if (telnetenabled.checked) {
        // telnetsettingbody.classList.add('active')
    } else {
        telnetsettingbody.classList.remove('active')
    }
})

settelnetsettingsbutton.addEventListener('click', () => {
    confirmtelnetform.classList.add('active')
})

canceltelnetbutton.addEventListener('click', () => {
    confirmtelnetform.classList.remove('active')
})

confirmtelnetbutton.addEventListener('click', () => {
    set_telnet_enabled_status(telnetenabled.checked)
    confirmtelnetform.classList.remove('active')
})