$(document).ready(function() {
	var hulla = new hullabaloo();

	function jumpToId(id) {
	    // Scroll
	    $('html,body').animate({
	        scrollTop: $("#" + id).offset().top
	    }, 'slow');
	}

	/*
	* Profile Section
	* - Save/Update Personal Information
	* - Save/Update Account Information
	* - Change Password
	* - Save/Update Attorney Information
	*/

	$('#formPersonalInformation').on('submit' ,function(e){
		e.preventDefault();
		var form = $('#formPersonalInformation');
		var url = $('#formPersonalInformation').attr('action') + '?_method=PUT';
		var data = form.serialize();
		$('#formPersonalInformation :input').attr("disabled", true);
		$.ajax({
			url: url,
			data: data,
			method: 'POST',
			cache: false,
            timeout: 15000,
            async: true,
            headers: {
              "cache-control": "no-cache",
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(result){
            	var res = result;
                $('#personal-information-error').html("");
                jumpToId('personal-information-card');
                $('input[name=first_name]').removeClass('is-invalid');
                $('input[name=first_name]').next().remove();
                $('input[name=last_name]').removeClass('is-invalid');
                $('input[name=last_name]').next().remove();
                $('input[name=dob]').removeClass('is-invalid');
                $('input[name=dob]').next().remove();
                $('input[name=city]').removeClass('is-invalid');
                $('input[name=city]').next().remove();
                $('input[name=state]').removeClass('is-invalid');
                $('input[name=state]').next().remove();
            	if(res['Error']){
                    $('#personal-information-error').html('<div class="alert alert-danger" role="alert"> <i class="fa fa-exclamation-triangle"></i> Required fields are highlighted!</div>');
            		if(typeof res['Message']['first_name'] !== 'undefined'){
            			$('input[name=first_name]').addClass('is-invalid');
            			$('input[name=first_name]').parent().append('<div class="invalid-feedback">' + res['Message']['first_name'] +'</div>');
            		}
            		if(typeof res['Message']['last_name'] !== 'undefined'){
            			$('input[name=last_name]').addClass('is-invalid');
            			$('input[name=last_name]').parent().append('<div class="invalid-feedback">' + res['Message']['last_name'] +'</div>');
            		}
            		if(typeof res['Message']['dob'] !== 'undefined'){
            			$('input[name=dob]').addClass('is-invalid');
            			$('input[name=dob]').parent().append('<div class="invalid-feedback">' + res['Message']['dob'] +'</div>');
            		}
            		if(typeof res['Message']['city'] !== 'undefined'){
            			$('input[name=city]').addClass('is-invalid');
            			$('input[name=city]').parent().append('<div class="invalid-feedback">' + res['Message']['city'] +'</div>');
            		}
            		if(typeof res['Message']['state'] !== 'undefined'){
            			$('input[name=state]').addClass('is-invalid');
            			$('input[name=state]').parent().append('<div class="invalid-feedback">' + res['Message']['state'] +'</div>');
            		}
            	}else{
            		hulla.send(res['Message'], 'success')
            	}
				$('#formPersonalInformation :input').attr("disabled", false);
				$('#submitPersonalInformation').attr('disabled', false);
				$('#submitPersonalInformation').html("<i class='fa fa-save'></i> Save");
            }
		});
	});

	$('#formAccountInformation').on('submit' ,function(e){
		e.preventDefault();
		var form = $('#formAccountInformation');
		var url = $('#formAccountInformation').attr('action') + '?_method=PUT';
		var data = form.serialize();
		$('#formAccountInformation :input').attr("disabled", true);
		$.ajax({
			url: url,
			data: data,
			method: 'POST',
			cache: false,
            timeout: 15000,
            async: true,
            headers: {
              "cache-control": "no-cache",
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(result){
            	var res = result;
                $('#account-information-error').html("");
                jumpToId('account-information-card');
                $('input[name=email]').removeClass('is-invalid');
                $('input[name=email]').next().remove();
            	if(res['Error']){
            		$('#account-information-error').html('<div class="alert alert-danger" role="alert"> <i class="fa fa-exclamation-triangle"></i> Required fields are highlighted!</div>');
            		if(typeof res['Message']['email'] !== 'undefined'){
            			$('input[name=email]').addClass('is-invalid');
            			$('input[name=email]').parent().append('<div class="invalid-feedback">' + res['Message']['email'] +'</div>');
            		}
            	}else{
            		hulla.send(res['Message'], 'success')
            	}
				$('#formAccountInformation :input').attr("disabled", false);
				$('#submitAccountInformation').attr('disabled', false);
				$("button[data-target='#collapseChangePassword']").attr('disabled', false);
				$('#submitAccountInformation').html("<i class='fa fa-save'></i> Save");
            }
		});
	});

	$('#formAccountChangePassword').on('submit', function(e){
		e.preventDefault();
		$('#formAccountChangePassword button').attr('disabled', true);
		$('#formAccountChangePassword button').html("<i class='fa fa-spin fa-spinner'></i> Updating");
		$("button[data-target='#collapseChangePassword']").attr('disabled', true);
		var form = $('#formAccountChangePassword');
		var url = $('#formAccountChangePassword').attr('action') + '?_method=PUT';
		var data = form.serialize();
		$('#formAccountChangePassword :input').attr("disabled", true);
		$.ajax({
			url: url,
			data: data,
			method: 'POST',
			cache: false,
            timeout: 15000,
            async: true,
            headers: {
              "cache-control": "no-cache",
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(result){
            	var res = result;
                $('#account-information-change-password-error').html("");
                jumpToId('account-information-change-password-card');
                $('input[name=oldPassword]').removeClass('is-invalid');
                $('input[name=oldPassword]').next().remove();
                $('input[name=newPassword]').removeClass('is-invalid');
                $('input[name=newPassword]').next().remove();
                $('input[name=confirmPassword]').removeClass('is-invalid');
                $('input[name=confirmPassword]').next().remove();
            	if(res['Error']){
            		$('#account-information-change-password-error').html('<div class="alert alert-danger" role="alert"> <i class="fa fa-exclamation-triangle"></i> Required fields are highlighted!</div>');
            		if(typeof res['Message']['oldPassword'] !== 'undefined'){
            			$('input[name=oldPassword]').addClass('is-invalid');
            			$('input[name=oldPassword]').parent().append('<div class="invalid-feedback">' + res['Message']['oldPassword'] +'</div>');
            		}
            		if(typeof res['Message']['newPassword'] !== 'undefined'){
            			$('input[name=newPassword]').addClass('is-invalid');
            			$('input[name=newPassword]').parent().append('<div class="invalid-feedback">' + res['Message']['newPassword'] +'</div>');
            		}
            		if(typeof res['Message']['confirmPassword'] !== 'undefined'){
            			$('input[name=confirmPassword]').addClass('is-invalid');
            			$('input[name=confirmPassword]').parent().append('<div class="invalid-feedback">' + res['Message']['confirmPassword'] +'</div>');
            		}
            	}else{
            		document.getElementById('logout-form').submit();
            	}
				$('#formAccountChangePassword :input').attr("disabled", false);
				$('#formAccountChangePassword button').attr('disabled', false);
				$("button[data-target='#collapseChangePassword']").attr('disabled', false);
				$('#formAccountChangePassword button').html("<i class='fa fa-lock'></i> Update");
            }
		});
	});

	$('#formAttorneyInformation').on('submit' ,function(e){
		e.preventDefault();
		var form = $('#formAttorneyInformation');
		var url = $('#formAttorneyInformation').attr('action') + '?_method=PUT';
		var data = form.serialize();
		$('#formAttorneyInformation :input').attr("disabled", true);
		$.ajax({
			url: url,
			data: data,
			method: 'POST',
			cache: false,
            timeout: 15000,
            async: true,
            headers: {
              "cache-control": "no-cache",
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(result){
            	var res = result;
                $('#attorney-information-error').html("");
                jumpToId('attorney-information-card');
                $('input[name=state-bar-number]').removeClass('is-invalid');
                $('input[name=state-bar-number]').next().remove();
                $('input[name=business-zip]').removeClass('is-invalid');
                $('input[name=business-zip]').next().remove();
                $('textarea[name=bio]').removeClass('is-invalid');
                $('textarea[name=bio]').next().remove();
            	if(res['Error']){
            		$('#attorney-information-error').html('<div class="alert alert-danger" role="alert"> <i class="fa fa-exclamation-triangle"></i> Required fields are highlighted!</div>');
            		if(typeof res['Message']['state-bar-number'] !== 'undefined'){
            			$('input[name=state-bar-number]').addClass('is-invalid');
            			$('input[name=state-bar-number]').parent().append('<div class="invalid-feedback">' + res['Message']['state-bar-number'] +'</div>');
            		}
            		if(typeof res['Message']['business-zip'] !== 'undefined'){
            			$('input[name=business-zip]').addClass('is-invalid');
            			$('input[name=business-zip]').parent().append('<div class="invalid-feedback">' + res['Message']['business-zip'] +'</div>');
            		}
            		if(typeof res['Message']['bio'] !== 'undefined'){
            			$('textarea[name=bio]').addClass('is-invalid');
            			$('textarea[name=bio]').parent().append('<div class="invalid-feedback">' + res['Message']['bio'] +'</div>');
            		}
            	}else{
            		hulla.send(res['Message'], 'success')
            	}
				$('#formAttorneyInformation :input').attr("disabled", false);
				$('#submitAttorneyInformation').attr('disabled', false);
				$('#submitAttorneyInformation').html("<i class='fa fa-save'></i> Save");
            }
		});
	});

	$('#submitPersonalInformation').off().on('click', function(e){
		$('#submitPersonalInformation').attr('disabled', true);
		$('#submitPersonalInformation').html("<i class='fa fa-spin fa-spinner'></i> Saving");
		$('#formPersonalInformation').submit();
	});

	$('#submitAccountInformation').off().on('click', function(e){
		$('#submitAccountInformation').attr('disabled', true);
		$('#submitAccountInformation').html("<i class='fa fa-spin fa-spinner'></i> Saving");
		$('#formAccountInformation').submit();
		$("button[data-target='#collapseChangePassword']").attr('disabled', true);
	});

	$('#submitAttorneyInformation').off().on('click', function(e){
		$('#submitAttorneyInformation').attr('disabled', true);
		$('#submitAttorneyInformation').html("<i class='fa fa-spin fa-spinner'></i> Saving");
		$('#formAttorneyInformation').submit();
	});

	/*
	* End Profile Section
	*/
});