$(document).ready(function () {
    var tempPhone;	// temp phone variable for change check;

	//load customer details ajax
	$('input[name="phone"]').focusout(function()
	{
		if(tempPhone!=$('input[name="phone"]').val())
		{
			//temp block user input of name and email address
			$('input[name="name"]').prop('disabled', true);
			$('input[name="email"]').prop('disabled', true);

			//display loading icons
			$('#loading-name').css('visibility',"visible");
			$('#loading-email').css('visibility',"visible");

			//seeking customer details based on phone number
			$.ajax({
				type: "POST",
				url: "booking/getCustomer",
				data: {b_phone: $('input[name="phone"]').val()},
				dataType: "json",
				encode: true,
			}).done(function (data) {
				$('input[name="name"]').val(data.name);				
				$('input[name="email"]').val(data.email);
			});

			//release the inputs 
			$('input[name="name"]').prop('disabled', false);
			$('input[name="email"]').prop('disabled', false);
	
			//display loading icons
			$('#loading-name').css('visibility',"hidden");
			$('#loading-email').css('visibility',"hidden");		  
		}

		//temp save this number 
		tempPhone = $('input[name="phone"]').val();

	});
});