const changepasswordform = document.querySelector('.changepasswordform')
const cancelchangepassword = document.querySelector('#cancelchangepassword')
const changepasswordformbody = document.querySelector('.changepasswordformbody')
const changepasswordnewpassword = document.querySelector('#changepasswordnewpassword')

let changepassuserid = "";

const change_password = (userid) => {
    changepasswordform.classList.add('active')
    changepassuserid = userid
}

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

changepasswordformbody.addEventListener('submit', async e => {
    e.preventDefault()
    const hashedpassword = await hashPassword(changepasswordnewpassword.value)
    const status = await fetch(routes.change_password_url(), {
        method: 'POST',
        body: `{"token":"${localStorage.getItem('token')}","userid":${changepassuserid},"new_password":"${hashedpassword}"}`
    }).then(data => data.json()).then(jsondata => jsondata).catch((error) => {
        notification(`Ошибка на сервере: ${error}`, "error")
    })
    if (!status.error) {
        notification("Пароль успешно изменен", "success")
        changepasswordform.classList.remove('active')
        changepasswordnewpassword.value = ""
    } else {
        notification(status.error, "error")
    }
})