console.log('👋 Hello Trusk!')

const form = document.getElementById("test-form")
const emailInput = document.getElementById("email-input")
const emailErrorSpan = document.getElementById("email-error")
const passwordInput = document.getElementById("password-input")
const passwordErrorSpan = document.getElementById("password-error")
const formErrorSpan = document.getElementById("form-error")
const submit = document.getElementById('submit')

const emailRegEx = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/

let emailError = null
let passwordError = null
let formError = null

const addEmailError = (err => {
    emailErrorSpan.textContent = err
    emailInput.className = 'error'
})

const addPasswordError = (err => {
    passwordErrorSpan.textContent = err
    passwordInput.className = 'error'
})

const addFormError = (err => {
    formErrorSpan.textContent = err
})

const removeEmailError = () => {
    emailErrorSpan.textContent = ''
    emailInput.className = ''
    emailError = null
}

const removePasswordError = () => {
    passwordErrorSpan.textContent = ''
    passwordInput.className = ''
    passwordError = null
}

const emailHandler = () => {
    console.log('Adresse e-mail change:', emailInput.value)
    removeEmailError()
}

const passwordHandler = () => {
    console.log('Mot de passe change:', passwordInput.value)
    removePasswordError()
}

emailInput.addEventListener('input', emailHandler)
passwordInput.addEventListener('input', passwordHandler)

form.addEventListener("submit", (event) => {
    event.preventDefault();

    const email = emailInput.value
    const password = passwordInput.value

    console.log('Soumission du formulaire...')
    console.log('Adresse e-mail:', email)
    console.log('Mot de passe:', password)

    if (!email || email.length === 0) {
        console.log('Adresse e-mail vide...')
        emailError = 'Renseignes une adresse e-mail!'
        addEmailError(emailError)
    } else if (!emailRegEx.test(email)) {
        console.log('Adresse e-mail invalide...')
        emailError = 'Renseignes une adresse e-mail valide!'
        addEmailError(emailError)
    } else if (email !== 'adrian@trusk.com') {
        console.log('Adresse e-mail non reconnue...')
        emailError = 'Renseignes la bonne adresse e-mail!'
        addEmailError(emailError)
    }

    if (!password || password.length === 0) {
        console.log('Mot de passe vide...')
        passwordError = 'Renseignes un mot de passe!'
        addPasswordError(passwordError)
    } else if (password !== 'adrian@trusk.com') {
        console.log('Mot de passe non valide...')
        passwordError = 'Renseignes le bon mot de passe!'
        addPasswordError(passwordError)
    }

    if (email === 'adrian@trusk.com' && password === 'adrian@trusk.com') window.location.href = '/ok.html'
})