$(document).ready(function () {
    var lang_prefix = '';
    if(SITE_LANG == 'en')
        lang_prefix = '/en/';

    function onChangeFile(e){

        if(e.target.files[0]) {

            var filePath = URL.createObjectURL(e.target.files[0]);
            $("#profile_pic_preview").attr('src', filePath);
            
        }
    }
    
    $("#profile_pic").on('change', onChangeFile)
    $("#mobile").on('change', function(){
        var numero = $("#mobile").val();
        if(numero[0]==0)
            numero = numero.substring(1);
        $("#mobile").val(numero);
    })

    $('#next-stp').on('click', function(e){
        e.preventDefault();
        var valid = $('#account-form').valid();
        var elem  = $("#account-form")
        var postData = $(elem).serializeArray();
        if (valid==true) {
            
            $.ajax({
                url:SITE_URL + lang_prefix +"/client/do_signUp_step1/",
                cache: false,
                type: "post",
                dataType:"json",
                data :postData,
                success:function(result){
                    $("#error_message").hide();
                    if(result.res==0){
                        if(result.res==0)
                            $("#error_message").html(result.message);
                        else
                            $("#error_message").html('Unexpected error occured. Please try again');
                        
                        $("#error_message").show('slow');
                    }else{
                        document.location=SITE_URL+lang_prefix+"/client/signUpStep2/";
                    }
                    
                }
            });
        }
        
    })
    
    $('#submit-stp').on('click', function(e){
        e.preventDefault();
        var valid = $('#account-form-final-step').valid();
        if (valid==true) {
            $('#account-form-final-step').submit();
        }else{
            //
        }
        
    })

    $('#account-form-final-step').validate({
        errorClass:'has-error',
        validClass:'is-valid',
        rules: {
            name:{
                required: true, 
            },
            surname:{
                required: true, 
            },
            city:{
                required: true, 
            },
            password:{
                required: true, 
                minlength: 6,
                maxlength: 20,
            },
            password_confirm: {
                required: true,
                equalTo: "#password"
            },            
        },
        messages: {
            name: {
              required: "Câmpul este obligatoriu",
            },
            surname: {
              required: "Câmpul este obligatoriu",
            },
            city: {
              required: "Câmpul este obligatoriu",
            },
            password: {
              required: "Câmpul este obligatoriu",
              minlength: "Parola trebuie sa conțină între 6 și 20 caractere",
              maxlength: "Parola trebuie sa conțină între 6 și 20 caractere",
            },
            password_confirm: {
              required: "Câmpul este obligatoriu",
              equalTo: "Campurile \"Parolă\" si \"Confirmă parola\" trebuie să fie identice",
            },
        },
        errorPlacement: function(error,element) {
          error.insertAfter(element);
        },
        highlight: function(element, errorClass) {
            var parent = $(element).parent('div');         
            var child = $(parent).find('input, select');
            $(child).addClass(errorClass);

        },
        unhighlight: function(element, errorClass, validClass) {
            var parent = $(element).parent('div');         
            var child = $(parent).find('input, select');
            $(child).removeClass(errorClass);
            $(child).addClass(validClass);

        }
    });
    

    $('#account-form').validate({
        errorClass:'has-error',
        validClass:'is-valid',
        rules: {
            email: {
                required: true,
                email: true,
                remote: {
                    type: 'GET',
                    url: 'https://www.perpetoo.com/client/check_email',
                    success: function(data) {
                        if (data == 'FALSE')
                        {
                            message: {
                                username: 'Există deja un utilizator cu această adresă de email'
                            }
                        }
                    }
                }
            },
            mobile:{
                required: true, 
                digits: true,
                minlength: 8,
                maxlength: 11
            }
        },
        messages: {
            email: {
              required: "Câmpul este obligatoriu",
              email: "Adresa de email nu este validă"
            },
            mobile: {
              required: "Câmpul este obligatoriu",
              minlength: "Numărul de telefon trebuie să conțină între 8 și 11 cifre",
              maxlength: "Numărul de telefon trebuie să conțină între 8 și 11 cifre",
              digits: "Adăugați doar cifre."
            },
        },
        errorPlacement: function(error,element) {
            if (element.attr("name") == "terms1" || element.attr("name") == "terms2"  || element.attr("name") == "terms3") {
              return true;
            } else {
              error.insertAfter(element);
            }
        },
        highlight: function(element, errorClass) {
            var parent = $(element).parent('div');         
            var child = $(parent).find('input, select');
            $(child).addClass(errorClass);

        },
        unhighlight: function(element, errorClass, validClass) {
            var parent = $(element).parent('div');         
            var child = $(parent).find('input, select');
            $(child).removeClass(errorClass);
            $(child).addClass(validClass);

        }
    });
    
});