const adduserbutton = document.querySelector('#adduserbutton')
const adduserform = document.querySelector('.adduserform')
const canceladduserbutton = document.querySelector('#canceladduser')
const adduserformbody = document.querySelector('.adduserformbody')
const usernameinput = document.querySelector('#adduserformusername')
const passwordinput = document.querySelector('#adduserformpassword')
const groupinput = document.querySelector('#adduserformgroup')
const is_superuserinput = document.querySelector('#adduserformissuperuser')
const emailinput = document.querySelector('#adduserformemail')

adduserbutton.addEventListener('click', () => {
    adduserform.classList.add('active')
})

canceladduserbutton.addEventListener('click', (e) => {
    e.preventDefault()
    adduserform.classList.remove('active')
})

adduserformbody.addEventListener('submit', async (e) => {
    e.preventDefault()
    const hashedpassword = await hashPassword(passwordinput.value)
    const new_user = {
        username: usernameinput.value,
        email: emailinput.value,
        password: hashedpassword,
        group: groupinput.value,
        is_superuser: is_superuserinput.checked
    }
    const status = await fetch(routes.adduser(), {
        method: 'POST',
        body: `{"token":"${localStorage.getItem('token')}","username":"${new_user.username}","email":"${new_user.email}","password":"${new_user.password}","group":"${new_user.group}","is_superuser":"${new_user.is_superuser}"}`
    }).then(data => data.json()).then(jsondata => jsondata).catch((error) => {
        notification(`Ошибка на сервере: ${error}`, "error")
    })
    if (!status.error) {
        adduserform.classList.remove('active')
        await get_all_users()
        notification("Пользователь успешно добавлен", "success")
        usernameinput.value = ""
        passwordinput.value = ""
        groupinput.value = ""
    } else {
        notification(status.error, "error")
    }
})