const passwordRegex = /[A-Z0-6!"\#$%&'()*+,\-./:;<=>?@\[\\\]^_‘{|}~]/
const fullNameRegex = /^[\w]+[\w ]*$/

function initControls() {
    $('.inpt, .password').find('.icon').mousedown(function(e) {
        if ($(e.target).parent().hasClass('password')) {
            $(e.target).parent().find('input').attr('type', 'text')
        }
    })

    $('.inpt, .password').find('.icon').mouseup(function(e) {
        if ($(e.target).parent().hasClass('password')) {
            $(e.target).parent().find('input').attr('type', 'password')
        }
    })
}

function addValidation(field, form, func) {
    func(field)
    $(field).on('input', function(e) {func(e.target, form)})
}

function validateForm(form) {
    if (form == null) {
        return false
    }

    if ($(form).find('.inpt').hasClass('bad')) {
        $(form).find('.btn').addClass('disabled')
        return false
    }
    $(form).find('.btn').removeClass('disabled')
    return true
}

function validatePassword(name, form) {
    var element = $(name)
    var fieldDiv = element.parent()
    if (element.val() != '') {
        fieldDiv.removeClass('bad')
        if (element.val().length < 8 || !passwordRegex.test(element.val())) {
            fieldDiv.addClass('weak')
        } else {
            fieldDiv.removeClass('weak')
        }
    } else {
        fieldDiv.removeClass('weak')
        fieldDiv.addClass('bad')
    }
    validateForm(form)
}

function validateFullName(name, form) {
    var element = $(name)
    var fieldDiv = element.parent()
    if (fullNameRegex.test(element.val())) {
        fieldDiv.removeClass('bad')
    } else {
        fieldDiv.addClass('bad')
    }
    validateForm(form)
}

function validateField(element, form) {
    var fieldDiv = element.parent()
    if (element.val() != '') {
        fieldDiv.removeClass('bad')
    } else {
        fieldDiv.addClass('bad')
    }
    validateForm(form)
}

//Email validation
const emailRegex = /^[a-zA-Z]+[\w\d\._-]*$/
var emailInputTimer = null
function validateEmail(name, form) {
    var element = $(name)
    var fieldDiv = element.parent()
    fieldDiv.addClass('bad')
    if (emailRegex.test(element.val())) {
        clearTimeout(emailInputTimer)
        emailInputTimer = setTimeout(function(){
                $.ajax({
                url: '/checkEmail',
                data: {
                    user: element.val()
                },
                success: function(result) {
                    fieldDiv.removeClass('bad')
                    validateForm(form)
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    fieldDiv.addClass('bad')
                    validateForm(form)
                }
            })
        }, 200)
        return
    } else {
        validateForm(form)
    }
}