const backup_settings_button = document.querySelector('#backup_settings')
const restore_setings_button = document.querySelector('#restore_settings')
const restore_settings_input = document.querySelector('#restore_settings_input')
const start_restore_settings = document.querySelector('#start_restore_settings')
const restore_default_settings = document.querySelector('#restore_default_settings')

backup_settings_button.href = routes.settings_backup()

restore_setings_button.addEventListener('click', () => restore_settings_input.click())

start_restore_settings.addEventListener('click', () => {
    let restore_file = restore_settings_input.files[0]
    console.log(restore_file)
    let formData = new FormData()
    formData.append('restore_settings', restore_file)
    fetch(routes.settings_restore(), {method:"POST", body: formData})
        .then(data => data.json())
        .then(jsondata => {
            console.log(jsondata)
            if (jsondata.status) {
                notification('Настройки применены', 'success')
                get_all_settings()
            } else {
                notification('Некорректный файл', 'error')
            }
        }).catch((error) => {
            notification(`Ошибка на сервере: ${error}`, "error")
        })
})

restore_default_settings.addEventListener('click', () => {
    fetch(routes.restore_defaults(), {
        method: 'POST',
        body: `{"token":"${localStorage.getItem("token")}"}`
    }).then(data => data.json()).then(jsondata => {
        if (jsondata.status) {
            notification(`Настройки успешно сохранены`, "success");
            get_all_settings()
        } else {
            notification(`Неизвестная ошибка`, "error");
        }
    }).catch((error) => {
        notification(`Ошибка на сервере: ${error}`, "error")
    })
})

// restore_settings_input.addEventListener('click', () => {

// })