$(document).ready(function() {
	$('#contact_name').on('input', function() {
		var input=$(this);
		var is_name=input.val();
		if(is_name){input.removeClass("invalid").addClass("valid");}
		else{input.removeClass("valid").addClass("invalid");}
	});
	$('#contact_email').on('input', function() {
		var input=$(this);
		var re = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
		var is_email=re.test(input.val());
		if(is_email){input.removeClass("invalid").addClass("valid");}
		else{input.removeClass("valid").addClass("invalid");}
	});

	$('#contact_phone').on('input', function() {
		var input=$(this);
		var re = /^[0-9()-]+$/;
		var is_email=re.test(input.val());
		if(is_email){input.removeClass("invalid").addClass("valid");}
		else{input.removeClass("valid").addClass("invalid");}
	});

	$('#contact_message').keyup(function(event) {
		var input=$(this);
		var message=$(this).val();
		if(message){input.removeClass("invalid").addClass("valid");}
		else{input.removeClass("valid").addClass("invalid");}	
	});

	$("#contact_submit button").click(function(event){
	 			event.preventDefault();
				var form_data=$("#contact").serializeArray();
				var for_data_validation=$("#contact").serializeArray();
				for_data_validation.pop();
				var error_free=true;
				for (var input in for_data_validation){
					var element=$("#contact_"+for_data_validation[input]['name']);
					var valid=element.hasClass("valid");
					var error_element=$("span", element.parent());
					if (!valid){error_element.removeClass("error").addClass("error_show"); error_free=false;}
					else{error_element.removeClass("error_show").addClass("error");}
				}
				if (!error_free){
					event.preventDefault(); 
				}
				else{
					console.log(form_data);
					 $.ajax({
			            type: 'POST',
			            url: $('#contact').attr('action'),
			            data: form_data
			        })
					  .done(done_func)
        			  .fail(fail_func);
				}
			});

	 function done_func(response) {
	 	$('#msgsent').addClass('success-msg');
	 	$('#contact_name').val('');
	 	$('#contact_email').val('');
	 	$('#contact_phone').val('');
	 	$('#contact_message').val('');
	 	
        // message.fadeIn().removeClass('alert-danger').addClass('alert-success');
        // message.text(response);
        // setTimeout(function () {
        //     message.fadeOut();
        // }, 6000);
        // form.find('input:not([type="submit"]), textarea').val('');
    }
   
    function fail_func(data) {
    	console.log("failed");
        // message.fadeIn().removeClass('alert-success').addClass('alert-danger');
        // message.text(data.responseText);
        // setTimeout(function () {
        //     message.fadeOut();
        // }, 6000);
    }
});