/* Track Customer With Klaviyo */
function trackKlaviyo(learnq,data) {
	if (learnq) {
		var productName = 'Diploma';
		if(data.multiDoc==0){
			if(data.diploma_code == 1){
				productName = 'Diploma';
			}else{
				productName = 'Transcript';
			}
		}else{
			productName = 'MultiDoc';
		}

		if (location.href.indexOf('/preview') + 1) {
			learnq.push(['track', 'Completed Form', {
				'ProductName': productName,
				'URL': location.href
			}]);
		} else if (location.href.indexOf('/diploma-maker') + 1) {
			learnq.push(['track', 'Viewed Product', {
				'ProductName': 'Diploma',
				'URL': location.href
			}]);
			learnq.push(['trackViewedItem', {
				'Title': 'Diploma',
				'ItemId': 1,
				'Url': location.href
			}]);
		}else if (location.href.indexOf('/transcript-maker') + 1) {
			learnq.push(['track', 'Viewed Product', {
				'ProductName': 'Transcript',
				'URL': location.href
			}]);

			learnq.push(['trackViewedItem', {
				'Title': 'Transcript',
				'ItemId': 2,
				'Url': location.href
			}]);
		}else if (location.href.indexOf('/adddiploma') + 1 || location.href.indexOf('/addtranscript') + 1) {
			learnq.push(['track', 'Viewed Product', {
				'ProductName': 'MultiDoc',
				'URL': location.href
			}]);

			learnq.push(['trackViewedItem', {
				'Title': 'MultiDoc',
				'ItemId': 2,
				'Url': location.href
			}]);
		} else if (location.href.indexOf('/checkout') + 1) {
			learnq.push(['track', 'Started Checkout', {
				'ProductName': productName,
				'URL': location.href
			}]);
		}else if (location.href.indexOf('/thank-you') + 1) {
			learnq.push(['track', 'Completed Checkout', {
				'ProductName': productName,
				'URL': location.href
			}]);
		}
	}
}

function identifyKlaviyo(learnq, email) {
	if (learnq) {
		learnq.push(['identify', {
		'$email': email
		}]);
	}
}

function validateEmail($email) {
	var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
	return emailReg.test($email);
}

/* IE Browser check*/
function isIE() {
	var ua = window.navigator.userAgent;
	var msie = ua.indexOf('MSIE ');
	if (msie > 0) {
		return true;
	}
	var trident = ua.indexOf('Trident/index.html');
	if (trident > 0) {
		return true;
	}
	return false;
}

jQuery(document).ready(function($) {
	if(!isIE()){
		$.ajax({
			type: 'Get',
			url: '/validgrad/home/testsession',
			success: function (response) {
				var data=JSON.parse(response);
				trackKlaviyo(window._learnq,data);
			}
		});
	}

	// Slick Slider
	function slickIntialize(){
		$('.seals').slick({
			slidesToShow: 3,
			slidesToScroll: 1,
			arrows: true,
			dots: false,
			centerMode: true,
			variableWidth: true,
			infinite: true,
			focusOnSelect: true,
			cssEase: 'linear',
			touchMove: true,
		});
	}
	
	//Transcript New page
	function transcript_page() {
		var page_url = $('.wp-vg-transcript-page-container').attr('page_url');

		if (page_url == undefined || page_url == '') {
			return;
		}
		$.ajax({
			url: page_url,
			type: "GET",
			success: function(res) {}
		});
	}
	transcript_page();

	//Diploma new page
	function diploma_page() {
		var page_url = $('.wp-vg-diploma-page-container').attr('page_url');

		if (page_url == undefined || page_url == '') {
			return;
		}
		$.ajax({
			url: page_url,
			type: "GET",
			success: function(res) {}
		});
	}
	diploma_page();

	// Add Diploma Page Code
	function add_diploma_page() {
		var page_url = $('.wp-vg-add-diploma-page-container').attr('page_url');

		if (page_url == undefined || page_url == '') {
			return;
		}
		$.ajax({
			url: page_url,
			type: "GET",
			success: function(res) {
				if(res=="error"){
					window.location.href="index.html";
					return;
				}
				$('.wp-vg-add-diploma-page-container').html(res);
				updateLabel();
				slickIntialize();
			},
			error: function(res) {
				alert('Something went wrong');
			}
		});
	}
	add_diploma_page();

	//Add Transcript Page Code
	function add_transcript_page() {
		var page_url = $('.wp-vg-add-transcript-page-container').attr('page_url');

		if (page_url == undefined || page_url == '') {
			return;
		}
		$.ajax({
			url: page_url,
			type: "GET",
			success: function(res) {
				if(res=="error"){
					window.location.href="index.html";
					return;
				}
				$('.wp-vg-add-transcript-page-container').html(res);
				updateLabel();
				slickIntialize();
			},
			error: function(res) {
				alert('Something went wrong');
			}
		});
	}
	add_transcript_page();

	//Focus Error field
	function focusErroField(ele){
		var virePort = $(window).width();
		ele.focus();
		if(virePort < 768){
			if(ele.offset().top && ele.offset().top > 30)
				$(window).scrollTop(ele.offset().top - 20);
			else if(ele.offset().top)
				$(window).scrollTop(ele.offset().top);
			else
				$(window).scrollTop(0);
		}else{
			if(ele.offset().top && ele.offset().top > 160)
				$(window).scrollTop(ele.offset().top - 150);
			else if(ele.offset().top)
				$(window).scrollTop(ele.offset().top);
			else
				$(window).scrollTop(0);
		}
	}

	function titleCaseWord(str){
        var newStr = str;
        var i, j, lowers;
        lowers = ['A', 'An', 'The', 'And','Is' ,'But', 'Or', 'For', 'Nor', 'As', 'At', 'By', 'For', 'From', 'In', 'Into', 'Near', 'Of', 'On', 'Onto', 'To', 'With'];
        for (i = 0, j = lowers.length; i < j; i++){
            newStr = newStr.replace(
                new RegExp('\\s' + lowers[i] + '\\s', 'g'), 
                function(txt) {
                    return txt.toLowerCase();
                }
            );
        }
        return newStr;
    }

	//<!-- Hide the mobile popup -->
	$(document).on("click","#hidebtn",function(){
		$("#hide").hide();
	});

	function formatdecimal(input, blur) {
		var position = input.prop("selectionStart") - 1;
		var input_val = input.val();
		//remove all but number and .
		var fixed = input_val.replace(/[^0-9\.]/g, "");
		if (fixed.charAt(0) === ".") {
			//can't start with .
			fixed = fixed.slice(1);
		}
		var pos = fixed.indexOf(".") + 1;
		if (pos >= 0) {
			//avoid more than one .
			fixed = fixed.substr(0, pos) + fixed.slice(pos).replace(".", "");
		}

		if (input_val !== fixed) {
			input.val(fixed);
			input[0].setSelectionRange(position, position);
		}
	}

	function generateRandomNumber(n) {
		return Math.floor(Math.random() * (9 * Math.pow(10, n - 1))) + Math.pow(10, n - 1);
	}

	// Floating Label
	$(document).on("focus",".form-control",function () {
		$(this).closest('.form-group').addClass("focused typing");
	});
	$(document).on("blur",".form-control",function () {
		if ($(this).val() == '' || $(this).val() == null ) {
			$(this).closest('.form-group').removeClass("focused typing");
		}else if($(this).attr('id') == 'ship_email' && $(this).val() != '' && $(this).val() != null && !validateEmail($(this).val())){
			$(this).closest('.form-group').addClass("focused").removeClass('typing').addClass('error');
		}else if ($(this).val() != '' && $(this).val() != null) {
			$(this).closest('.form-group').addClass("focused").removeClass('typing').removeClass('error');
		}
	});

	function updateLabel(){
		$(document).find(".form-control").each(function(index,ele){
			if ($(this).val() != '' && $(this).val() != null) {
				$(this).closest('.form-group').addClass("focused").removeClass('typing').removeClass('error');
			}
		});
		$(document).find(".form-group select").each(function(index,ele){
			$(this).closest('.form-group').addClass("form-select");
		});
	
		$(document).find(".form-group input[type='checkbox']").each(function(index,ele){
			$(this).closest('.form-group').addClass("form-checkbox ");
		});
	}

	//Change Left side step
	$(document).on("click",".btn-next",function(){
		var parentClass = $(this).parent().parent().attr("class").split(" ");
		if(parentClass.length>1){
			parentClass=parentClass[1];
		}else{
			parentClass=parentClass[0];
		}
		$("."+parentClass+" .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && !$(this).hasClass('hidden') && ($(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="") && !$(".school_city_state_area").hasClass('hidden')){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if($(this).parent().parent().find('.error').length<1){
			if(parentClass =="information-block-1"){
				$(".information-block-2").removeClass("hidden");
				$("."+parentClass).addClass("hidden");
			}else{
				$("."+parentClass).addClass('hidden');
				$(".step-2").removeClass('hidden');
			}
		}else{
			focusErroField($(this).parent().parent().find('.error input').first());
		}
		updateLabel();
		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});

		var imageSrc= $("."+template_Class[1]+" .seal_style").attr('src').split("index.html");
		var sealNumber = imageSrc[imageSrc.length-1].split(".");
		$('.seals').slick('setPosition');
		$('.seals').slick('slickGoTo',sealNumber[0]-1);

	});

	$(document).on("click",".back-step",function(){
		var parentClass = $(this).parent().parent().attr("class").split(" ");
		if(parentClass[0]!="information-block-1" && parentClass[1]=="step-2"){
			$("."+parentClass[0]).addClass("hidden");
			$("."+parentClass[0]+" .form-group").each(function(i,e){
				$(this).removeClass('error');
			});
			$(".step-1").removeClass('hidden');
		}else if(parentClass[0]!="information-block-1"){
			$("."+parentClass[1]+" .form-group").each(function(i,e){
				$(this).removeClass('error');
			});
			$(".information-block-2").addClass("hidden");
			$(".information-block-1").removeClass("hidden");
		}
		$('.seals').slick('setPosition');
	});

	//Diploma Style change 
	$(document).on("change",".diploma_colg_style",function() {
		var dipColg_style = $(".diploma_colg_style").val();
		$("#college_address_city").closest(".school_city_state_area").removeClass('hidden');
		if(dipColg_style == 1){
			$(".colgDip_style1").removeClass('hidden');
			$(".colgDip_style2,.colgDip_style3,.colgDip_style4,.colgDip_style5,.colgDip_style6").addClass('hidden');
		}else if(dipColg_style == 2){
			$("#college_address_city").closest(".school_city_state_area").addClass('hidden');
			$(".colgDip_style2").removeClass('hidden');
			$(".colgDip_style1,.colgDip_style3,.colgDip_style4,.colgDip_style5,.colgDip_style6").addClass('hidden');
		}else if(dipColg_style == 3){
			$(".colgDip_style3").removeClass('hidden');
			$(".colgDip_style1,.colgDip_style2,.colgDip_style4,.colgDip_style5,.colgDip_style6").addClass('hidden');
		}else if(dipColg_style == 4){
			$("#college_address_city").closest(".school_city_state_area").addClass('hidden');
			$(".colgDip_style4").removeClass('hidden');
			$(".colgDip_style1,.colgDip_style2,.colgDip_style3,.colgDip_style5,.colgDip_style6").addClass('hidden');
		}else if(dipColg_style == 5){
			$(".colgDip_style5").removeClass('hidden');
			$(".colgDip_style1,.colgDip_style2,.colgDip_style3,.colgDip_style4,.colgDip_style6").addClass('hidden');
		}else if(dipColg_style == 6){
			$(".colgDip_style6").removeClass('hidden');
			$(".colgDip_style1,.colgDip_style2,.colgDip_style3,.colgDip_style4,.colgDip_style5").addClass('hidden');
			new CircleType(document.querySelector('.colgDip_style6 #uni_title')).radius(1600);
		}
		return false;
	});

	function templatesBlock() {
		var scrollWidth = getScrollBarWidth();
		var viewportWidth = $(window).width();
		var pageContainer = $('.site .site-main .elementor .elementor-container').offset().left;
		var informationWidth = $('.information-block-wrap').outerWidth();
		if(viewportWidth > 768){
			$(".templates-block-wrap .templates-block").css("width","calc(100vw - "+pageContainer+"px - "+informationWidth+"px - 10px - "+scrollWidth+"px)");
		} else {
			$(".templates-block-wrap .templates-block").css("width","calc(100% + 10px)");
		}
	}

	$( window ).resize(function() {
		var val = $("#diploma_size").val();
		if(val == 'elevenByFourteen') {
			templatesBlock();
		} else {
			$(".templates-block-wrap .templates-block").css("width","calc(100% + 10px)");
		}
	});

	//Diploma Size change
	$(document).on("change","#diploma_size,.diploma_sch_style,.diploma_colg_style,.diploma_ged_style",function(){
		var val = $("#diploma_size").val();
		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});

		$(".templates-block-wrap .templates-block").removeClass("eightPointByElevenBlock").removeClass("elevenByFourteenBlock").removeClass("sevenByNineBlock");
		if(val == 'elevenByFourteen') {
			templatesBlock();
		} else {
			$(".templates-block-wrap .templates-block").css("width","calc(100% + 10px)");
		}
		
		if(template_Class[1]=="template-1"){
			$(".templates-block-wrap .templates-block").addClass(val+"Block");
			var styleType=$("."+template_Class[1]+" .diploma_colg_style").val();
			$("."+template_Class[1]+" .colgDip_style"+styleType).removeClass("eightPointByEleven").removeClass("elevenByFourteen").removeClass("sevenByNine");
			$("."+template_Class[1]+" .colgDip_style"+styleType).addClass(val);
		}else if(template_Class[1]=="template-2"){
			$(".templates-block-wrap .templates-block").addClass(val+"Block");
			var styleType=$("."+template_Class[1]+" .diploma_sch_style").val();
			$("."+template_Class[1]+" .schDip_style"+styleType).removeClass("eightPointByEleven").removeClass("elevenByFourteen").removeClass("sevenByNine");
			$("."+template_Class[1]+" .schDip_style"+styleType).addClass(val);
		}else if(template_Class[1]=="template-3"){
			$(".templates-block-wrap .templates-block").addClass(val+"Block");
			var styleType=$("."+template_Class[1]+" .diploma_ged_style").val();
			$("."+template_Class[1]+" .ged_style"+styleType).removeClass("eightPointByEleven").removeClass("elevenByFourteen").removeClass("sevenByNine");
			$("."+template_Class[1]+" .ged_style"+styleType).addClass(val);
		}else{
			$(".templates-block-wrap .templates-block").addClass("eightPointByElevenBlock");	
		}
	});

	/// Change degree type
	$(document).on("change","#diploma",function() {
		var diploma = $(this).val();

		if(diploma==null||diploma=="")
			diploma=1;

		$(".templates").addClass('hidden');
		$(".template-"+diploma).removeClass('hidden');
		$(".information-block-1 .diploma_size").addClass('hidden');

		if(diploma == 1){
			$(".information-block-1 .diploma_degree_type").removeClass('hidden');
			$(".information-block-1 .diploma_major").removeClass('hidden');
		}else {
			$(".information-block-1 .diploma_degree_type").addClass('hidden');
			$(".information-block-1 .diploma_major").addClass('hidden');
		}

		if(diploma == 4){ 
			$("#choose_diploma_states").closest(".form-group").addClass("hidden");
			$("#diploma_size").closest(".form-group").addClass("hidden");
		}else if(diploma == 3){
			$("#diploma_size").closest(".form-group").removeClass("hidden");
			$("#choose_diploma_states").closest(".form-group").removeClass("hidden");
			var state = $("#choose_diploma_states").val().toLowerCase();
			var dipGed_style = $(".diploma_ged_style").val();
			if(dipGed_style==2)
				$('.ged_style2 .seal_style').attr('src', '/validgrad/skin/images/stateSeal/'+state+'.png');
		}else{
			$("#choose_diploma_states").closest(".form-group").addClass("hidden");
			$("#diploma_size").closest(".form-group").removeClass("hidden");
		}
		
		$("#diploma_size").trigger("change");
		updateLabel();
	});

	//change degree type && major
	$(document).on("change",".changeMajorsD1,.majorsChangingD1",function() {
		$("#formLoader").removeClass("hidden");
		
		var degree = $(".changeMajorsD1").val();
		var major = $(".majorsChangingD1").val();
		
		$.ajax({
			type: 'POST',
			url: '/validgrad/diploma/getDegreeAndMajorName',
			data: { degree: degree,major:major},
			success: function (response) {
				var data=JSON.parse(response);
				$("#diploma_major").val(data.major_name);
				$("#diploma_degree").val(data.degree_level_name);
				$(".university_degree_major_area .uni_deg_text").text(data.degree_level_name);
				$(".university_degree_major_area .uni_major_text").text(data.major_name);
				return false;
			}
		});
		$("#formLoader").addClass("hidden");

	});

	$(document).on("change",".changeMajorsD1",function(){
		$("#formLoader").removeClass("hidden");
		changeMajorOption();
	});
	
	function changeMajorOption(){
		var degree = $(".changeMajorsD1").val();
		$.ajax({
			type: 'POST',
			url: '/validgrad/diploma/changeMajorsOnDegree',
			data: { degree_level: degree},
			success: function (response) {
				$(".majorsChangingD1").html(response);
				$("#formLoader").addClass("hidden");
				var value = $(".majorsChangingD1").val();
				$(".majorsChangingD1 option[value='"+value+"']").attr('selected',true);
				var text = $(".majorsChangingD1 option:selected").text();
				$(".university_degree_major_area .uni_major_text").text(text);
				return false;
			},
			error: function(e){
				$("#formLoader").addClass("hidden");
			}
		});
		
	}

	//Change Degree state
	$(document).on("change","#choose_diploma_states",function() {
		
		var fieldName =$(this).attr('id');
		var state = $(this).val().toLowerCase();
		var stateFullName = $("#"+fieldName+" option:selected").text();
		var diploma = $("#diploma").val();


		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});

		if (diploma==3){
			var dipGed_style = $(".diploma_ged_style").val();
			if(dipGed_style==2)
				$('.ged_style2 .seal_style').attr('src', '/validgrad/skin/images/stateSeal/'+state+'.png');

			$("."+template_Class[1]+" .city_state").text(stateFullName);
			$("#college_address_state").val(stateFullName);
		}else if(diploma!=2){
			$("."+template_Class[1]+" .city_state").text(stateFullName);
			$("#college_address_state").val(stateFullName);
		}else{
			$("."+template_Class[1]+" .sch_state").text(stateFullName);
			$("#school_address_state").val(stateFullName);
		}
		
	});

	$(document).on('keypress','input', function ( event ) {  
		var key = event.keyCode;
		var val = $(this).val();
		if (key === 32 && val.length <=0) {
		   event.preventDefault();
		 }
	 });

	// College Diploma
	$(document).on("keyup","#college_address_city",function() {
		var city = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(city){
			$(".university_theory_area .city_name").text(titleCaseWord(city));
			$(".colg_city_state_month_year .city_name").text(titleCaseWord(city));
			$(".style5_citystate .city_name").text(titleCaseWord(city));
		}
	});

	$(document).on("change","#college_address_state",function() {
		var state = $(this).val();
		var fieldName =$(this).attr('id');
		var stateShortName = $("#"+fieldName+" option:selected").text();

		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});

		if(state){
			$("."+template_Class[1]+" .city_state").text(state);
			$(".colg_city_state_month_year .city_state").text(state);
			$(".style5_citystate .city_state").text(state);
		}
	});

	//School diploma
	$(document).on("keyup","#diploma_school_name",function() {
		var school_name = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(school_name){
			$(".university_name_area #uni_title").text(school_name);
		}
	});
	
	$(document).on("keyup","#school_address_city",function() { 
		var school_city = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});

		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});

		if(school_city){
			$("."+template_Class[1]+" .sch_city").text(titleCaseWord(school_city));
			$("."+template_Class[1]+" .sch_city").text(titleCaseWord(school_city));
			$("."+template_Class[1]+" .sch_city").text(titleCaseWord(school_city));
		}
	});
	
	$(document).on("change","#school_address_state",function() { 
		var school_state = $(this).val();
		var fieldName =$(this).attr('id');
		var stateShortName = $("#"+fieldName+" option:selected").text();

		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});

		if(school_state){
			$("."+template_Class[1]+" .sch_state").text(school_state);
			$("."+template_Class[1]+" .sch_state").text(school_state);
			$("."+template_Class[1]+" .sch_state").text(school_state);
		}
	});
	
	$(document).on("keyup","#diploma_school_student_name",function() { 
		var student_name = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(student_name){
			$(".university_studentName_area .stud_name").text(student_name);
		}
	});

	$(document).on("change","select[name='diploma_signature_1'],select[name='diploma_signature_2'],select[name='diploma_signature_3'],select[name='diploma_signature_4']",function(){
		var fieldName = $(this).attr('name').split("_");
		var fieldNumber = fieldName[2];
		var val=$(this).val();
		for(var i = 1; i <= 4 ; i++){
			if(i != fieldNumber){
				jQuery("select[name='diploma_signature_"+i+"'] option").prop('disabled',false);
				if(val != 0){
                    $("select[name='diploma_signature_"+i+"'] option[value="+val+"]").prop('disabled',true);
                }
			}
		}

		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});

		if(val!=0){
			$("."+template_Class[1]+" input[name='custom_signature_"+fieldNumber+"']").parent().addClass("hidden");
			$("."+template_Class[1]+" #custom_sign_"+fieldNumber).parent().find('img').removeClass("hidden");
			$("."+template_Class[1]+" #custom_sign_"+fieldNumber).addClass("hidden");
		}else{
			$("."+template_Class[1]+" input[name='custom_signature_"+fieldNumber+"']").parent().removeClass("hidden");
			$("."+template_Class[1]+" #custom_sign_"+fieldNumber).parent().find('img').addClass("hidden");
			$("."+template_Class[1]+" #custom_sign_"+fieldNumber).removeClass("hidden");
		}

		callOnPageRefreshForDiploma();
	});

	$('.diploma_seals').on('afterChange', function() {
		callOnPageRefreshForDiploma();
	});
	
	

	function callOnPageRefreshForDiploma(){
		$("#formLoader").removeClass("hidden");

		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});
		
		var dip_seal_id = $('.'+template_Class[1]+' .slick-current').attr("data-slick-index");
		dip_seal_id = parseInt(dip_seal_id)+1;

		var dip_sign1_id = $('.'+template_Class[1]+' select[name="diploma_signature_1"] option:selected').val();
		var dip_sign2_id = $('.'+template_Class[1]+' select[name="diploma_signature_2"] option:selected').val();
		var dip_sign3_id = $('.'+template_Class[1]+' select[name="diploma_signature_3"] option:selected').val();
		var dip_sign4_id = $('.'+template_Class[1]+' select[name="diploma_signature_4"] option:selected').val();

		$("."+template_Class[1]+" .orientation").each(function(){
			if(!$(this).hasClass('hidden')){
				if(dip_seal_id){
                   
				 	if(template_Class[1]=="template-3"){
						var state = $("#choose_diploma_states").val().toLowerCase();
						var dipGed_style = $(".diploma_ged_style").val();
						if(dipGed_style==1){
						//	$(this).find('.seal_style').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/bibu_seal.png');
						
					}else{
						//	$(this).find('.ged_style2 .seal_style').attr('src', '/validgrad/skin/images/stateSeal/'+state+'.png');
					
						}
					}else{
					
					if(dip_seal_id!=7){
					
					 $.ajax({
                    url: "https://www.breakthroughuni.ac.ke/graduation/validgrad/saveseal.php",
                    type: 'post',
                    async: false,
                    data: {
                    dip_seal_id:dip_seal_id
                    },
                    success:function(response) {
                    }
                    });
                    
                    if(dip_seal_id==1){
						$(this).find('.seal_style').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/bibu_seal.png');
					}else if(dip_seal_id==2){
						$(this).find('.seal_style').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal2.jpeg');
					}else if(dip_seal_id==3){
						$(this).find('.seal_style').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal3.jpeg');
					}else if(dip_seal_id==4){
						$(this).find('.seal_style').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal4.jpeg');
					}else if(dip_seal_id==5){
						$(this).find('.seal_style').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal5.jpeg');
					}else if(dip_seal_id==6){
						$(this).find('.seal_style').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal6.jpeg');
					}else if(dip_seal_id==7){
						$(this).find('.seal_style').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal6.jpeg');
					}else{
					    
					}
					
					
					}
					}
				}
				if(dip_sign1_id!=0){
					$(this).find('.diploma_sign1_style').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/signature_patrick.png');
				}
				if(dip_sign2_id!=0){
					$(this).find('.diploma_sign2_style').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/boardchair.png');
				}
				if(dip_sign3_id!=0){
					$(this).find('.diploma_sign3_style').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/signature_patrick.png');
				}
				if(dip_sign4_id!=0){
					$(this).find('.diploma_sign4_style').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/signature_patrick.png');
				}
			}
		});
		$("#formLoader").addClass("hidden");

	}

	$(document).on("keyup","input[name='custom_signature_1'],input[name='custom_signature_2'],input[name='custom_signature_3'],input[name='custom_signature_4']",function(){
		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});
		var fieldName = $(this).attr('name').split("_");
		var fieldNumber = fieldName[2];
		var val=$(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});

		if(val)
			$("."+template_Class[1]+" #custom_sign_"+fieldNumber).text(val);
		else
			$("."+template_Class[1]+" #custom_sign_"+fieldNumber).text("Signature "+fieldNumber);
	});

	//Diploma Size change
	$(document).on("change",".diploma_sch_style",function() {
		var dipSch_style = $(".diploma_sch_style").val();
		if(dipSch_style == 1){
			$(".schDip_style1").removeClass('hidden');
			$(".schDip_style2,.schDip_style3,.schDip_style4").addClass('hidden');
		}else if(dipSch_style == 2){
			$(".schDip_style2").removeClass('hidden');
			$(".schDip_style1,.schDip_style3,.schDip_style4").addClass('hidden');
		}else if(dipSch_style == 3){
			$(".schDip_style3").removeClass('hidden');
			$(".schDip_style1,.schDip_style2,.schDip_style4").addClass('hidden');
		}else if(dipSch_style == 4){
			$(".schDip_style4").removeClass('hidden');
			$(".schDip_style1,.schDip_style2,.schDip_style3").addClass('hidden');
			if($('.schDip_style4 .university_name_area #uni_title').length > 0){
				new CircleType(document.querySelector('.schDip_style4 .university_name_area #uni_title')).radius(1600);
			}
		}
		return false;
	});

	function getScrollBarWidth () {
		var $outer = jQuery('<div>').css({visibility: 'hidden', width: 100, overflow: 'scroll'}).appendTo('body'),
		widthWithScroll = jQuery('<div>').css({width: '100%'}).appendTo($outer).outerWidth();
		$outer.remove();
		return 100 - widthWithScroll;
	}

	//Common Changes signature template
	$(document).on("change","#diploma_school_position_signature",function() {
		var pos_sign = $(this).val();
		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});

		$("."+template_Class[1]+" .prof_signature").css('opacity',0).addClass('hidden');
		$("."+template_Class[1]+" .diploma_sign_positions").addClass('hidden');
		switch(pos_sign) {
			case 'sign_lay3':
				$("."+template_Class[1]+" .prof_signature3").css('opacity',1).removeClass("hidden");
				$("."+template_Class[1]+" .diploma_position3").css('opacity',1).removeClass("hidden");
				$("."+template_Class[1]+" .prof_signature4").removeClass("hidden");
				break;
			case 'sign_lay4':
				$("."+template_Class[1]+" .prof_signature3").css('opacity',1).removeClass("hidden");
				$("."+template_Class[1]+" .prof_signature4").css('opacity',1).removeClass("hidden");
				$("."+template_Class[1]+" .diploma_position3").removeClass("hidden");
				$("."+template_Class[1]+" .diploma_position4").removeClass("hidden");
				break;
			default:
				break;
		}

	});
	
	$(document).on("keyup","#diploma_student_name",function() {
		var student_name = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(student_name)
		$(".university_studentName_area .stud_name").text(student_name);

	});
	
	$(document).on("keyup","#diploma_degree",function() {
		var diploma_degree = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(diploma_degree)
		$(".university_degree_major_area .uni_deg_text").text(diploma_degree);

	});
	
	$(document).on("keyup","#diploma_major",function() {
		var diploma_major = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(diploma_major)
		$(".university_degree_major_area .uni_major_text").text(diploma_major);

	});
	
	$(document).on("keyup","#diploma_university_name",function() { 
		var university_name = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(university_name){
			$(".university_name_area #uni_title").text(university_name);
			$(".university_upon_recommendation span.colg_again_university").text(university_name);
			$(".colg_city_state_month_year span#colg_style3_schname").text(university_name);
			$(".statisfactory_compl_area span#colgstyle5_title").text(university_name);
		}
	});
	$(document).on("change","select[name='diploma_grad_date']",function() { 
		var day = $(this).val();
		var style_2 = '';
		if(day){
			var weekday = ['Zero','First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth', 'Seventh', 'Eighth', 'Ninth', 'Tenth', 'Eleventh', 'Twelfth', 'Thirteenth', 'Fourteenth', 'Fifteenth', 'Sixteenth', 'Seventeenth', 'Eighteenth', 'Nineteenth', 'Twentieth', 'Twenty-first', 'Twenty-second', 'Twenty-third', 'Twenty-fourth', 'Twenty-fifth', 'Twenty-sixth', 'Twenty-seventh', 'Twenty-eighth', 'Twenty-ninth', 'Thirtieth', 'Thirty-first'];
			var n = weekday[day];

			$(".university_theory_area span.dip_day").text(n);
			$("#dip_day_word_hidden").val(n);

			if(day == 1)
				style_2 = day+'ST';
			else if(day == 2)
				style_2 = day+'ND';
			else if(day == 3)
				style_2 = day+'RD';
			else
				style_2 = day+'TH';

			$(".schDip_style2 span.dip_day").text(style_2);
			$(".colgDip_style3 span.dip_day").text(day);
			$(".colgDip_style5 span.dip_day").text(style_2);
			$("#dip_day_word_number_hidden").val(style_2);

		}
	});
	
	$(document).on("change","select[name='diploma_grad_year']",function() { 
		var year = $(this).val();
		var first = year.slice(0,2);
		var second = year.slice(2,4);
		
		if(first == 19){
			var part1 = 'Ninteen Hundred';
		}else if(first == 20){
			var part1 = 'Two Thousand';
		}else if(first == 21){
			var part1 = 'Twenty One Thousand';
		}
		
		var days = ['zero','one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten', 
		'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen', 'sixteen', 'seventeen', 'eighteen', 'nineteen', 'twenty', 
		'twenty one', 'twenty two', 'twenty three', 'twenty four', 'twenty five', 'twenty six', 'twenty seven', 'twenty eight', 'twenty nine', 'thirty', 
		'thirty one', 'thirty two', 'thirty three', 'thirty four', 'thirty five', 'thirty six', 'thirty seven', 'thirty eight', 'thirty nine', 'fourty', 
		'fourty one', 'fourty two', 'fourty three', 'fourty four', 'fourty five', 'fourty six', 'fourty seven', 'fourty eight', 'fourty nine', 'fifty', 
		'fifty one', 'fifty two', 'fifty three', 'fifty four', 'fifty five', 'fifty six', 'fifty seven', 'fifty eight', 'fifty nine', 'sixty', 
		'sixty one', 'sixty two', 'sixty three', 'sixty four', 'sixty five', 'sixty six', 'sixty seven', 'sixty eight', 'sixty nine', 'seventy', 
		'seventy one', 'seventy two', 'seventy three', 'seventy four', 'seventy five', 'seventy six', 'seventy seven', 'seventy eight', 'seventy nine', 'eighty', 
		'eighty one', 'eighty two', 'eighty three', 'eighty four', 'eighty five', 'eighty six', 'eighty seven', 'eighty eight', 'eighty nine', 'ninety',
		'ninety one', 'ninety two', 'ninety three', 'ninety four', 'ninety five', 'ninety six', 'ninety seven', 'ninety eight', 'ninety nine'];
		
		second = second.replace(/^0+/, '');
		if(second)
			var part2 = days[second].toLowerCase().replace(/\b[a-z]/g, function(letter) {
				return letter.toUpperCase();
			});
		
		if(!part2){
			var newYear = part1;
		}else{
			var newYear = part1+' And '+part2;
		}
		if(newYear){
			$(".university_theory_area span.dip_year").text(newYear);
			$(".schDip_style2 span.dip_year").text(year);
			$(".colgDip_style2 span.dip_year").text(year);
			$(".colgDip_style3 span.dip_year").text(year);
			$(".colgDip_style5 span.dip_year").text(year);
			$("#dip_year_word_hidden").val(newYear);
		}
	});
	
	$(document).on("change","select[name='diploma_grad_month']",function() { 
		var month = $(this).val();
		if(month){
			$(".university_theory_area span.dip_month").text(month);
			$(".schDip_style2 span.dip_month").text(month);
			$(".colgDip_style3 span.dip_month").text(month);
		}
	});
	
	var scrolling_for_mobile= setInterval(function() {
		if($(".scrolling_for_mobile").length>0){
			clearInterval(scrolling_for_mobile);
			$("select[name='diploma_grad_date']").trigger('change');
			$("select[name='diploma_grad_year']").trigger('change');
			$("select[name='diploma_grad_month']").trigger('change');
		}
	}, 200);

	$(document).on("keyup","input[name='diploma_position_1'],input[name='diploma_position_2'],input[name='diploma_position_3'],input[name='diploma_position_4']",function() {
		var position= $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		var field=$(this).attr("name");
		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});

		if(position){
			$("."+template_Class[1]+" .prof_signature"+field[field.length-1]+" p#do_pos"+field[field.length-1]).text(position);
		}
	});

	//////////////////////////////ged code///////////////////////////////////

	$(document).on("change",".diploma_ged_style",function() {
		var dipGed_style = $(this).val();
		if(dipGed_style == 1){
			$(".ged_seal_style1").removeClass("hidden");
			$(".ged_style1").removeClass('hidden');
			$(".ged_style2").addClass('hidden');
		}else if(dipGed_style == 2){
			$(".ged_seal_style1").addClass("hidden");
			$(".ged_style2").removeClass('hidden');
			$(".ged_style1").addClass('hidden');
		}
		callOnPageRefreshForDiploma();
		return false;
	});

	$(document).on("keyup","#diploma_ged_student_name",function() { 
		var name = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(name){
			$(".ged_student_name_area #student_name").text(name);
		}
	});

	var num = generateRandomNumber(9);
	$("#diploma_ged_certificate_number").val(num);
	$(".issue_version_certificate #ged_number").text(num);

	$(document).on("keyup change","#diploma_ged_certificate_number",function() { 
		formatdecimal($(this));
		var id = $(this).val();
		if(id){
			$(".issue_version_certificate #ged_number").text(id);
		}
	});
	$(document).on("keyup","#diploma_ged_staff_position",function() { 
		var name = $(this).val();
		if(name){
			$(".ged_prof_signature_area #do_position").text(name);
		}
	});
	$(document).on("change","#diploma_ged_grad_date",function() { 
		var day = $(this).val();
		if(day){
			$("#ged_issue span#day").text(day);
		}
	});
	$(document).on("change","#diploma_ged_grad_month",function() { 
		var month = $(this).val();
		if(month){
			$("#ged_issue span#month").text(month);
		}
	});
	$(document).on("change","#diploma_ged_grad_year",function() { 
		var year = $(this).val();
		if(year){
			$("#ged_issue span#year").text(year);
		}
	});

	/////////////////////////////// Certificates /////////////////////////////////////

	$(document).on("change",".diploma_cert_style",function() {
		var dipcert_style = $(this).val();
		if(dipcert_style == 1){
			$(".cert_style1").removeClass('hidden');
			$(".cert_style2").addClass('hidden');
		}else if(dipcert_style == 2){
			$(".cert_style2").removeClass('hidden');
			$(".cert_style1").addClass('hidden');
			new CircleType(document.querySelector('.cert_style2 .university_name_area .cert_line_1')).radius(1600);
		}
		return false;
	});

	$(document).on("click",".certificate .line_remove",function() {
		var id = $(this).attr('id');
		Swal.fire({
            title: "Are you sure?",
            text: "You won't be able to revert this!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: "#235273",
            cancelButtonColor: "#f46a6a",
            confirmButtonText: "Yes, delete it!"
        }).then(function(result) {
			if(result.isConfirmed && id){
				$(".certificate .line"+id+"_area").remove();
				$(".certificate .cert_line_"+id+"_area").remove();
				Swal.fire("Deleted!", "Line has been deleted.", "success");
			}
        });
	});
	
	$(document).on("keyup",".certificate .getLineValue",function() {
		var id = $(this).attr('id');
		var values = $(this).val();
		if(id==1|| id==2 || id==3 || id==5 || id==7)
			values = values.toLowerCase().replace(/\b[a-z]/g, function(letter) {
				return letter.toUpperCase();
			});
		if(values && id){
			$("#cert_line_"+id).text(values);
		}
	});
	
	$(document).on("change",".certificate .getLineSize",function() {
		var id = $(this).attr('id');
		var size = $(this).val();

		if(id && size){
			$("#cert_line_"+id).css("font-size",size+"px");
		}
	});
	$(document).on("change",".certificate .getLineFont",function() {
		var id = $(this).attr('id');
		var font = $(this).val();
		if(id && font){
			$("#cert_line_"+id).css("font-family",font);
		}
	});

	// diploma preview sections
	$(document).on("click","#diploma_view_degree_college",function() { 
		$("#formLoader").removeClass("hidden");

		var parentClass = $(this).parent().parent().attr("class").split(" ");
		if(parentClass.length>1){
			parentClass=parentClass[1];
		}else{
			parentClass=parentClass[0];
		}
		$("."+parentClass+" .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && !$(this).hasClass('hidden') && ($(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" || $(this).find('.form-control').val().trim() =="") && $(this).find('.form-control').attr('name') != "diploma_notes_order"){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if($(this).parent().parent().find('.error').length<1){			
			var template_Class;
			$(".templates").each(function(){
				if(!$(this).hasClass('hidden')){
					template_Class=$(this).attr('class').split(" ");
				}
			});

			var dip_code = $("#diploma").val();
			var dip_degree_id = $("#diploma_degree_style").val();
			var dip_major_id = $("#diploma_major_style").val();
			var dip_state = $("#choose_diploma_states").val();
			
			var dip_degree = $("."+template_Class[1]+" #diploma_degree").val();
			var dip_major = $("."+template_Class[1]+" #diploma_major").val();
			var dip_uni_name = $("."+template_Class[1]+" #diploma_university_name").val();
			var dip_uni_city = $("."+template_Class[1]+" #college_address_city").val();
			var dip_uni_state = $("."+template_Class[1]+" #college_address_state").val();
			var dip_stud_name = $("."+template_Class[1]+" #diploma_student_name").val();
			var dip_style = $("."+template_Class[1]+" .diploma_colg_style").val();
			var dip_seal_style = $('.'+template_Class[1]+' .slick-current').attr("data-slick-index");
			dip_seal_style = parseInt(dip_seal_style)+1;

			var dip_sch_pos_sign = $("."+template_Class[1]+" #diploma_school_position_signature").val();
			var dip_position_1 = $("."+template_Class[1]+" input[name='diploma_position_1']").val();
			var dip_signature_1 = $("."+template_Class[1]+" select[name='diploma_signature_1']").val();
			var dip_position_2 = $("."+template_Class[1]+" input[name='diploma_position_2']").val();
			var dip_signature_2 = $("."+template_Class[1]+" select[name='diploma_signature_2']").val();
			var dip_position_3 = $("."+template_Class[1]+" input[name='diploma_position_3']").val();
			var dip_signature_3 = $("."+template_Class[1]+" select[name='diploma_signature_3']").val();
			var dip_position_4 = $("."+template_Class[1]+" input[name='diploma_position_4']").val();
			var dip_signature_4 = $("."+template_Class[1]+" select[name='diploma_signature_4']").val();
			var custom_signature_1 = $("."+template_Class[1]+" input[name='custom_signature_1']").val();
			var custom_signature_2 = $("."+template_Class[1]+" input[name='custom_signature_2']").val();
			var custom_signature_3 = $("."+template_Class[1]+" input[name='custom_signature_3']").val();
			var custom_signature_4 = $("."+template_Class[1]+" input[name='custom_signature_4']").val();
			var dip_notes_order = $("."+template_Class[1]+" #diploma_notes_order").val();

			var dip_month = $("."+template_Class[1]+" select[name='diploma_grad_month'] option:selected").val();
			var dip_day = $("."+template_Class[1]+" select[name='diploma_grad_date'] option:selected").val();
			var dip_year = $("."+template_Class[1]+" select[name='diploma_grad_year'] option:selected").val();
			var dip_year_word = $("#dip_year_word_hidden").val();
			var dip_day_word_number = $("#dip_day_word_number_hidden").val();
			var dip_day_word = $("#dip_day_word_hidden").val();
			var total_custom_sign=0;

			var college_diploma_size = $("#diploma_size").val();


			if(dip_signature_1==0)total_custom_sign+=1;
			if(dip_signature_2==0)total_custom_sign+=1;
			if(dip_signature_3==0)total_custom_sign+=1;
			if(dip_signature_4==0)total_custom_sign+=1;
			
			
			if($("."+template_Class[1]+" #diploma_lega_purposes").prop("checked") == false){
				Swal.fire({
					title: "Please accept that you will not use this site for any illegal purposes",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
				$("#formLoader").addClass("hidden");
				return false;
			}
			if($("."+template_Class[1]+" #diploma_terms_conditions").prop("checked") == false){
				Swal.fire({
					title: "Please accept terms of use and privacy policy",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
				$("#formLoader").addClass("hidden");
				return false;
			}
			$.ajax({
				url: "https://www.breakthroughuni.ac.ke/graduation/validgrad/diplomaPreview.php",
				type: 'post',
				async: false,
				data: {
						dip_code:dip_code,dip_degree_id:dip_degree_id,dip_major_id:dip_major_id,dip_state:dip_state,
						dip_degree:dip_degree,dip_major:dip_major,dip_uni_name:dip_uni_name,dip_uni_city:dip_uni_city,dip_uni_state:dip_uni_state,
						dip_stud_name:dip_stud_name,dip_month:dip_month,dip_day:dip_day,dip_day_word:dip_day_word,dip_day_word_number:dip_day_word_number,
						dip_year:dip_year,dip_year_word:dip_year_word,dip_style:dip_style,
						dip_seal_style:dip_seal_style,dip_sch_pos_sign:dip_sch_pos_sign,dip_position_1:dip_position_1,
						dip_signature_1:dip_signature_1,dip_position_2:dip_position_2,dip_signature_2:dip_signature_2,dip_position_3:dip_position_3,
						dip_signature_3:dip_signature_3,dip_position_4:dip_position_4,dip_signature_4:dip_signature_4,college_diploma_size:college_diploma_size,
						total_custom_sign:total_custom_sign,custom_signature_1:custom_signature_1,custom_signature_2:custom_signature_2,custom_signature_3:custom_signature_3,custom_signature_4:custom_signature_4,dip_notes_order:dip_notes_order
				},
				success:function(response) {
				//	$("#formLoader").addClass("hidden");

				//	window.open('https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/index.html', '_self');
				window.open('https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/index.php', '_self');
				
// 				$.ajax({
// 				url: "../../../../../validgrad/diplomaPreview.html",
// 				type: 'post',
// 				async: false,
// 				data: {
// 						dip_code:dip_code,dip_degree_id:dip_degree_id,dip_major_id:dip_major_id,dip_state:dip_state,
// 						dip_degree:dip_degree,dip_major:dip_major,dip_uni_name:dip_uni_name,dip_uni_city:dip_uni_city,dip_uni_state:dip_uni_state,
// 						dip_stud_name:dip_stud_name,dip_month:dip_month,dip_day:dip_day,dip_day_word:dip_day_word,dip_day_word_number:dip_day_word_number,
// 						dip_year:dip_year,dip_year_word:dip_year_word,dip_style:dip_style,
// 						dip_seal_style:dip_seal_style,dip_sch_pos_sign:dip_sch_pos_sign,dip_position_1:dip_position_1,
// 						dip_signature_1:dip_signature_1,dip_position_2:dip_position_2,dip_signature_2:dip_signature_2,dip_position_3:dip_position_3,
// 						dip_signature_3:dip_signature_3,dip_position_4:dip_position_4,dip_signature_4:dip_signature_4,college_diploma_size:college_diploma_size,
// 						total_custom_sign:total_custom_sign,custom_signature_1:custom_signature_1,custom_signature_2:custom_signature_2,custom_signature_3:custom_signature_3,custom_signature_4:custom_signature_4,dip_notes_order:dip_notes_order
// 				},
// 				success:function(response) {
// 					$("#formLoader").addClass("hidden");

// 					window.open('https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/index.php', '_self');
// 				}
// 			});
				
				}
			});
			
			
		}else{
			$("#formLoader").addClass("hidden");
			focusErroField($(this).parent().parent().find('.error input').first());
		}
	});
	
  	$(document).on("click","#diploma_view_degree_school",function() { 
		$("#formLoader").removeClass("hidden");

		var parentClass = $(this).parent().parent().attr("class").split(" ");
		if(parentClass.length>1){
			parentClass=parentClass[1];
		}else{
			parentClass=parentClass[0];
		}
		$("."+parentClass+" .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && !$(this).hasClass('hidden') && ($(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="") && $(this).find('.form-control').attr('name') != "diploma_notes_order"){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if($(this).parent().parent().find('.error').length<1){	
			var template_Class;
			$(".templates").each(function(){
				if(!$(this).hasClass('hidden')){
					template_Class=$(this).attr('class').split(" ");
				}
			});

			var dip_code = $("#diploma").val();
			var dip_degree_id = $("#diploma_degree_style").val();
			var dip_major_id = $("#diploma_major_style").val();
			var dip_state = $("#choose_diploma_states").val();
			
			var dip_sch_name = $("."+template_Class[1]+" #diploma_school_name").val();
			var dip_stud_name = $("."+template_Class[1]+" #diploma_school_student_name").val();
			var dip_addr_city = $("."+template_Class[1]+" #school_address_city").val();
			var dip_addr_state = $("."+template_Class[1]+" #school_address_state").val();

			var dip_month = $("."+template_Class[1]+" select[name='diploma_grad_month'] option:selected").val();
			var dip_day = $("."+template_Class[1]+" select[name='diploma_grad_date'] option:selected").val();
			var dip_year = $("."+template_Class[1]+" select[name='diploma_grad_year'] option:selected").val();
			var dip_year_word = $("#dip_year_word_hidden").val();
			var dip_day_word_number = $("#dip_day_word_number_hidden").val();
			var dip_day_word = $("#dip_day_word_hidden").val();
			
			var dip_style = $("."+template_Class[1]+" .diploma_sch_style").val();
			var dip_seal_style = $('.'+template_Class[1]+' .slick-current').attr("data-slick-index");
			dip_seal_style = parseInt(dip_seal_style)+1;
			var dip_sch_pos_sign = $("."+template_Class[1]+" #diploma_school_position_signature").val();
			
			var dip_position_1 = $("."+template_Class[1]+" input[name='diploma_position_1']").val();
			var dip_signature_1 = $("."+template_Class[1]+" select[name='diploma_signature_1']").val();
			var dip_position_2 = $("."+template_Class[1]+" input[name='diploma_position_2']").val();
			var dip_signature_2 = $("."+template_Class[1]+" select[name='diploma_signature_2']").val();
			var dip_position_3 = $("."+template_Class[1]+" input[name='diploma_position_3']").val();
			var dip_signature_3 = $("."+template_Class[1]+" select[name='diploma_signature_3']").val();
			var dip_position_4 = $("."+template_Class[1]+" input[name='diploma_position_4']").val();
			var dip_signature_4 = $("."+template_Class[1]+" select[name='diploma_signature_4']").val();
			var custom_signature_1 = $("."+template_Class[1]+" input[name='custom_signature_1']").val();
			var custom_signature_2 = $("."+template_Class[1]+" input[name='custom_signature_2']").val();
			var custom_signature_3 = $("."+template_Class[1]+" input[name='custom_signature_3']").val();
			var custom_signature_4 = $("."+template_Class[1]+" input[name='custom_signature_4']").val();
			
			var dip_notes_order = $("."+template_Class[1]+" #diploma_notes_order").val();

			var high_school_size = $("#diploma_size").val();

			var total_custom_sign=0;

			if(dip_signature_1==0)total_custom_sign+=1;
			if(dip_signature_2==0)total_custom_sign+=1;
			if(dip_signature_3==0)total_custom_sign+=1;
			if(dip_signature_4==0)total_custom_sign+=1;
			
			
			if($("."+template_Class[1]+" #diploma_lega_purposes").prop("checked") == false){
				Swal.fire({
					title: "Please accept that you will not use this site for any illegal purposes",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
				$("#formLoader").addClass("hidden");
						return false;
			}
			if($("."+template_Class[1]+" #diploma_terms_conditions").prop("checked") == false){
				Swal.fire({
					title: "Please accept terms of use and privacy policy",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
				$("#formLoader").addClass("hidden");
				return false;
			}
			
			$.ajax({
				url: "../../../../../validgrad/diplomaPreview.html",
				type: 'post',
				async: false,
				data: {
						dip_code:dip_code,dip_degree_id:dip_degree_id,dip_major_id:dip_major_id,dip_state:dip_state,
						dip_addr_state:dip_addr_state,dip_addr_city:dip_addr_city,dip_sch_name:dip_sch_name,dip_stud_name:dip_stud_name,
						dip_month:dip_month,dip_day:dip_day,dip_day_word:dip_day_word,dip_day_word_number:dip_day_word_number,dip_year:dip_year,dip_year_word:dip_year_word,
						dip_style:dip_style,dip_seal_style:dip_seal_style,dip_sch_pos_sign:dip_sch_pos_sign,
						dip_position_1:dip_position_1,dip_signature_1:dip_signature_1,dip_position_2:dip_position_2,dip_signature_2:dip_signature_2,dip_position_3:dip_position_3,
						dip_signature_3:dip_signature_3,dip_position_4:dip_position_4,dip_signature_4:dip_signature_4,
						total_custom_sign:total_custom_sign,custom_signature_1:custom_signature_1,custom_signature_2:custom_signature_2,custom_signature_3:custom_signature_3,
						custom_signature_4:custom_signature_4,dip_notes_order:dip_notes_order,high_school_size:high_school_size
				},
				success: function( response ) {
					$("#formLoader").addClass("hidden");

					window.open('diploma-maker/preview/index.html', '_self');
				}
			});
		}else{
			$("#formLoader").addClass("hidden");
			focusErroField($(this).parent().parent().find('.error input').first());
		}
	});
	
  	$(document).on("click","#diploma_view_degree_ged",function() { 
		$("#formLoader").removeClass("hidden");

		var parentClass = $(this).parent().parent().attr("class").split(" ");
		if(parentClass.length>1){
			parentClass=parentClass[1];
		}else{
			parentClass=parentClass[0];
		}
		$("."+parentClass+" .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && !$(this).hasClass('hidden') && ($(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="") && $(this).find('.form-control').attr('name') != "diploma_notes_order"){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if($(this).parent().parent().find('.error').length<1){
			var template_Class;
			$(".templates").each(function(){
				if(!$(this).hasClass('hidden')){
					template_Class=$(this).attr('class').split(" ");
				}
			});
			
			var dip_code = $("#diploma").val();
			var dip_state = $("#choose_diploma_states").val();
			var dip_state_full = $("#choose_diploma_states option:selected").text();

			
			var dip_stud_name = $("#diploma_ged_student_name").val();
			var dip_ged_cert_number = $("."+template_Class[1]+" #diploma_ged_certificate_number").val();
			
			var dip_month = $("."+template_Class[1]+" #diploma_ged_grad_month option:selected").val();
			var dip_day = $("."+template_Class[1]+" #diploma_ged_grad_date option:selected").val();
			var dip_year = $("."+template_Class[1]+" #diploma_ged_grad_year option:selected").val();
			var dip_style = $("."+template_Class[1]+" .diploma_ged_style").val();
			
			var dip_seal_style = $('.'+template_Class[1]+' .slick-current').attr("data-slick-index");
			dip_seal_style = parseInt(dip_seal_style)+1;
			var dip_staff_pos = $("."+template_Class[1]+" #diploma_ged_staff_position").val();
			var dip_signature_1 = $("."+template_Class[1]+" select[name='diploma_signature_1']").val();
			var custom_signature_1 = $("."+template_Class[1]+" input[name='custom_signature_1']").val();
			var dip_notes_order = $("."+template_Class[1]+" #diploma_notes_order").val();

			var total_custom_sign=0;
			var ged_diploma_size = $("#diploma_size").val();

			if(dip_signature_1==0)total_custom_sign+=1;

			if($("."+template_Class[1]+" #diploma_lega_purposes").prop("checked") == false){
				Swal.fire({
					title: "Please accept that you will not use this site for any illegal purposes",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
				$("#formLoader").addClass("hidden");
				return false;
			}
			if($("."+template_Class[1]+" #diploma_terms_conditions").prop("checked") == false){
				Swal.fire({
					title: "Please accept terms of use and privacy policy",
					icon: "warning",
					confirmButtonColor: "#235273",
					cancelButtonColor: "#f46a6a",
					confirmButtonText: "Ok"
				});
				$("#formLoader").addClass("hidden");
				return false;
			}
				
			$.ajax({
				url: "../../../../../validgrad/diplomaPreview.html",
				type: 'post',
				async: false,
				data: {
						dip_code:dip_code,dip_state:dip_state,dip_stud_name:dip_stud_name,dip_state_full:dip_state_full,
						dip_month:dip_month,dip_day:dip_day,dip_year:dip_year,dip_style:dip_style,
						dip_ged_cert_number:dip_ged_cert_number,dip_seal_style:dip_seal_style,dip_staff_pos:dip_staff_pos,dip_notes_order:dip_notes_order,dip_signature_1:dip_signature_1,ged_diploma_size:ged_diploma_size,
						total_custom_sign:total_custom_sign,custom_signature_1:custom_signature_1,
				},
				success: function( response ) {
					$("#formLoader").addClass("hidden");

					window.open('diploma-maker/preview/index.html', '_self');
				}
			});
		}else{
			$("#formLoader").addClass("hidden");
			focusErroField($(this).parent().parent().find('.error input').first());
		}
		
	});
	
  	$(document).on("click","#diploma_view_degree_certificate",function() { 
		$("#formLoader").removeClass("hidden");

		var parentClass = $(this).parent().parent().attr("class").split(" ");
		if(parentClass.length>1){
			parentClass=parentClass[1];
		}else{
			parentClass=parentClass[0];
		}
		$("."+parentClass+" .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && !$(this).hasClass('hidden') && ($(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" || $(this).find('.form-control').val().trim() =="") && $(this).find('.form-control').attr('name') != "diploma_notes_order"){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if($(this).parent().parent().find('.error').length<1){
			var template_Class;
			$(".templates").each(function(){
				if(!$(this).hasClass('hidden')){
					template_Class=$(this).attr('class').split(" ");
				}
			});
			
			var dip_code = $("#diploma").val();
			var dip_state = $("#choose_diploma_states").val();
			

			var line1Text = $(".line1Text").val();
			var line1Font = $(".line1Font").val();
			var line1Size = $(".line1Size").val();
			
			var line2Text = $(".line2Text").val();
			var line2Font = $(".line2Font").val();
			var line2Size = $(".line2Size").val();
			
			var line3Text = $(".line3Text").val();
			var line3Font = $(".line3Font").val();
			var line3Size = $(".line3Size").val();
			
			var line4Text = $(".line4Text").val();
			var line4Font = $(".line4Font").val();
			var line4Size = $(".line4Size").val();
			
			var line5Text = $(".line5Text").val();
			var line5Font = $(".line5Font").val();
			var line5Size = $(".line5Size").val();
			
			var line6Text = $(".line6Text").val();
			var line6Font = $(".line6Font").val();
			var line6Size = $(".line6Size").val();
			
			var line7Text = $(".line7Text").val();
			var line7Font = $(".line7Font").val();
			var line7Size = $(".line7Size").val();
			
			var line8Text = $(".line8Text").val();
			var line8Font = $(".line8Font").val();
			var line8Size = $(".line8Size").val();
			
			var line9Text = $(".line9Text").val();
			var line9Font = $(".line9Font").val();
			var line9Size = $(".line9Size").val();
			
			
			var dip_seal_style = $('.'+template_Class[1]+' .slick-current').attr("data-slick-index");
			dip_seal_style = parseInt(dip_seal_style)+1;
					
			var dip_cert_pos_sign = $("."+template_Class[1]+" #diploma_school_position_signature").val();
			var dip_position_1 = $("."+template_Class[1]+" input[name='diploma_position_1']").val();
			var dip_signature_1 = $("."+template_Class[1]+" select[name='diploma_signature_1']").val();
			var dip_position_2 = $("."+template_Class[1]+" input[name='diploma_position_2']").val();
			var dip_signature_2 = $("."+template_Class[1]+" select[name='diploma_signature_2']").val();
			var dip_position_3 = $("."+template_Class[1]+" input[name='diploma_position_3']").val();
			var dip_signature_3 = $("."+template_Class[1]+" select[name='diploma_signature_3']").val();
			var dip_position_4 = $("."+template_Class[1]+" input[name='diploma_position_4']").val();
			var dip_signature_4 = $("."+template_Class[1]+" select[name='diploma_signature_4']").val();
			var custom_signature_1 = $("."+template_Class[1]+" input[name='custom_signature_1']").val();
			var custom_signature_2 = $("."+template_Class[1]+" input[name='custom_signature_2']").val();
			var custom_signature_3 = $("."+template_Class[1]+" input[name='custom_signature_3']").val();
			var custom_signature_4 = $("."+template_Class[1]+" input[name='custom_signature_4']").val();
			
			var dip_notes_order = $("."+template_Class[1]+" #diploma_notes_order").val();

			var total_custom_sign=0;

			if(dip_signature_1==0)total_custom_sign+=1;
			if(dip_signature_2==0)total_custom_sign+=1;
			if(dip_signature_3==0)total_custom_sign+=1;
			if(dip_signature_4==0)total_custom_sign+=1;
			
			if($("."+template_Class[1]+" #diploma_lega_purposes").prop("checked") == false){
				Swal.fire({
					title: "Please accept that you will not use this site for any illegal purposes",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
				$("#formLoader").addClass("hidden");
				return false;
			}
			if($("."+template_Class[1]+" #diploma_terms_conditions").prop("checked") == false){
				Swal.fire({
					title: "Please accept terms of use and privacy policy",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
				$("#formLoader").addClass("hidden");
				return false;
			}
			
			$.ajax({
				url: "../../../../../validgrad/diplomaPreview.html",
				type: 'post',
				async: false,
				data: {
					dip_code:dip_code,dip_state:dip_state,
					line1Text:line1Text,line1Font:line1Font,line1Size:line1Size,
					line2Text:line2Text,line2Font:line2Font,line2Size:line2Size,
					line3Text:line3Text,line3Font:line3Font,line3Size:line3Size,
					line4Text:line4Text,line4Font:line4Font,line4Size:line4Size,
					line5Text:line5Text,line5Font:line5Font,line5Size:line5Size,
					line6Text:line6Text,line6Font:line6Font,line6Size:line6Size,
					line7Text:line7Text,line7Font:line7Font,line7Size:line7Size,
					line8Text:line8Text,line8Font:line8Font,line8Size:line8Size,
					line9Text:line9Text,line9Font:line9Font,line9Size:line9Size,
					dip_seal_style:dip_seal_style,dip_cert_pos_sign:dip_cert_pos_sign,
					dip_position_1:dip_position_1,dip_signature_1:dip_signature_1,dip_position_2:dip_position_2,dip_signature_2:dip_signature_2,
					dip_position_3:dip_position_3,dip_signature_3:dip_signature_3,dip_position_4:dip_position_4,dip_signature_4:dip_signature_4,
					total_custom_sign:total_custom_sign,custom_signature_1:custom_signature_1,custom_signature_2:custom_signature_2,custom_signature_3:custom_signature_3,custom_signature_4:custom_signature_4,
					dip_notes_order:dip_notes_order
				},
				success: function( response ) {
					$("#formLoader").addClass("hidden");

					window.open('diploma-maker/preview/index.html', '_self');
				}
			});
		}else{
			$("#formLoader").addClass("hidden");
			focusErroField($(this).parent().parent().find('.error input').first());
		}
	});

	function bindSelectEvent(){

		jQuery(document).on("click", ".framing-options-select ul .init", function() {
			jQuery(this).closest(".framing-options-select ul").children('li:not(.init)').toggle();
			jQuery(this).closest(".framing-options-select ul").toggleClass('focused');
		});
		
		var allOptions = jQuery(".framing-options-select ul").children('li:not(.init)');
		jQuery(document).on("click", ".framing-options-select ul li:not(.init)", function() {
			allOptions.removeClass('selected');
			jQuery(this).addClass('selected');
			jQuery(".framing-options-select ul").children('.init').html(jQuery(this).html());
			var value = jQuery(this).attr("data-value");
			if(value != "diploma"){
				jQuery(this).closest(".wp-vg-diploma-preview-container").find(".frame-main").attr("class","frame-main").addClass(value);
			}else{
				jQuery(this).closest(".wp-vg-diploma-preview-container").find(".frame-main").attr("class","frame-main").addClass('diploma-frame');
			}
			allOptions.toggle();
			jQuery(".framing-options-select ul").toggleClass('focused');
		});

		$(document).mouseup(function(e){
			var container = $(".framing-options-select");
			// if the target of the click isn't the container nor a descendant of the container
			if (!container.is(e.target) && container.has(e.target).length === 0) 
			{
				if(container.find('li').eq(1).css("display") == "list-item"){
				container.find('li:not(.init)').toggle();
				}
			}
		});
	}

	// Preview Page Code
	function diploma_preview() {
		var preview_url = $('.wp-vg-diploma-preview-container').attr('preview_url');
		if (preview_url == undefined || preview_url == '') {
			return;
		}
		$.ajax({
			url: preview_url,
			type: "GET",
			success: function(res) {
				// if (res==""){
				// 	window.location.href="diploma-maker/index.html";
				// }
				$('.wp-vg-diploma-preview-container').html(res);
				
				if($('.wp-vg-diploma-preview-container .elevenByFourteen').length>0){
					$('.wp-vg-diploma-preview-container').addClass('elevenByFourteen-container');
				}else if($('.wp-vg-diploma-preview-container .eightPointByEleven').length>0){
					$('.wp-vg-diploma-preview-container').addClass('eightPointByEleven-container');
				}else if($('.wp-vg-diploma-preview-container .sevenByNine').length>0){
					$('.wp-vg-diploma-preview-container').addClass('sevenByNine-container');
				}
				bindSelectEvent();
			},
			error: function(res) {
				Swal.fire({
					title: "Something went wrong. Please try again.",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
			}
		});
	}
	diploma_preview();

	//Add Transcript
	$(document).on("click","#select_transcript_additional",function(){
		var preview_url = $('.wp-vg-diploma-preview-container').attr('preview_url');
		var frame = "diploma";
		if($("#framing_options_size li[class='selected']").length > 0){
			frame = $("#framing_options_size li[class='selected']").attr("data-value");
		}
		$("#formLoader").removeClass("hidden");

		$.ajax({
			url: preview_url+"/setFrameData",
			type: 'POST',
			async: false,
			data: {
				frame:frame
			},
			success: function(response) {
				$("#formLoader").addClass("hidden");
				window.location.href="transcript-maker/addtranscript/index.html";
			}
		});
		
	});

	//Add Diploma
	$(document).on("click","#select_diploma_additional",function(){
		window.location.href="diploma-maker/adddiploma/index.html";
	});

	//////////////////////////////////////////////////////////////////////[ Transcript ]/////////////////////////////////////////////////////////////
	// Preview Page Code
	function transcript_preview() {
		var preview_url = $('.wp-vg-transcript-preview-container').attr('preview_url');

		if (preview_url == undefined || preview_url == '') {
			return;
		}
		$.ajax({
			url: preview_url,
			type: "GET",
			success: function(res) {
				if (res==""){
					window.location.href="transcript-maker/index.html";
					return;
				}
				$('.wp-vg-transcript-preview-container').html(res);
			},
			error: function(res) {
				Swal.fire({
					title: "Something went wrong. Please try again.",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
			}
		});
	}
	transcript_preview();

	//Change transcript type
	$(document).on("change","#transcript",function() {
		var transcript = $(this).val();
		if(transcript==null||transcript=="")
		transcript=1;
		$(".templates").addClass('hidden');
		$(".template-"+transcript).removeClass('hidden');
		if(transcript == 1){
			$(".transcript_degree_type").removeClass('hidden');
			$(".transcript_major").removeClass('hidden');	
		}else {
			$(".transcript_degree_type").addClass('hidden');
			$(".transcript_major").addClass('hidden');
		}
		changeTranscriptTemplate();
	});

	// Change Degree for transcript
	$(document).on("change",".changedegreeT1",function() {
		var degree_level = $(this).val();
		$.ajax({
			type: 'POST',
			url: '/validgrad/transcript/changeMajorsOnDegree',
			data: { degree_level: degree_level},
			success: function (response) {
				$(".majorsChangingT1").html(response);
				changeTranscriptTemplate();
				return false;
			}
		});
	});

	// Change Degree for transcript
	$(document).on("change",".majorsChangingT1",function() {
		changeTranscriptTemplate();
	});

	// Change Transcript degree, state, grade
	$(document).on("change","#transcript_degree,#transcript_grade",function(){
		changeTranscriptTemplate();
	});

	var transcriptPageFound= setInterval(function() {
		if($(".wp-vg-transcript-page-container").length>0){
			clearInterval(transcriptPageFound);
			changeTranscriptTemplate();
		}
	}, 200);

	function changeTranscriptTemplate(){
	//	$("#formLoader").removeClass("hidden");
		var transcript=$("#transcript").val(),
		major=$(".majorsChangingT1").val(),
		degree=$(".changedegreeT1").val(),
		state=$("#transcript_states").val(),
		grade=$("#transcript_grade").val();
		var day = $("#transcript_grad_date").val();
		var month = $("#transcript_grad_month").val();
		var year = $("#transcript_grad_year").val();

		$.ajax({
			url: "https://www.breakthroughuni.ac.ke/graduation/transcript-maker/changeTranscriptTemplate.php",
			type: 'post',
			data: { transcript:transcript, degree:degree, grade:grade,major:major,state:state,day:day,month:month,year:year},
			success: function( response ) {
				$("body").append("<div id='tempdata' style='display:none'>"+response+"</div>");
				var tmpData=$("#tempdata .templates-block-wrap").html();
				$("#tempdata").remove();
				$(".templates-block-wrap").html(tmpData);
				$("#transcript_degree").val($(".changedegreeT1 option:selected").text().toLowerCase().replace(/\b[a-z]/g, function(letter) {
					return letter.toUpperCase();
				}));
				$("#transcript_major").val($(".majorsChangingT1 option:selected").text().toLowerCase().replace(/\b[a-z]/g, function(letter) {
					return letter.toUpperCase();
				}));
				$("#transcript_signature").trigger('change');
				updateLabel();
				if(day&&month&&year){
					calculateTranscriptDates();
				}else{
					$("#formLoader").addClass("hidden");
				}
			},
		});
	}

	$(document).on("keyup","#transcript_university_name",function() { 
		var uni_name = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(uni_name){
			$(".university_name_area .uni_title").text(uni_name);
			$(".university_name_area_again span.institute_title").text(uni_name);
		}
	});
	
	$(document).on("keyup","input[name='transcript_student_name']",function() { 
		var name = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(name){
			$(".stud_name").text(name);
		}
	});
	
	$(document).on("keyup","#transcript_student_id",function() { 
		var id = $(this).val();
		if(id){
			$(".student_id_area span.stud_id").text(id);
		}
	});

	$(document).on("keyup","input[name='transcript_address_street']",function() { 
		var value = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(value){
			$(".stud_street").text(value);
		}
	});

	$(document).on("keyup","input[name='transcript_address_city']",function() { 
		var value = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(value){
			$(".stud_city").text(titleCaseWord(value));
		}
	});

	$(document).on("change", "select[name='transcript_address_state'],#transcript_states", function() {
        $("#formLoader").removeClass("hidden");

        var value = $(this).val();
        var fieldName = $(this).attr('id');
        if (fieldName == 'transcript_states') {
            // value = $("#" + fieldName + " option:selected").text();
            $("select[name='transcript_address_state']").val(value);
            $(".stud_state").text(value);
            $(".template-2 .stud_state").text(value.toUpperCase());
        } else {
            $("#transcript_states").val(value);
            $(".stud_state").text(value);
            $(".template-2 .stud_state").text(value.toUpperCase());
        }

        $("#formLoader").addClass("hidden");
    });

	$(document).on("keyup","input[name='transcript_address_zipcode']",function() { 
		var value = $(this).val();
		if(value){
			$(".stud_zipcode").text(value);
		}
	});

	$(document).on("keyup","#transcript_major",function() { 
		var value = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(value){
			$(".title_major_area span#maj_sub").text(value);
		}
	});

	$(document).on("keyup","#transcript_degree",function() { 
		var value = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(value){
			$(".degree_title_area span#deg_title").text(value);
		}
	});
	

	// Chnage transcript month and day and year
	$(document).on("change","#transcript_grad_month,#transcript_grad_date,#transcript_grad_year",function() { 
		calculateTranscriptDates();
	});

	// Default select date
	var transcript_realtime= setInterval(function() {
		if($(".transcript_realtime").length>0){
			clearInterval(transcript_realtime);
			calculateTranscriptDates();
		}
	}, 200);

	function calculateTranscriptDates(){
		$("#formLoader").removeClass("hidden");

		var day = $("#transcript_grad_date").val();
		var month = $("#transcript_grad_month").val();
		var year = $("#transcript_grad_year").val();
		var deg_id = $(".changedegreeT1").val();
		
		if(day && month && year){
			$.ajax({
				url: "https://www.breakthroughuni.ac.ke/graduation/validgrad/calculateTranscriptDates.php",
				type: 'post',
				data: { day:day, month:month, year:year,deg_lev_id:deg_id},
				success: function( response ) {
					var obj = jQuery.parseJSON(response);
					$("#cofer_date_area,span#conf_date").text(obj.trans_conf_date);
					$("#completed_program_area,span#comp_date, #title_major_area,span#comp_date1").text(obj.trans_comp_date);
					$("#active_program_area,span#active_date, #title_major_area,span#active_date1").text(obj.trans_active_date);
					
					$("#semester_name,h5#semsester_1_year").text(obj.semester_1_year);
					$("#semester_name,h5#semsester_2_year").text(obj.semester_2_year);
					$("#semester_name,h5#semsester_3_year").text(obj.semester_3_year);
					$("#semester_name,h5#semsester_4_year").text(obj.semester_4_year);
					$("#semester_name,h5#semsester_5_year").text(obj.semester_5_year);
					$("#semester_name,h5#semsester_6_year").text(obj.semester_6_year);
					$("#semester_name,h5#semsester_7_year").text(obj.semester_7_year);
					$("#semester_name,h5#semsester_8_year").text(obj.semester_8_year);
					$("#semester_name,h5#semsester_9_year").text(obj.semester_9_year);
					$("#semester_name,h5#semsester_10_year").text(obj.semester_10_year);
					$("#semester_name,h5#semsester_11_year").text(obj.semester_11_year);
					$("#semester_name,h5#semsester_12_year").text(obj.semester_12_year);
					$("#semester_name,h5#semsester_13_year").text(obj.semester_13_year);
					$("#semester_name,h5#semsester_14_year").text(obj.semester_14_year);
					$("#semester_name,h5#semsester_15_year").text(obj.semester_15_year);
					$("#semester_name,h5#semsester_16_year").text(obj.semester_16_year);

					$("#formLoader").addClass("hidden");
				}
			});
		}else{
			$("#formLoader").addClass("hidden");
		}
		updateLabel();
	}

	//Change Date of Birth
	$(document).on("change","#transcript_dob_month,#transcript_dob_date,#transcript_dob_year",function() { 
		
		var month = $("#transcript_dob_month").val();
		var day = $("#transcript_dob_date").val();
		var year = $("#transcript_dob_year").val();

		if(month && day && year){
			var newdate = month+'/'+day+'/'+year;
			$(".dob").text(newdate);
		}
	});

	//Change School name
	$(document).on("keyup","#transcript_school_name",function() { 
		var value = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(value){
			$(".school_name").text(value);
			$(".campus_name").text(value);
		}
	});
	
	//change school address
	$(document).on("change","#transcript_gender",function() { 
		var value = $(this).val();
		if(value){
			$(".gender").text(value);
		}
	});
	
	$(document).on("keyup","#transcript_school_address_street",function() { 
		var value = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(value){
			$(".street").text(value);
		}
	});

	$(document).on("keyup","#transcript_school_address_city",function() { 
		var value = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
			return letter.toUpperCase();
		});
		if(value){
			$(".city").text(titleCaseWord(value));
		}
	});

	$(document).on("keyup","#transcript_school_address_zipcode",function() { 
		var value = $(this).val();
		if(value){
			$(".zipcode").text(value);
		}
	});

	//Change school graduation date
	$(document).on("change","#transcript_sch_grad_month,#transcript_sch_grad_date,#transcript_sch_grad_year",function() { 
		$("#formLoader").removeClass("hidden");
		
		var day = $("#transcript_sch_grad_date").val();
		var month = $("#transcript_sch_grad_month").val();
		var year = $("#transcript_sch_grad_year").val();
		
		if(day && month && year){
			var  graduation_date = month+'/'+day+'/'+year;
			$("#date_of_gradu").text(graduation_date);
			
			var newdate = new Date(graduation_date); 
			newdate.setDate(newdate.getDate() + 7); // minus the date
			var print_date = new Date(newdate);
			
			var d = print_date.getDate();
			var m = print_date.getMonth()+1;
			var y = print_date.getFullYear();
			
			var  printed_date = m+'/'+d+'/'+y;
			$("#date_printed").text(printed_date);
			$("#class_rank_date").text(printed_date);

			$.ajax({
				url: "/validgrad/transcript/calculateAssessmentDates",
				type: 'POST',
				data: {day:day,month:month,year:year},
				success: function( response ) {
					$("#exit_level_assessment span#level_eng").text(response);
					$("#exit_level_assessment span#level_math").text(response);
					$("#exit_level_assessment span#level_sci").text(response);
					$("#exit_level_assessment span#leve_soc_stud").text(response);
					$(".grade_level_entries span.test_date").text(response);
				}
			});

		}
		$("#formLoader").addClass("hidden");

	});

	function make_school_date(second_year,first_year){
		
		first_year = first_year.toString().substr(-2);
		second_year = second_year.toString().substr(-2);
		
		second_year = ('0' + second_year).slice(-2);
		first_year = ('0' + first_year).slice(-2);
		
		
		var newdate = first_year+'/'+second_year;
		return newdate;
		
	}

	$(document).on("change","#transcript_sch_grad_year",function() { 
		
		var year = $("#transcript_sch_grad_year").val();
		
		if(year){
			
			$("#level_4, #eng4 p.entry_date, #alg2 p.entry_date, #ecofe p.entry_date, #gov p.entry_date, #advstr p.entry_date, #peits2 p.entry_date, #soc p.entry_date, #stulead p.entry_date, #learning p.entry_date").text(make_school_date(year,year-1));

			$("#level_3, #eng3 p.entry_date, #mthmod p.entry_date, #envirsys p.entry_date, #chem p.entry_date, #ushist p.entry_date, #peits1 p.entry_date, #jrnlsm p.entry_date, #psych p.entry_date, #lnurtwel p.entry_date").text(make_school_date(year-1,year-2));

			$("#level_2, #eng2 p.entry_date, #geom p.entry_date, #bio p.entry_date, #whist p.entry_date, #peeq1 p.entry_date, #span2 p.entry_date, #tawebmas p.entry_date").text(make_school_date(year-2,year-3));
			$("#level_1, #eng1 p.entry_date, #comm p.entry_date, #alg1 p.entry_date, #ipc p.entry_date, #wgeo p.entry_date, #hlthed p.entry_date, #pe1a p.entry_date, #pets p.entry_date, #span1 p.entry_date, #art1 p.entry_date, #begbcis1 p.entry_date").text(make_school_date(year-3,year-4));

			var year4=year-4,year3=year-3,year2=year-2,year1=year-1;
			$(".local_state_total_entries #betYear_4").text(year1+'-'+year);
			$(".local_state_total_entries #betYear_3").text(year2+'-'+year1);
			$(".local_state_total_entries #betYear_2").text(year3+'-'+year2);
			$(".local_state_total_entries #betYear_1").text(year4+'-'+year3);

		}
	});

	// Default select date
	var transcript_school_realtime= setInterval(function() {
		if($(".transcript_school_realtime").length>0){
			clearInterval(transcript_school_realtime);
			$("#transcript_sch_grad_year").trigger('change');
		}
	}, 200);

	//Change seal and signature
	$(document).on("afterChange",".transcript_seals",function() {
		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});
		var tran_id = $("#transcript").val();
		var seal_id = 1;
		if(tran_id == 1){
			seal_id = $('.'+template_Class[1]+' .slick-current').attr("data-slick-index");
		}else{
			seal_id = $('.'+template_Class[2]+' .slick-current').attr("data-slick-index");
		}
		seal_id = parseInt(seal_id)+1;

		if(seal_id=="1"){
			$('.school_seal_area img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/bibu_seal.png');
			$('.college_seal img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/bibu_seal.png');
		}else if(seal_id=="2"){
		    $('.school_seal_area img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal2.jpeg');
			$('.college_seal img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal2.jpeg');
            }else if(seal_id=="3"){
            $('.school_seal_area img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal3.jpeg');
            $('.college_seal img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal3.jpeg');
            }else if(seal_id=="4"){
            $('.school_seal_area img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal4.jpeg');
            $('.college_seal img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal4.jpeg');
            }else if(seal_id=="5"){
            $('.school_seal_area img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal5.jpeg');
            $('.college_seal img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal5.jpeg');
            }else if(seal_id=="6"){
            $('.school_seal_area img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal6.jpeg');
            $('.college_seal img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/seal6.jpeg');
            }
	});
	
	$(document).on("change","#transcript_signature_style,#transcript_signature",function() { 
		var signature_id = $(this).val();
		
		var template_Class;
		$(".templates").each(function(){
			if(!$(this).hasClass('hidden')){
				template_Class=$(this).attr('class').split(" ");
			}
		});

		if(signature_id!=0){
			$("."+template_Class[1]+" input[name='custom_signature_1']").parent().addClass("hidden");
			$("."+template_Class[1]+" #custom_sign_1").parent().find('img').removeClass("hidden");
			$("."+template_Class[1]+" #custom_sign_1").addClass("hidden");
		}else{
			$("."+template_Class[1]+" input[name='custom_signature_1']").parent().removeClass("hidden");
			$("."+template_Class[1]+" #custom_sign_1").parent().find('img').addClass("hidden");
			$("."+template_Class[1]+" #custom_sign_1").removeClass("hidden");
		}
		
		if(signature_id){
			$('#signature_style_here img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/signature_patrick.png');
		}
	});

	$(document).on("change","#transcript_signature",function() { 
		var signature_id = $(this).val();
		if(signature_id){
			$('#signature_style_here img').attr('src', 'https://www.breakthroughuni.ac.ke/graduation/diploma-maker/preview/signature/signature_patrick.png');
		}
	});

	var editModal;
	//Edit modal
	$(document).on("click",".modal-trigger",function(event){
		$("#modal_course").val($(this).closest(".marks_data").find(".course_name").text().trim());
		$("#modal_desc").val($(this).closest(".marks_data").find(".course_description").text().trim());
		$("#modal_attempt").val(parseInt($(this).closest(".marks_data").find(".course_attempted").text().trim()));
		$("#modal_earned").val(parseInt($(this).closest(".marks_data").find(".course_earned").text().trim()));
		$("#modal_grade").val($(this).closest(".marks_data").find(".course_grade").text().trim());
		$("#modal_points").val(parseInt($(this).closest(".marks_data").find(".course_points").text().trim()));
		editModal=$(this);
		var title = editModal.closest(".marks_block").find(".semester_name h5").text();
		var mainTitle = $(".beg_undergrad_prog_area").text();
		$(".modal-title").text(mainTitle+" ("+title+")");
		showModal();
		event.stopPropagation(); 
	});

	$(document).on('click','.close',function(){
		$('.modal').fadeOut('fast');
		(function fun2(){
			$('.modal-content').css({ 'transform':'translateY(-50px)' });
		})();
	});
	
	$(document).click(function(e) {
        if ($(e.target).is('.modal')) {
			return false;
        }
    });

	function showModal(){
		$('.modal').fadeIn('slow');
			(function fun(){
				$('.modal-content').css({'transform':'translateY(0px)'});
			})();
		updateLabel();
	}

	function roundoff(val, afterPoint) {
		return (+val).toFixed(afterPoint);
	  }

	function hideModal(){
		var semester=editModal.closest(".marks_data").attr("data-sem"),
		position=editModal.closest(".marks_data").attr("data-index"),
		course=$("#modal_course").val().toUpperCase(),
		desc=$("#modal_desc").val().toUpperCase(),
		attempt=$("#modal_attempt").val(),
		earned=$("#modal_earned").val(),
		grade=$("#modal_grade").val(),
		points=$("#modal_points").val();

		editModal.closest(".marks_data").find(".course_name").text(course);
		editModal.closest(".marks_data").find(".course_description").text(desc);
		editModal.closest(".marks_data").find(".course_attempted").text(roundoff(attempt,3));
		editModal.closest(".marks_data").find(".course_earned").text(roundoff(earned,3));
		editModal.closest(".marks_data").find(".course_grade").text(grade.toUpperCase());
		editModal.closest(".marks_data").find(".course_points").text(roundoff(points,3));

		$totalTermAttemp=0;
		$totalTermEarned=0;
		$totalTermPoints=0;

		editModal.closest(".marks_semester").find(".course_attempted").each(function (i,v){
			$totalTermAttemp += parseFloat($(this).text());
		});

		editModal.closest(".marks_semester").find(".course_earned").each(function (i,v){
			$totalTermEarned += parseFloat($(this).text());
		});

		editModal.closest(".marks_semester").find(".course_points").each(function (i,v){
			$totalTermPoints += parseFloat($(this).text());
		});

		editModal.closest(".marks_semester").parent().find(".semester_result .marks_data .course_attempted").first().text(roundoff($totalTermAttemp,3));
		editModal.closest(".marks_semester").parent().find(".semester_result .marks_data .course_earned").first().text(roundoff($totalTermEarned,3));
		editModal.closest(".marks_semester").parent().find(".semester_result .marks_data .course_grade").first().text(roundoff($totalTermEarned,3));
		editModal.closest(".marks_semester").parent().find(".semester_result .marks_data .cum_gpa_gpa_unit").first().text(roundoff($totalTermEarned,3));
		editModal.closest(".marks_semester").parent().find(".semester_result .marks_data .term_gpa_points").first().text(roundoff($totalTermPoints,3));

		$previousTotal=0;
		$(".semester_result .marks_data .cum_gpa_attempt").each(function (index,params){
			if(index==0){
				$(this).text(roundoff(parseFloat($(".semester_result .marks_data .term_gpa_attempt").first().text()),3));
				$previousTotal += parseFloat($(this).text());
			}else{
				$currentTotal = parseFloat($previousTotal)+parseFloat($(this).closest(".semester_result").find(".marks_data .term_gpa_attempt").first().text());
				$(this).text(roundoff($currentTotal,3));
				$previousTotal = parseFloat($(this).text());
			}
		});

		$previousTotal=0;
		$(".semester_result .marks_data .cum_gpa_earned").each(function (index,params){
			if(index==0){
				$(this).text(roundoff(parseFloat($(".semester_result .marks_data .term_gpa_gpa_unit").first().text()),3));
				$previousTotal += parseFloat($(this).text());
			}else{
				$currentTotal = parseFloat($previousTotal)+parseFloat($(this).closest(".semester_result").find(".marks_data .term_gpa_gpa_unit").first().text());
				$(this).text(roundoff($currentTotal,3));
				$previousTotal = parseFloat($(this).text());
			}
		});

		$previousTotal=0;
		$(".semester_result .marks_data .cum_gpa_gpa_unit").each(function (index,params){
			if(index==0){
				$(this).text(roundoff(parseFloat($(".semester_result .marks_data .term_gpa_earned").first().text()),3));
				$previousTotal += parseFloat($(this).text());
			}else{
				$currentTotal = parseFloat($previousTotal)+parseFloat($(this).closest(".semester_result").find(".marks_data .term_gpa_earned").first().text());
				$(this).text(roundoff($currentTotal,3));
				$previousTotal = parseFloat($(this).text());
			}
		});

		$previousTotal=0;
		$(".semester_result .marks_data .cum_gpa_points").each(function (index,params){
			if(index==0){
				$(this).text(roundoff(parseFloat($(".semester_result .marks_data .term_gpa_points").first().text()),3));
				$previousTotal += parseFloat($(this).text());
			}else{
				$currentTotal = parseFloat($previousTotal)+parseFloat($(this).closest(".semester_result").find(".marks_data .term_gpa_points").first().text());
				$(this).text(roundoff($currentTotal,3));
				$previousTotal = parseFloat($(this).text());
			}
		});

		$total_points= editModal.closest(".marks_semester").parent().find(".semester_result .marks_data .term_gpa_points").text();
		$total_cum_points= editModal.closest(".marks_semester").parent().find(".semester_result .marks_data .cum_gpa_points").text();
         
         	$("#modalLoader").addClass("hidden");
				$("#update_modal").removeClass("hidden");
				// Swal.fire({
				// 	title: "Details Updated",
				// 	icon: "success",
				// 	backdrop:true,
				// 	allowEnterKey:true,
				// 	allowOutsideClick: true,
				// 	confirmButtonColor: "#235273",
				// 	confirmButtonText: "Close"
				// })
				//.then(function(result) {
				//	if (result.value) {
				// 		$('.modal').fadeOut('fast');
				// 		$('.modal-content').css({ 'transform':'translateY(-50px)' });
				// 		setTimeout(function() {
				// 		    $('#pointsmodal').modal('hide');
						    
				// 		}, 1000);
				//	}
			//	});
         
		$.ajax({
			url: "https://www.breakthroughuni.ac.ke/graduation/transcript-maker/setNewSessionValue.php",
			type: 'POST',
			async: false,
			data: {
				semester:semester,position:position,c_name:course,c_description:desc,c_attempted:roundoff(attempt,3),c_earned:roundoff(earned,3),grade:grade.toUpperCase(),points:roundoff(points,3),total_points:roundoff($total_points,3),total_cum_points:roundoff($total_cum_points,3)
			},
			success: function( response ) {
				$("#modalLoader").addClass("hidden");
				$("#update_modal").removeClass("hidden");
				Swal.fire({
					title: "Details Updated",
					icon: "success",
					backdrop:true,
					allowEnterKey:false,
					allowOutsideClick: true,
					confirmButtonColor: "#000000",
					confirmButtonText: "Close"
				}).then(function(result) {
					if (result.value) {
						$('.modal').fadeOut('fast');
						$('.modal-content').css({ 'transform':'translateY(-50px)' });
					}
				});
				
			},error: function(res) {
				$("#update_modal").removeClass("hidden");
				$("#modalLoader").addClass("hidden");
			}
		});
	}

	$(document).on("keydown", ".wp-vg-transcript-page-container .modal", function (e) {
		if (e.keyCode === 13) {
			//checks whether the pressed key is "Enter"
			$("#update_modal").trigger("click");
		}
	});


	$(document).on("click","#update_modal", function () {
		$(this).addClass("hidden");
		$("#modalLoader").removeClass("hidden");
		hideModal();
	});


	// View Transcript college
	$(document).on("click","#transcript_view_college",function() {
		var parentClass = $(this).parent().parent().attr("class").split(" ");
		if(parentClass.length>1){
			parentClass=parentClass[1];
		}else{
			parentClass=parentClass[0];
		}
		$("."+parentClass+" .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && $(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" && !$(this).hasClass('hidden') && $(this).find('.form-control').attr('name') != "transcript_notes_order"){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if($(this).parent().parent().find('.error').length<1){
			$("#formLoader").removeClass("hidden");


			var template_Class;
			$(".templates").each(function(){
				if(!$(this).hasClass('hidden')){
					template_Class=$(this).attr('class').split(" ");
				}
			});

			var tran_id 	= $("#transcript").val();
			var tran_state  = $("#transcript_states").val();
			var tran_state_full  = $("#transcript_states option:selected").text();
			var tran_grade  = $("#transcript_grade").val();
			var tran_deg_id = $("."+template_Class[1]+" select[name='degree'] option:selected").val();
			var tran_maj_id = $("."+template_Class[1]+" select[name='major'] option:selected").val();
		
			var tran_deg_name = $("#transcript_degree").val();
			var tran_maj_name = $("#transcript_major").val();
			
			var tran_stud_name = $("."+template_Class[1]+" input[name='transcript_student_name']").val();
			
			var tran_addr_street = $("."+template_Class[1]+" input[name='transcript_address_street']").val();
			var tran_addr_city = $("."+template_Class[1]+" input[name='transcript_address_city']").val();
			var tran_addr_state = $("."+template_Class[1]+" select[name='transcript_address_state']").val();
			var tran_addr_zipcode = $("."+template_Class[1]+" input[name='transcript_address_zipcode']").val();
			
			var tran_stud_id = $("#transcript_student_id").val();
			var tran_uni_name = $("#transcript_university_name").val();
			
			var tran_grad_month = $("#transcript_grad_month option:selected").val();
			var tran_grad_date  = $("#transcript_grad_date option:selected").val();
			var tran_grad_year  = $("#transcript_grad_year option:selected").val();
			
			var tran_seal_style = $('.'+template_Class[1]+' .slick-current').attr("data-slick-index");
			tran_seal_style = parseInt(tran_seal_style)+1;
			
			var tran_sign 	  = $("#transcript_signature").val();
			var tran_notes_order = $("."+template_Class[1]+" textarea[name='transcript_notes_order']").val();

			var custom_signature_1 = $("."+template_Class[1]+" input[name='custom_signature_1']").val();

			var tran_total_custom_sign=0;

			if(tran_sign==0)tran_total_custom_sign+=1;

			if($("."+template_Class[1]+" #transcript_lega_purposes").prop("checked") == false){
				Swal.fire({
					title: "Please accept that you will not use this site for any illegal purposes",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
				$("#formLoader").addClass("hidden");
				return false;
			}
			if($("."+template_Class[1]+" #transcript_terms_conditions").prop("checked") == false){
				Swal.fire({
					title: "Please accept terms of use and privacy policy",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
				$("#formLoader").addClass("hidden");
				return false;
			}

			$.ajax({
				url: "https://www.breakthroughuni.ac.ke/graduation/transcript-maker/t-preview.php",
				type: 'POST',
				async: false,
				data: {
					tran_id:tran_id,tran_state:tran_state,tran_state_full:tran_state_full,tran_grade:tran_grade,tran_deg_id:tran_deg_id,tran_maj_id:tran_maj_id,tran_deg_name:tran_deg_name,
					tran_maj_name:tran_maj_name,tran_stud_name:tran_stud_name,tran_stud_id:tran_stud_id,tran_uni_name:tran_uni_name,
					tran_addr_street:tran_addr_street,tran_addr_city:tran_addr_city,tran_addr_state:tran_addr_state,tran_addr_zipcode:tran_addr_zipcode,
					tran_grad_month:tran_grad_month,tran_grad_date:tran_grad_date,tran_grad_year:tran_grad_year,
					tran_seal_style:tran_seal_style,tran_sign:tran_sign,custom_signature_1:custom_signature_1,tran_total_custom_sign:tran_total_custom_sign,tran_notes_order:tran_notes_order
				},
				success: function(response) {
					$("#formLoader").addClass("hidden");

					window.open('https://www.breakthroughuni.ac.ke/graduation/transcript-maker/preview/index.php', '_self');
				}
			});

		}else{
			focusErroField($(this).parent().parent().find('.error input').first());
		}
		updateLabel();
	});

	//View Transcript school
	$(document).on("click","#transcript_view_school",function() { 

		var parentClass = $(this).parent().parent().attr("class").split(" ");
		if(parentClass.length>1){
			parentClass=parentClass[1];
		}else{
			parentClass=parentClass[0];
		}
		$("."+parentClass+" .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && !$(this).hasClass('hidden') && ($(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="")  && $(this).find('.form-control').attr('name') != "transcript_notes_order"){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});

		if($(this).parent().parent().find('.error').length<1){

			$("#formLoader").removeClass("hidden");


			var template_Class;
			$(".templates").each(function(){
				if(!$(this).hasClass('hidden')){
					template_Class=$(this).attr('class').split(" ");
				}
			});
		  
			var tran_id = $("#transcript").val();
			var tran_state = $("#transcript_states").val();
			var tran_state_full = $(".stud_state").first().text();
			
			var tran_grade = $("#transcript_grade").val();
	
			var tran_fname = $("."+template_Class[2]+" input[name='transcript_student_name']").val();
		
			var month = $("#transcript_dob_month").val();
			var day = $("#transcript_dob_date").val();
			var year = $("#transcript_dob_year").val();

			var tran_dob = month+'/'+day+'/'+year;
			var tran_gender = $("#transcript_gender").val();
			var tran_sch_name = $("#transcript_school_name").val();
			
			var tran_addr_street = $("#transcript_school_address_street").val();
			var tran_addr_city = $("#transcript_school_address_city").val();
			var tran_addr_state = $("#transcript_school_address_state").val();
			var tran_addr_zipcode = $("#transcript_school_address_zipcode").val();
			
			var tran_grad_month = $("#transcript_sch_grad_month").val();
			var tran_grad_date  = $("#transcript_sch_grad_date").val();
			var tran_grad_year  = $("#transcript_sch_grad_year").val();
			
			var tran_seal_style = $('.'+template_Class[2]+' .slick-current').attr("data-slick-index");
			tran_seal_style = parseInt(tran_seal_style)+1;

			var tran_sign_style = $("#transcript_signature_style").val();
			var tran_notes_order = $("."+template_Class[2]+" textarea[name='transcript_notes_order']").val();
		
			
			var level_assess_1 = $("#exit_level_assessment #level_eng").text();
			var level_assess_2 = $("#exit_level_assessment #level_math").text();
			var level_assess_3 = $("#exit_level_assessment #level_sci").text();
			var level_assess_4 = $("#exit_level_assessment #leve_soc_stud").text();
			
			var award_cred_1 = $("#school_awarding_credits #level_1").text();
			var award_cred_2 = $("#school_awarding_credits #level_2").text();
			var award_cred_3 = $("#school_awarding_credits #level_3").text();
			var award_cred_4 = $("#school_awarding_credits #level_4").text();
	
			//entries collection
			//subjects 1
			var sec1_eng1_date = $(".sub_1_entry_area #eng1 .entry_date").text();
			var sec1_eng1_sub = $(".sub_1_entry_area #eng1 .entry_subject").text();
			var sec1_eng1_p1 = $(".sub_1_entry_area #eng1 .entry_p1").text();
			var sec1_eng1_p2 = $(".sub_1_entry_area #eng1 .entry_p2").text();
			var sec1_eng1_credit = $(".sub_1_entry_area #eng1 .entry_credit").text();
			
			var sec1_eng2_date = $(".sub_1_entry_area #eng2 .entry_date").text();
			var sec1_eng2_sub = $(".sub_1_entry_area #eng2 .entry_subject").text();
			var sec1_eng2_p1 = $(".sub_1_entry_area #eng2 .entry_p1").text();
			var sec1_eng2_p2 = $(".sub_1_entry_area #eng2 .entry_p2").text();
			var sec1_eng2_credit = $(".sub_1_entry_area #eng2 .entry_credit").text();
			
			var sec1_eng3_date = $(".sub_1_entry_area #eng3 .entry_date").text();
			var sec1_eng3_sub = $(".sub_1_entry_area #eng3 .entry_subject").text();
			var sec1_eng3_p1 = $(".sub_1_entry_area #eng3 .entry_p1").text();
			var sec1_eng3_p2 = $(".sub_1_entry_area #eng3 .entry_p2").text();
			var sec1_eng3_credit = $(".sub_1_entry_area #eng3 .entry_credit").text();
			
			var sec1_eng4_date = $(".sub_1_entry_area #eng4 .entry_date").text();
			var sec1_eng4_sub = $(".sub_1_entry_area #eng4 .entry_subject").text();
			var sec1_eng4_p1 = $(".sub_1_entry_area #eng4 .entry_p1").text();
			var sec1_eng4_p2 = $(".sub_1_entry_area #eng4 .entry_p2").text();
			var sec1_eng4_credit = $(".sub_1_entry_area #eng4 .entry_credit").text();

			
			//subjects 2
			var sec2_comm_date = $(".sub_2_entry_area #comm .entry_date").text();
			var sec2_comm_sub = $(".sub_2_entry_area #comm .entry_subject").text();
			var sec2_comm_p1 = $(".sub_2_entry_area #comm .entry_p1").text();
			var sec2_comm_p2 = $(".sub_2_entry_area #comm .entry_p2").text();
			var sec2_comm_credit = $(".sub_2_entry_area #comm .entry_credit").text();
			
			
			//subjects 3
			var sec3_alg1_date = $(".sub_3_entry_area #alg1 .entry_date").text();
			var sec3_alg1_sub = $(".sub_3_entry_area #alg1 .entry_subject").text();
			var sec3_alg1_p1 = $(".sub_3_entry_area #alg1 .entry_p1").text();
			var sec3_alg1_p2 = $(".sub_3_entry_area #alg1 .entry_p2").text();
			var sec3_alg1_credit = $(".sub_3_entry_area #alg1 .entry_credit").text();
			
			var sec3_geom_date = $(".sub_3_entry_area #geom .entry_date").text();
			var sec3_geom_sub = $(".sub_3_entry_area #geom .entry_subject").text();
			var sec3_geom_p1 = $(".sub_3_entry_area #geom .entry_p1").text();
			var sec3_geom_p2 = $(".sub_3_entry_area #geom .entry_p2").text();
			var sec3_geom_credit = $(".sub_3_entry_area #geom .entry_credit").text();
			
			var sec3_mthmod_date = $(".sub_3_entry_area #mthmod .entry_date").text();
			var sec3_mthmod_sub = $(".sub_3_entry_area #mthmod .entry_subject").text();
			var sec3_mthmod_p1 = $(".sub_3_entry_area #mthmod .entry_p1").text();
			var sec3_mthmod_p2 = $(".sub_3_entry_area #mthmod .entry_p2").text();
			var sec3_mthmod_credit = $(".sub_3_entry_area #mthmod .entry_credit").text();
			
			var sec3_alg2_date = $(".sub_3_entry_area #alg2 .entry_date").text();
			var sec3_alg2_sub = $(".sub_3_entry_area #alg2 .entry_subject").text();
			var sec3_alg2_p1 = $(".sub_3_entry_area #alg2 .entry_p1").text();
			var sec3_alg2_p2 = $(".sub_3_entry_area #alg2 .entry_p2").text();
			var sec3_alg2_credit = $(".sub_3_entry_area #alg2 .entry_credit").text();

			
			//subjects 4
			var sec4_ipc_date = $(".sub_4_entry_area #ipc .entry_date").text();
			var sec4_ipc_sub = $(".sub_4_entry_area #ipc .entry_subject").text();
			var sec4_ipc_p1 = $(".sub_4_entry_area #ipc .entry_p1").text();
			var sec4_ipc_p2 = $(".sub_4_entry_area #ipc .entry_p2").text();
			var sec4_ipc_credit = $(".sub_4_entry_area #ipc .entry_credit").text();
			
			var sec4_bio_date = $(".sub_4_entry_area #bio .entry_date").text();
			var sec4_bio_sub = $(".sub_4_entry_area #bio .entry_subject").text();
			var sec4_bio_p1 = $(".sub_4_entry_area #bio .entry_p1").text();
			var sec4_bio_p2 = $(".sub_4_entry_area #bio .entry_p2").text();
			var sec4_bio_credit = $(".sub_4_entry_area #bio .entry_credit").text();
			
			var sec4_envirsys_date = $(".sub_4_entry_area #envirsys .entry_date").text();
			var sec4_envirsys_sub = $(".sub_4_entry_area #envirsys .entry_subject").text();
			var sec4_envirsys_p1 = $(".sub_4_entry_area #envirsys .entry_p1").text();
			var sec4_envirsys_p2 = $(".sub_4_entry_area #envirsys .entry_p2").text();
			var sec4_envirsys_credit = $(".sub_4_entry_area #envirsys .entry_credit").text();
			
			var sec4_chem_date = $(".sub_4_entry_area #chem .entry_date").text();
			var sec4_chem_sub = $(".sub_4_entry_area #chem .entry_subject").text();
			var sec4_chem_p1 = $(".sub_4_entry_area #chem .entry_p1").text();
			var sec4_chem_p2 = $(".sub_4_entry_area #chem .entry_p2").text();
			var sec4_chem_credit = $(".sub_4_entry_area #chem .entry_credit").text();
			
			
			//subjects 5
			var sec5_wgeo_date = $(".sub_5_entry_area #wgeo .entry_date").text();
			var sec5_wgeo_sub = $(".sub_5_entry_area #wgeo .entry_subject").text();
			var sec5_wgeo_p1 = $(".sub_5_entry_area #wgeo .entry_p1").text();
			var sec5_wgeo_p2 = $(".sub_5_entry_area #wgeo .entry_p2").text();
			var sec5_wgeo_credit = $(".sub_5_entry_area #wgeo .entry_credit").text();
			
			var sec5_whist_date = $(".sub_5_entry_area #whist .entry_date").text();
			var sec5_whist_sub = $(".sub_5_entry_area #whist .entry_subject").text();
			var sec5_whist_p1 = $(".sub_5_entry_area #whist .entry_p1").text();
			var sec5_whist_p2 = $(".sub_5_entry_area #whist .entry_p2").text();
			var sec5_whist_credit = $(".sub_5_entry_area #whist .entry_credit").text();
			
			var sec5_ushist_date = $(".sub_5_entry_area #ushist .entry_date").text();
			var sec5_ushist_sub = $(".sub_5_entry_area #ushist .entry_subject").text();
			var sec5_ushist_p1 = $(".sub_5_entry_area #ushist .entry_p1").text();
			var sec5_ushist_p2 = $(".sub_5_entry_area #ushist .entry_p2").text();
			var sec5_ushist_credit = $(".sub_5_entry_area #ushist .entry_credit").text();
			
			var sec5_ecofe_date = $(".sub_5_entry_area #ecofe .entry_date").text();
			var sec5_ecofe_sub = $(".sub_5_entry_area #ecofe .entry_subject").text();
			var sec5_ecofe_p1 = $(".sub_5_entry_area #ecofe .entry_p1").text();
			var sec5_ecofe_p2 = $(".sub_5_entry_area #ecofe .entry_p2").text();
			var sec5_ecofe_credit = $(".sub_5_entry_area #ecofe .entry_credit").text();
			
			var sec5_gov_date = $(".sub_5_entry_area #gov .entry_date").text();
			var sec5_gov_sub = $(".sub_5_entry_area #gov .entry_subject").text();
			var sec5_gov_p1 = $(".sub_5_entry_area #gov .entry_p1").text();
			var sec5_gov_p2 = $(".sub_5_entry_area #gov .entry_p2").text();
			var sec5_gov_credit = $(".sub_5_entry_area #gov .entry_credit").text();
			
			
			// subject 6
			var sec6_hlthed_date = $(".sub_6_entry_area #hlthed .entry_date").text();
			var sec6_hlthed_sub = $(".sub_6_entry_area #hlthed .entry_subject").text();
			var sec6_hlthed_p1 = $(".sub_6_entry_area #hlthed .entry_p1").text();
			var sec6_hlthed_p2 = $(".sub_6_entry_area #hlthed .entry_p2").text();
			var sec6_hlthed_credit = $(".sub_6_entry_area #hlthed .entry_credit").text();
			
			
			// subject 7
			var sec7_pe1a_date = $(".sub_7_entry_area #pe1a .entry_date").text();
			var sec7_pe1a_sub = $(".sub_7_entry_area #pe1a .entry_subject").text();
			var sec7_pe1a_p1 = $(".sub_7_entry_area #pe1a .entry_p1").text();
			var sec7_pe1a_p2 = $(".sub_7_entry_area #pe1a .entry_p2").text();
			var sec7_pe1a_credit = $(".sub_7_entry_area #pe1a .entry_credit").text();
			
			var sec7_pets_date = $(".sub_7_entry_area #pets .entry_date").text();
			var sec7_pets_sub = $(".sub_7_entry_area #pets .entry_subject").text();
			var sec7_pets_p1 = $(".sub_7_entry_area #pets .entry_p1").text();
			var sec7_pets_p2 = $(".sub_7_entry_area #pets .entry_p2").text();
			var sec7_pets_credit = $(".sub_7_entry_area #pets .entry_credit").text();
			
			var sec7_peeq1_date = $(".sub_7_entry_area #peeq1 .entry_date").text();
			var sec7_peeq1_sub = $(".sub_7_entry_area #peeq1 .entry_subject").text();
			var sec7_peeq1_p1 = $(".sub_7_entry_area #peeq1 .entry_p1").text();
			var sec7_peeq1_p2 = $(".sub_7_entry_area #peeq1 .entry_p2").text();
			var sec7_peeq1_credit = $(".sub_7_entry_area #peeq1 .entry_credit").text();
			
			var sec7_peits1_date = $(".sub_7_entry_area #peits1 .entry_date").text();
			var sec7_peits1_sub = $(".sub_7_entry_area #peits1 .entry_subject").text();
			var sec7_peits1_p1 = $(".sub_7_entry_area #peits1 .entry_p1").text();
			var sec7_peits1_p2 = $(".sub_7_entry_area #peits1 .entry_p2").text();
			var sec7_peits1_credit = $(".sub_7_entry_area #peits1 .entry_credit").text();
			
			var sec7_advstr_date = $(".sub_7_entry_area #advstr .entry_date").text();
			var sec7_advstr_sub = $(".sub_7_entry_area #advstr .entry_subject").text();
			var sec7_advstr_p1 = $(".sub_7_entry_area #advstr .entry_p1").text();
			var sec7_advstr_p2 = $(".sub_7_entry_area #advstr .entry_p2").text();
			var sec7_advstr_credit = $(".sub_7_entry_area #advstr .entry_credit").text();
			
			var sec7_peits2_date = $(".sub_7_entry_area #peits2 .entry_date").text();
			var sec7_peits2_sub = $(".sub_7_entry_area #peits2 .entry_subject").text();
			var sec7_peits2_p1 = $(".sub_7_entry_area #peits2 .entry_p1").text();
			var sec7_peits2_p2 = $(".sub_7_entry_area #peits2 .entry_p2").text();
			var sec7_peits2_credit = $(".sub_7_entry_area #peits2 .entry_credit").text();
			
			//subject 8
			var sec8_span1_date = $(".sub_8_entry_area #span1 .entry_date").text();
			var sec8_span1_sub = $(".sub_8_entry_area #span1 .entry_subject").text();
			var sec8_span1_p1 = $(".sub_8_entry_area #span1 .entry_p1").text();
			var sec8_span1_p2 = $(".sub_8_entry_area #span1 .entry_p2").text();
			var sec8_span1_credit = $(".sub_8_entry_area #span1 .entry_credit").text();
			
			var sec8_span2_date = $(".sub_8_entry_area #span2 .entry_date").text();
			var sec8_span2_sub = $(".sub_8_entry_area #span2 .entry_subject").text();
			var sec8_span2_p1 = $(".sub_8_entry_area #span2 .entry_p1").text();
			var sec8_span2_p2 = $(".sub_8_entry_area #span2 .entry_p2").text();
			var sec8_span2_credit = $(".sub_8_entry_area #span2 .entry_credit").text();
			
			//subject 9
			var sec9_art1_date = $(".sub_9_entry_area #art1 .entry_date").text();
			var sec9_art1_sub = $(".sub_9_entry_area #art1 .entry_subject").text();
			var sec9_art1_p1 = $(".sub_9_entry_area #art1 .entry_p1").text();
			var sec9_art1_p2 = $(".sub_9_entry_area #art1 .entry_p2").text();
			var sec9_art1_credit = $(".sub_9_entry_area #art1 .entry_credit").text();
			
			
			//subject 10
			var sec10_begbcis1_date = $(".sub_10_entry_area #begbcis1 .entry_date").text();
			var sec10_begbcis1_sub = $(".sub_10_entry_area #begbcis1 .entry_subject").text();
			var sec10_begbcis1_p1 = $(".sub_10_entry_area #begbcis1 .entry_p1").text();
			var sec10_begbcis1_p2 = $(".sub_10_entry_area #begbcis1 .entry_p2").text();
			var sec10_begbcis1_credit = $(".sub_10_entry_area #begbcis1 .entry_credit").text();
			
			var sec10_tawebmas_date = $(".sub_10_entry_area #tawebmas .entry_date").text();
			var sec10_tawebmas_sub = $(".sub_10_entry_area #tawebmas .entry_subject").text();
			var sec10_tawebmas_p1 = $(".sub_10_entry_area #tawebmas .entry_p1").text();
			var sec10_tawebmas_p2 = $(".sub_10_entry_area #tawebmas .entry_p2").text();
			var sec10_tawebmas_credit = $(".sub_10_entry_area #tawebmas .entry_credit").text();
			
			//subject 11
			var sec11_jrnlsm_date = $(".sub_11_entry_area #jrnlsm .entry_date").text();
			var sec11_jrnlsm_sub = $(".sub_11_entry_area #jrnlsm .entry_subject").text();
			var sec11_jrnlsm_p1 = $(".sub_11_entry_area #jrnlsm .entry_p1").text();
			var sec11_jrnlsm_p2 = $(".sub_11_entry_area #jrnlsm .entry_p2").text();
			var sec11_jrnlsm_credit = $(".sub_11_entry_area #jrnlsm .entry_credit").text();
			
			var sec11_psych_date = $(".sub_11_entry_area #psych .entry_date").text();
			var sec11_psych_sub = $(".sub_11_entry_area #psych .entry_subject").text();
			var sec11_psych_p1 = $(".sub_11_entry_area #psych .entry_p1").text();
			var sec11_psych_p2 = $(".sub_11_entry_area #psych .entry_p2").text();
			var sec11_psych_credit = $(".sub_11_entry_area #psych .entry_credit").text();
			
			var sec11_lnurtwel_date = $(".sub_11_entry_area #lnurtwel .entry_date").text();
			var sec11_lnurtwel_sub = $(".sub_11_entry_area #lnurtwel .entry_subject").text();
			var sec11_lnurtwel_p1 = $(".sub_11_entry_area #lnurtwel .entry_p1").text();
			var sec11_lnurtwel_p2 = $(".sub_11_entry_area #lnurtwel .entry_p2").text();
			var sec11_lnurtwel_credit = $(".sub_11_entry_area #lnurtwel .entry_credit").text();
			
			var sec11_soc_date = $(".sub_11_entry_area #soc .entry_date").text();
			var sec11_soc_sub = $(".sub_11_entry_area #soc .entry_subject").text();
			var sec11_soc_p1 = $(".sub_11_entry_area #soc .entry_p1").text();
			var sec11_soc_p2 = $(".sub_11_entry_area #soc .entry_p2").text();
			var sec11_soc_credit = $(".sub_11_entry_area #soc .entry_credit").text();
			
			var sec11_stulead_date = $(".sub_11_entry_area #stulead .entry_date").text();
			var sec11_stulead_sub = $(".sub_11_entry_area #stulead .entry_subject").text();
			var sec11_stulead_p1 = $(".sub_11_entry_area #stulead .entry_p1").text();
			var sec11_stulead_p2 = $(".sub_11_entry_area #stulead .entry_p2").text();
			var sec11_stulead_credit = $(".sub_11_entry_area #stulead .entry_credit").text();
			
			
			// subject 12
			var sec12_learning_date = $(".sub_12_entry_area #learning .entry_date").text();
			var sec12_learning_sub = $(".sub_12_entry_area #learning .entry_subject").text();
			var sec12_learning_p1 = $(".sub_12_entry_area #learning .entry_p1").text();
			var sec12_learning_p2 = $(".sub_12_entry_area #learning .entry_p2").text();
			var sec12_learning_credit = $(".sub_12_entry_area #learning .entry_credit").text();
			
			
			//footer values
			var class_rank_date = $(".class_ranks_and_gpas #class_rank_date").text();
			var class_rank_num = $(".class_ranks_and_gpas #class_rank_numb").text();
			var class_size_num = $(".class_ranks_and_gpas #class_rank_size").text();
			var gp4_gpa = $(".class_ranks_and_gpas #gp4_gpa").text();
			var gp5_gpa = $(".class_ranks_and_gpas #gp5_gpa").text();
			
			var campus_num = $(".college_board_campus_area  #camp_num").text();
			var date_printed = $(".college_board_campus_area  #date_printed").text();
			var date_of_grad = $(".college_board_campus_area  #date_of_gradu").text();
			
			var local_id = $(".local_id_area  #local_id").text();
			
			var science_test_date = $(".grade_science_area .test_date").text();
			var science_scale_score = $(".grade_science_area .scale_score").text();
			var science_met_standard = $(".grade_science_area .met_standard").text();
			var science_comm_perf = $(".grade_science_area .commended_performance").text();
			
			var math_test_date = $(".grade_math_area .test_date").text();
			var math_scale_score = $(".grade_math_area .scale_score").text();
			var math_met_standard = $(".grade_math_area .met_standard").text();
			var math_comm_perf = $(".grade_math_area .commended_performance").text();
			
			var ela_test_date = $(".grade_ela_area .test_date").text();
			var ela_scale_score = $(".grade_ela_area .scale_score").text();
			var ela_met_standard = $(".grade_ela_area .met_standard").text();
			var ela_comm_perf = $(".grade_ela_area .commended_performance").text();
			var ela_writ_comp = $(".grade_ela_area .written_composition").text();
			
			var social_test_date = $(".grade_social_area .test_date").text();
			var social_scale_score = $(".grade_social_area .scale_score").text();
			var social_met_standard = $(".grade_social_area .met_standard").text();
			var social_comm_perf = $(".grade_social_area .commended_performance").text();	
			
			var custom_signature_1 = $("."+template_Class[2]+" input[name='custom_signature_1']").val();

			var tran_total_custom_sign=0;

			if(tran_sign_style==0)tran_total_custom_sign+=1;

			//bet years
			var betYear_1 = $("#betYear_1").text();
			var betYear_2 = $("#betYear_2").text();
			var betYear_3 = $("#betYear_3").text();
			var betYear_4 = $("#betYear_4").text();	
			
			if($("."+template_Class[2]+" #transcript_lega_purposes").prop("checked") == false){
				Swal.fire({
					title: "Please accept that you will not use this site for any illegal purposes",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
				$("#formLoader").addClass("hidden");
				return false;
			}
			if($("."+template_Class[2]+" #transcript_terms_conditions").prop("checked") == false){
				Swal.fire({
					title: "Please accept terms of use and privacy policy",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
				$("#formLoader").addClass("hidden");
				return false;
			}
			
			$.ajax({
				url: "/validgrad/transcriptPreview",
				type: 'POST',
				async: false,
				data: {
					tran_id:tran_id,tran_state:tran_state,tran_state_full:tran_state_full,tran_grade:tran_grade,tran_fname:tran_fname,
					tran_dob:tran_dob,tran_gender:tran_gender,tran_sch_name:tran_sch_name,
					tran_addr_street:tran_addr_street,tran_addr_city:tran_addr_city,tran_addr_state:tran_addr_state,tran_addr_zipcode:tran_addr_zipcode,
					tran_grad_month:tran_grad_month,tran_grad_date:tran_grad_date,tran_grad_year:tran_grad_year,
					tran_seal_style:tran_seal_style,tran_sign_style:tran_sign_style,custom_signature_1:custom_signature_1,tran_total_custom_sign:tran_total_custom_sign,tran_notes_order:tran_notes_order,
					level_assess_1:level_assess_1,level_assess_2:level_assess_2,level_assess_3:level_assess_3,level_assess_4:level_assess_4,
					award_cred_1:award_cred_1,award_cred_2:award_cred_2,award_cred_3:award_cred_3,award_cred_4:award_cred_4,
					sec1_eng1_date:sec1_eng1_date,sec1_eng1_sub:sec1_eng1_sub,sec1_eng1_p1:sec1_eng1_p1,sec1_eng1_p2:sec1_eng1_p2,sec1_eng1_credit:sec1_eng1_credit,
					sec1_eng2_date:sec1_eng2_date,sec1_eng2_sub:sec1_eng2_sub,sec1_eng2_p1:sec1_eng2_p1,sec1_eng2_p2:sec1_eng2_p2,sec1_eng2_credit:sec1_eng2_credit,
					sec1_eng3_date:sec1_eng3_date,sec1_eng3_sub:sec1_eng3_sub,sec1_eng3_p1:sec1_eng3_p1,sec1_eng3_p2:sec1_eng3_p2,sec1_eng3_credit:sec1_eng3_credit,
					sec1_eng4_date:sec1_eng4_date,sec1_eng4_sub:sec1_eng4_sub,sec1_eng4_p1:sec1_eng4_p1,sec1_eng4_p2:sec1_eng4_p2,sec1_eng4_credit:sec1_eng4_credit,
					sec2_comm_date:sec2_comm_date,sec2_comm_sub:sec2_comm_sub,sec2_comm_p1:sec2_comm_p1,sec2_comm_p2:sec2_comm_p2,sec2_comm_credit:sec2_comm_credit,
					sec3_alg1_date:sec3_alg1_date,sec3_alg1_sub:sec3_alg1_sub,sec3_alg1_p1:sec3_alg1_p1,sec3_alg1_p2:sec3_alg1_p2,sec3_alg1_credit:sec3_alg1_credit,
					sec3_geom_date:sec3_geom_date,sec3_geom_sub:sec3_geom_sub,sec3_geom_p1:sec3_geom_p1,sec3_geom_p2:sec3_geom_p2,sec3_geom_credit:sec3_geom_credit,
					sec3_mthmod_date:sec3_mthmod_date,sec3_mthmod_sub:sec3_mthmod_sub,sec3_mthmod_p1:sec3_mthmod_p1,sec3_mthmod_p2:sec3_mthmod_p2,sec3_mthmod_credit:sec3_mthmod_credit,
					sec3_alg2_date:sec3_alg2_date,sec3_alg2_sub:sec3_alg2_sub,sec3_alg2_p1:sec3_alg2_p1,sec3_alg2_p2:sec3_alg2_p2,sec3_alg2_credit:sec3_alg2_credit,
					sec4_ipc_date:sec4_ipc_date,sec4_ipc_sub:sec4_ipc_sub,sec4_ipc_p1:sec4_ipc_p1,sec4_ipc_p2:sec4_ipc_p2,sec4_ipc_credit:sec4_ipc_credit,
					sec4_bio_date:sec4_bio_date,sec4_bio_sub:sec4_bio_sub,sec4_bio_p1:sec4_bio_p1,sec4_bio_p2:sec4_bio_p2,sec4_bio_credit:sec4_bio_credit,
					sec4_envirsys_date:sec4_envirsys_date,sec4_envirsys_sub:sec4_envirsys_sub,sec4_envirsys_p1:sec4_envirsys_p1,sec4_envirsys_p2:sec4_envirsys_p2,sec4_envirsys_credit:sec4_envirsys_credit,
					sec4_chem_date:sec4_chem_date,sec4_chem_sub:sec4_chem_sub,sec4_chem_p1:sec4_chem_p1,sec4_chem_p2:sec4_chem_p2,sec4_chem_credit:sec4_chem_credit,
					sec5_wgeo_date:sec5_wgeo_date,sec5_wgeo_sub:sec5_wgeo_sub,sec5_wgeo_p1:sec5_wgeo_p1,sec5_wgeo_p2:sec5_wgeo_p2,sec5_wgeo_credit:sec5_wgeo_credit,
					sec5_whist_date:sec5_whist_date,sec5_whist_sub:sec5_whist_sub,sec5_whist_p1:sec5_whist_p1,sec5_whist_p2:sec5_whist_p2,sec5_whist_credit:sec5_whist_credit,
					sec5_ushist_date:sec5_ushist_date,sec5_ushist_sub:sec5_ushist_sub,sec5_ushist_p1:sec5_ushist_p1,sec5_ushist_p2:sec5_ushist_p2,sec5_ushist_credit:sec5_ushist_credit,
					sec5_ecofe_date:sec5_ecofe_date,sec5_ecofe_sub:sec5_ecofe_sub,sec5_ecofe_p1:sec5_ecofe_p1,sec5_ecofe_p2:sec5_ecofe_p2,sec5_ecofe_credit:sec5_ecofe_credit,
					sec5_gov_date:sec5_gov_date,sec5_gov_sub:sec5_gov_sub,sec5_gov_p1:sec5_gov_p1,sec5_gov_p2:sec5_gov_p2,sec5_gov_credit:sec5_gov_credit,
					sec6_hlthed_date:sec6_hlthed_date,sec6_hlthed_sub:sec6_hlthed_sub,sec6_hlthed_p1:sec6_hlthed_p1,sec6_hlthed_p2:sec6_hlthed_p2,sec6_hlthed_credit:sec6_hlthed_credit,
					sec7_pe1a_date:sec7_pe1a_date,sec7_pe1a_sub:sec7_pe1a_sub,sec7_pe1a_p1:sec7_pe1a_p1,sec7_pe1a_p2:sec7_pe1a_p2,sec7_pe1a_credit:sec7_pe1a_credit,
					sec7_pets_date:sec7_pets_date,sec7_pets_sub:sec7_pets_sub,sec7_pets_p1:sec7_pets_p1,sec7_pets_p2:sec7_pets_p2,sec7_pets_credit:sec7_pets_credit,
					sec7_peeq1_date:sec7_peeq1_date,sec7_peeq1_sub:sec7_peeq1_sub,sec7_peeq1_p1:sec7_peeq1_p1,sec7_peeq1_p2:sec7_peeq1_p2,sec7_peeq1_credit:sec7_peeq1_credit,
					sec7_peits1_date:sec7_peits1_date,sec7_peits1_sub:sec7_peits1_sub,sec7_peits1_p1:sec7_peits1_p1,sec7_peits1_p2:sec7_peits1_p2,sec7_peits1_credit:sec7_peits1_credit,
					sec7_advstr_date:sec7_advstr_date,sec7_advstr_sub:sec7_advstr_sub,sec7_advstr_p1:sec7_advstr_p1,sec7_advstr_p2:sec7_advstr_p2,sec7_advstr_credit:sec7_advstr_credit,
					sec7_peits2_date:sec7_peits2_date,sec7_peits2_sub:sec7_peits2_sub,sec7_peits2_p1:sec7_peits2_p1,sec7_peits2_p2:sec7_peits2_p2,sec7_peits2_credit:sec7_peits2_credit,
					sec8_span1_date:sec8_span1_date,sec8_span1_sub:sec8_span1_sub,sec8_span1_p1:sec8_span1_p1,sec8_span1_p2:sec8_span1_p2,sec8_span1_credit:sec8_span1_credit,
					sec8_span2_date:sec8_span2_date,sec8_span2_sub:sec8_span2_sub,sec8_span2_p1:sec8_span2_p1,sec8_span2_p2:sec8_span2_p2,sec8_span2_credit:sec8_span2_credit,
					sec9_art1_date:sec9_art1_date,sec9_art1_sub:sec9_art1_sub,sec9_art1_p1:sec9_art1_p1,sec9_art1_p2:sec9_art1_p2,sec9_art1_credit:sec9_art1_credit,
					sec10_begbcis1_date:sec10_begbcis1_date,sec10_begbcis1_sub:sec10_begbcis1_sub,sec10_begbcis1_p1:sec10_begbcis1_p1,sec10_begbcis1_p2:sec10_begbcis1_p2,sec10_begbcis1_credit:sec10_begbcis1_credit,
					sec10_tawebmas_date:sec10_tawebmas_date,sec10_tawebmas_sub:sec10_tawebmas_sub,sec10_tawebmas_p1:sec10_tawebmas_p1,sec10_tawebmas_p2:sec10_tawebmas_p2,sec10_tawebmas_credit:sec10_tawebmas_credit,
					sec11_jrnlsm_date:sec11_jrnlsm_date,sec11_jrnlsm_sub:sec11_jrnlsm_sub,sec11_jrnlsm_p1:sec11_jrnlsm_p1,sec11_jrnlsm_p2:sec11_jrnlsm_p2,sec11_jrnlsm_credit:sec11_jrnlsm_credit,
					sec11_psych_date:sec11_psych_date,sec11_psych_sub:sec11_psych_sub,sec11_psych_p1:sec11_psych_p1,sec11_psych_p2:sec11_psych_p2,sec11_psych_credit:sec11_psych_credit,
					sec11_lnurtwel_date:sec11_lnurtwel_date,sec11_lnurtwel_sub:sec11_lnurtwel_sub,sec11_lnurtwel_p1:sec11_lnurtwel_p1,sec11_lnurtwel_p2:sec11_lnurtwel_p2,sec11_lnurtwel_credit:sec11_lnurtwel_credit,
					sec11_soc_date:sec11_soc_date,sec11_soc_sub:sec11_soc_sub,sec11_soc_p1:sec11_soc_p1,sec11_soc_p2:sec11_soc_p2,sec11_soc_credit:sec11_soc_credit,
					sec11_stulead_date:sec11_stulead_date,sec11_stulead_sub:sec11_stulead_sub,sec11_stulead_p1:sec11_stulead_p1,sec11_stulead_p2:sec11_stulead_p2,sec11_stulead_credit:sec11_stulead_credit,
					sec12_learning_date:sec12_learning_date,sec12_learning_sub:sec12_learning_sub,sec12_learning_p1:sec12_learning_p1,sec12_learning_p2:sec12_learning_p2,sec12_learning_credit:sec12_learning_credit,
					betYear_1:betYear_1,betYear_2:betYear_2,betYear_3:betYear_3,betYear_4:betYear_4,
					class_rank_date:class_rank_date,class_rank_num:class_rank_num,class_size_num:class_size_num,gp4_gpa:gp4_gpa,gp5_gpa:gp5_gpa,
					campus_num:campus_num,date_printed:date_printed,date_of_grad:date_of_grad,local_id:local_id,
					science_test_date:science_test_date,science_scale_score:science_scale_score,science_met_standard:science_met_standard,science_comm_perf:science_comm_perf,
					math_test_date:math_test_date,math_scale_score:math_scale_score,math_met_standard:math_met_standard,math_comm_perf:math_comm_perf,
					ela_test_date:ela_test_date,ela_scale_score:ela_scale_score,ela_met_standard:ela_met_standard,ela_comm_perf:ela_comm_perf,ela_writ_comp:ela_writ_comp,
					social_test_date:social_test_date,social_scale_score:social_scale_score,social_met_standard:social_met_standard,social_comm_perf:social_comm_perf
				},
				success: function( response ) {
					$("#formLoader").addClass("hidden");

					window.open('transcript-maker/preview/index.html', '_self');
				}
			});
		}else{
			focusErroField($(this).parent().parent().find('.error input').first());
		}
  	});

	// Pagination Link change
	$(document).on("click",".transcript_pagination",function(){
		$(".transcript_pagination").removeClass("active");
		$(this).addClass("active");

		var pageNumber = $(this).attr("data-val");
		$(".transcript_page").addClass("hidden");
		$(".transcript_page_"+pageNumber).removeClass("hidden");
	});

	//Checkout
	$(document).on("click","#checkout_button",function() {
		var preview_url = $('.wp-vg-diploma-preview-container').attr('preview_url');
		if(preview_url == undefined){
			window.open('checkout/index.html', '_self');
			return false;
		}
		var frame = "diploma";
		if($("#framing_options_size li[class='selected']").length > 0){
			frame = $("#framing_options_size li[class='selected']").attr("data-value");
		}
		$("#formLoader").removeClass("hidden");

		$.ajax({
			url: preview_url+"/setFrameData",
			type: 'POST',
			async: false,
			data: {
				frame:frame
			},
			success: function(response) {
				$("#formLoader").addClass("hidden");
				window.open('checkout/index.html', '_self');
			}
		});
	}); 

	// Checkout Page Code
	function checkout_page() {
		var checkout_url = $('.wp-vg-checkout-container').attr('checkout_url');

		if (checkout_url == undefined || checkout_url == '') {
			return;
		}
		$.ajax({
			url: checkout_url,
			type: "GET",
			success: function(res) {
				if(res != "error"){
					$('.wp-vg-checkout-container').html(res);
					var amount = $("#payment_amount").val();
					if(amount<=0){
						$("#free_pdf").removeClass('hidden');
						$("#payable_pdf").addClass('hidden');
					}
					updateLabel();

					var viewportWidth = $(window).width();
					if (viewportWidth < 768) {
						new jBox('Tooltip', {
							attach: '.expedite_order_tooltip',
							content: '<p>The default shipping should be 5-7 business days.</p><p>An expedited order will take 2-3 business days.</p>',
							trigger: 'click',
							addClass: 'help-tooltip',
							closeButton: true,
						});
					}else{
						new jBox('Tooltip', {
							attach: '.expedite_order_tooltip',
							content: '<p>The default shipping should be 5-7 business days.</p><p>An expedited order will take 2-3 business days.</p>',
							trigger: 'mouseenter',
							addClass: 'help-tooltip',
						});
					}
				}else{
					Swal.fire({
						title: "Something went wrong. Please referesh page or back to home page.",
						icon: "warning",
						confirmButtonColor: "#235273",
						confirmButtonText: "Ok"
					});
				}
			},
			error: function(res) {
				Swal.fire({
					title: "Something went wrong. Please referesh page or back to home page.",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
			}
		});
	}
	checkout_page();

	//billing Address same or not

	$(document).on("click","#billing_check",function() { 
		if($("#billing_check").prop("checked") == false){
			$("#bill_street,#bill_apt,#bill_city,#bill_zipcode").val('');
			$("#bill_state option:selected").prop("selected", false);
			$("#billing_method_area").removeClass("hidden");
		}else{
			$("#billing_method_area").addClass("hidden");
		}
		updateLabel();
	}); 

	$(document).on("click","#expedite_order_check",function(){
		$("#formLoader").removeClass("hidden");
		var is_shiping_add=0;
		if($(this).prop("checked") == false){
			is_shiping_add=0;
			$(this).val(0);
		}else{
			is_shiping_add=1;
			$(this).val(1);
		}
		$.ajax({
			url: "/validgrad/checkout/updatePrice",
			data:{is_shiping_add:is_shiping_add},
			type: "POST",
			success: function(response) {
				var obj = JSON.parse(response);
				if(obj.discounted_price){
					$("#discount_area").html('<span id="discount_area">Customer Loyalty Discount:</span><span id="discount_amount" class="pull-right">-$'+roundoff(obj.discounted_price,2)+'</span>').addClass("form-group");
				}

				$("#total_amount").html('$'+roundoff(obj.total_newPrice,2));
				$("#payment_amount").val(roundoff(obj.total_newPrice,2));
				if(is_shiping_add==1){
					$("#shipping_amount").text("+ $19.00");
				}else{
					$("#shipping_amount").text("+ $0.00");
				}
				if(obj.total_newPrice <= 0){
					$("#free_pdf").removeClass('hidden');
					$("#payable_pdf").addClass('hidden');
				}else{
					$("#free_pdf").addClass('hidden');
					$("#payable_pdf").removeClass('hidden');
				}
				$("#formLoader").addClass("hidden");
			},
			error: function(res) {
				$("#formLoader").addClass("hidden");
			}
		});
	});

	//payment information stuff
	$(document).on("keyup","#ship_fname",function() { 
		var ship_fname = $(this).val();
		if(ship_fname)
			$("#bill_fname").val(ship_fname);
	});
	
	$(document).on("keyup","#ship_lname",function() { 
		var ship_lname = $(this).val();
		if(ship_lname)
			$("#bill_lname").val(ship_lname);
	});
	$(document).on("keyup","#ship_email",function() { 
		var ship_email = $(this).val();
		if(ship_email)
			$("#bill_email").val(ship_email);
	});

	$(document).on("change","#ship_email",function() { 
		var ship_email = $(this).val();
		if(ship_email && !validateEmail(ship_email)){
			$(this).closest('.form-group').addClass('error').addClass('focused');
		}else{
			$(this).closest('.form-group').removeClass('error');
		}
	});

	$(document).on("keyup","#ship_phone",function() { 
		var ship_phone = $(this).val();
		this.value = this.value
		.match(/\d*/g).join('')
		.match(/(\d{0,3})(\d{0,3})(\d{0,4})/).slice(1).join('-')
		.replace(/-*$/g, '');
		if(ship_phone)
			$("#bill_phone").val(this.value);
	});

	$(document).on("keyup","#ship_street",function() { 
		var ship_street = $(this).val();
		if(ship_street)
			$("#bill_street").val(ship_street);
	});
	$(document).on("keyup","#ship_apt",function() { 
		var ship_apt = $(this).val();
		if(ship_apt)
			$("#bill_apt").val(ship_apt);
	});
	$(document).on("keyup","#ship_city",function() { 
		var ship_city = $(this).val();
		if(ship_city)
			$("#bill_city").val(titleCaseWord(ship_city));
	});
	$(document).on("keyup","#ship_zipcode",function() { 
		var ship_zipcode = $(this).val();
		if(ship_zipcode)
			$("#bill_zipcode").val(ship_zipcode);
	});
	$(document).on("change","#ship_state",function() { 
		var ship_state = $(this).val();
		if(ship_state)
			$("#bill_state").find('option[value="' + ship_state + '"]').attr("selected", "selected");
	});
	
	//Apply Coupon
	$(document).on("click","#apply_coupon",function() {		 
		var coupon_code = $("#coupon_code").val().toUpperCase();
		var amount = $("#payment_amount").val();
		if(coupon_code == '' || coupon_code == null){
			$("#coupon_code").closest(".form-group").addClass('error').addClass('focused');
			return false;
		}else{
			$("#formLoader").removeClass("hidden");
			$.ajax({
				url: "/validgrad/checkout/checkCoupons",
				type: 'POST',
				async: false,
				data: {
					coupon_code:coupon_code,amount:amount
				},
				success: function( response ) {
					$("#coupon_code").closest(".form-group").removeClass('error');
					var obj = jQuery.parseJSON(response);
					if(obj.error == 1){
						$(".coupon_error").text(obj.msg);
						$(".coupon_error").addClass('alert-danger');
					} else{
						$(".coupon_error").text('Discount Applied');
						$(".coupon_error").addClass('alert-success');
						$("#coupon_code").css("border-color","#ebeced");
						$("#discount_area").html('<span id="discount_area">Customer Loyalty Discount:</span><span id="discount_amount" class="pull-right">-$'+roundoff(obj.discounted_price,2)+'</span>').addClass("form-group alert-danger");
						
						$("#total_amount").html('$'+roundoff(obj.total_newPrice,2));
						$("#payment_amount").val(roundoff(obj.total_newPrice,2));
						if(obj.total_newPrice <= 0){
							$("#free_pdf").removeClass('hidden');
							$("#payable_pdf, .billing_payment_area").addClass('hidden');
						}else{
							$("#free_pdf").addClass('hidden');
							$("#payable_pdf, .billing_payment_area").removeClass('hidden');
						}
					}
					$("#formLoader").addClass("hidden");
					return false;
				},
				error: function(e){
					$("#formLoader").addClass("hidden");
				}
			});
		} 
		return false;
		
	});

	$(document).on("click","#generatePdf",function(){
		$("#formLoader").removeClass("hidden");
		$("#generatePdf").addClass("hidden");

		$(".billing_form_area .shipping_method_area .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && $(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" && !$(this).hasClass('hidden') && $(this).find('.form-control').attr('name') != "ship_apt"){
				$(this).addClass('error').addClass('focused');
			}else if($(this).find('.form-control').attr('id') == 'ship_email' && !validateEmail($(this).find('.form-control').val())){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if(!$(".billing_form_area .billing_method_area").hasClass('hidden')){
			$(".billing_form_area .billing_method_area .form-group").each(function(i,e){
				if($(this).find('.form-control').length>0 && $(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" && !$(this).hasClass('hidden') && $(this).find('.form-control').attr('name') != "bill_apt"){
					$(this).addClass('error').addClass('focused');
				}else if($(this).find('.form-control').attr('id') == 'bill_email' && !validateEmail($(this).find('.form-control').val())){
					$(this).addClass('error').addClass('focused');
				}else{
					$(this).removeClass('error');
				}
			});
		}else{
			$(".billing_form_area .billing_method_area .form-group").each(function(i,e){
				$(this).removeClass('error');
			});
		}
		if($(this).closest('.billing_form_area').find('.error').length<1){
			generatePdf();
		}else{
			$("#generatePdf").removeClass("hidden");
			$("#formLoader").addClass("hidden");
			focusErroField($(this).closest('.billing_form_area').find('.error input').first());
		}
	});

	$(document).on("click","#payment_purchase_submit",function(){

		$(".billing_form_area .shipping_method_area .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && $(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" && !$(this).hasClass('hidden') && $(this).find('.form-control').attr('name') != "ship_apt"){
				$(this).addClass('error').addClass('focused');
			}else if($(this).find('.form-control').attr('id') == 'ship_email' && !validateEmail($(this).find('.form-control').val())){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if(!$(".billing_form_area .billing_method_area").hasClass('hidden')){
			$(".billing_form_area .billing_method_area .form-group").each(function(i,e){
				if($(this).find('.form-control').length>0 && $(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" && !$(this).hasClass('hidden') && $(this).find('.form-control').attr('name') != "bill_apt"){
					$(this).addClass('error').addClass('focused');
				}else if($(this).find('.form-control').attr('id') == 'bill_email' && !validateEmail($(this).find('.form-control').val())){
					$(this).addClass('error').addClass('focused');
				}else{
					$(this).removeClass('error');
				}
			});
		}else{
			$(".billing_form_area .billing_method_area .form-group").each(function(i,e){
				$(this).removeClass('error');
			});
		}

		$(".billing_form_area .billing_payment_area .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && $(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" && !$(this).hasClass('hidden')){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});

		if($(this).closest('.billing_form_area').find('.error').length>0){
			focusErroField($(this).closest('.billing_form_area').find('.error input').first());
			return;
		}

		$("#payable_pdf").addClass("hidden");
		$("#formLoader").removeClass("hidden");
		var formData = new FormData($("#billing_details_form")[0]);
		var email = $("#ship_email").val();

		$.ajax({
			url: '/validgrad/home/setBillingDetails',
			type: 'POST',
			data: formData,
			async: false,
			cache: false,
			processData: false,
			contentType: false,
			success: function (response) {
				if(response != "in error"){
					if(!isIE()){
						identifyKlaviyo(window._learnq, email);
					}
					var cardNumber = $("#card_number").val();
					var cardExpMonth = $("#exp_month").val();
					var cardExpYear = $("#exp_year").val();
					var cardCvv = $("#card_cvv").val();
					
					$.ajax({
						url: '/validgrad/payment/doSale',
						type: 'POST',
						data: {cardNumber:cardNumber,cardExpMonth:cardExpMonth,cardExpYear:cardExpYear,cardCvv:cardCvv},
						success: function (response) {
							console.log(response);
							var data = JSON.parse(response);
							if(data && data.response == 1){
								Swal.fire({
									title: "Success! Your payment has been confirmed.",
									icon: "success",
									backdrop:true,
									allowOutsideClick: false,
									confirmButtonColor: "#235273",
									confirmButtonText: "Confirm Order"
								}).then(function(result) {
									if (result.value) {
										window.open("validgrad/home/generatepdfb73b.html?success=success","_self");
									}
								});
							}else{
								Swal.fire({
									title: "Failed! Your payment has been declined.",
									icon: "error",
									backdrop:true,
									allowOutsideClick: false,
									confirmButtonColor: "#235273",
									confirmButtonText: "Try again"
								}).then(function(result) {
									$("#formLoader").addClass("hidden");
									$("#payable_pdf").removeClass("hidden");
								});
								$("#formLoader").addClass("hidden");
								$("#payable_pdf").removeClass("hidden");
							}
						},
						error: function(res) {
							$("#formLoader").addClass("hidden");
							$("#payable_pdf").removeClass("hidden");
						}
					});
				}else{
					Swal.fire({
						title: "Something went wrong. Please try again.",
						icon: "warning",
						confirmButtonColor: "#235273",
						confirmButtonText: "Ok"
					}).then(function(){
						$("#formLoader").addClass("hidden");
						$("#payable_pdf").removeClass("hidden");
					});
				}
			},
			error: function(res) {
				$("#formLoader").addClass("hidden");
				$("#payable_pdf").removeClass("hidden");
			}
		});
	});

	$(document).on("click","#payment_address_submit",function(){
		
		$(".billing_form_area .shipping_method_area .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && $(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" && !$(this).hasClass('hidden') && $(this).find('.form-control').attr('name') != "ship_apt"){
				$(this).addClass('error').addClass('focused');
			}else if($(this).find('.form-control').attr('id') == 'ship_email' && !validateEmail($(this).find('.form-control').val())){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if(!$(".billing_form_area .billing_method_area").hasClass('hidden')){
			$(".billing_form_area .billing_method_area .form-group").each(function(i,e){
				if($(this).find('.form-control').length>0 && $(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" && !$(this).hasClass('hidden') && $(this).find('.form-control').attr('name') != "bill_apt"){
					$(this).addClass('error').addClass('focused');
				}else if($(this).find('.form-control').attr('id') == 'bill_email' && !validateEmail($(this).find('.form-control').val())){
					$(this).addClass('error').addClass('focused');
				}else{
					$(this).removeClass('error');
				}
			});
		}else{
			$(".billing_form_area .billing_method_area .form-group").each(function(i,e){
				$(this).removeClass('error');
			});
		}
		
		if($(this).closest('.billing_form_area').find('.error').length>0){
			focusErroField($(this).closest('.billing_form_area').find('.error input').first());
			return;
		}

		$("#payable_pdf").addClass("hidden");
		$("#formLoader").removeClass("hidden");
		var formData = new FormData($("#billing_details_form")[0]);
		var email = $("#ship_email").val();

		$.ajax({
			url: '/validgrad/home/setBillingDetails',
			type: 'POST',
			data: formData,
			async: false,
			cache: false,
			processData: false,
			contentType: false,
			success: function (response) {
				if(response != "in error"){
					if(!isIE()){
						identifyKlaviyo(window._learnq, email);
					}
					window.location.href="validgrad/coinbase/create_session.html";
					return false;
				}else{
					Swal.fire({
						title: "Something went wrong. Please try again.",
						icon: "warning",
						confirmButtonColor: "#235273",
						confirmButtonText: "Ok"
					}).then(function(){
						$("#formLoader").addClass("hidden");
						$("#payable_pdf").removeClass("hidden");
					});
				}
			},
			error: function(res) {
				Swal.fire({
					title: "Something went wrong. Please try again.",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				}).then(function(){
					$("#formLoader").addClass("hidden");
					$("#payable_pdf").removeClass("hidden");
				});
			}
		});
	});

	//Admin and free user generate pdf
	function generatePdf() {

		var formData = new FormData($("#billing_details_form")[0]);
		var email = $("#ship_email").val();
		
		$.ajax({
			url: '/validgrad/home/generatepdf',
			type: 'POST',
			data: formData,
			async: false,
			cache: false,
			processData: false,
			contentType: false,
			success: function (response) {
				if(response != "in error"){
					if(!isIE()){
						identifyKlaviyo(window._learnq, email);
					}
					$("#formLoader").addClass("hidden");
					Swal.fire({
						title: "Success! Please check your Email Inbox or Spam Folder for Diploma/Transcript",
						icon: "success",
						backdrop:true,
						allowOutsideClick: false,
						confirmButtonColor: "#235273",
						confirmButtonText: "Go to thank you page"
					}).then(function(result) {
						if (result.value) {
							window.open("thank-you/index.html","_self");
						}
					});
				}else{
					Swal.fire({
						title: "Something went wrong. Please try again.",
						icon: "warning",
						confirmButtonColor: "#235273",
						confirmButtonText: "Ok"
					}).then(function(result) {
						$("#generatePdf").removeClass("hidden");
						$("#formLoader").addClass("hidden");
					});
				}
			},
			error: function(res) {
				Swal.fire({
					title: "Something went wrong. Please try again.",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				}).then(function(result) {
					$("#generatePdf").removeClass("hidden");
					$("#formLoader").addClass("hidden");
				});
			}
		});
	}

	//Download button
	$(document).on("click","#validgrade_download",function(){
		window.open("validgrad/home/downloadValidgrade.html", "_self");
	});
	
	//Thank you page
	function thank_you_page() {
		var thankyou_url = $('.wp-vg-thankyou-container').attr('thankyou_url');

		if (thankyou_url == undefined || thankyou_url == '') {
			return;
		}
		$.ajax({
			url: thankyou_url,
			type: "GET",
			success: function(res) {
				$('.wp-vg-thankyou-container').html(res);
			},
			error: function(res) {
				Swal.fire({
					title: "Something went wrong. Please try again.",
					icon: "warning",
					confirmButtonColor: "#235273",
					confirmButtonText: "Ok"
				});
			}
		});
	}
	thank_you_page();

	updateLabel();


	//////////////////////////////////////////////////////////////////// Admin //////////////////////////////////////////////////////////////////

	function adminHome(){
		var login_check_url = $('.wp-vg-admin-home-container').attr('login_check_url');

		if (login_check_url == undefined || login_check_url == '') {
			return;
		}
		$.ajax({
			url: login_check_url,
			type: "GET",
			success: function(res) {
				if(res!=""){
					window.location.href="admin/login/index.html";
				}else{
					window.location.href="index.html";
				}
			}
		});
	}
	adminHome();


	function adminLoginPage(){
		var login_page_url = $('.wp-vg-admin-login-page-container').attr('login_page_url');

		if (login_page_url == undefined || login_page_url == '') {
			return;
		}
		$.ajax({
			url: login_page_url,
			type: "GET",
			success: function(res) {
				$(".wp-vg-admin-login-page-container").html(res);
			}
		});
	}
	adminLoginPage();
	
	$(document).on("click","#authLogin",function(){
		var parentClass = $(this).parent().parent().parent().attr("class").split(" ");
		if(parentClass.length>1){
			parentClass=parentClass[1];
		}else{
			parentClass=parentClass[0];
		}
		$("."+parentClass+" .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && !$(this).hasClass('hidden') && ($(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" || $(this).find('.form-control').val().trim() =="") && $(this).find('.form-control').attr('name') != "diploma_notes_order"){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if($(this).parent().parent().parent().find('.error').length<1){	
			$("#errorMessage").addClass("hidden");
			var admin_email = $("input[name='admin_email']").val();
			var admin_password = $("input[name='admin_password']").val();
			if(admin_email&&admin_password){	
				$.ajax({
					url: "/validgrad/admin/checkAuth",
					type: "POST",
					data:{admin_email:admin_email,admin_password:admin_password},
					success: function(res) {
						if(res==""){
							window.location.href="index.html";
						}else{
							$("#errorMessage").removeClass("hidden");
						}
					}
				});
			}
		}
	});

	//Coupon Page
	var allCoupon_table;
	function couponPage(){
		var coupon_page_url = $('.wp-vg-coupon-page-container').attr('coupon_page_url');

		if (coupon_page_url == undefined || coupon_page_url == '') {
			return;
		}

		$.ajax({
			url: coupon_page_url,
			type: "GET",
			success: function(res) {
				if(res=="login"){
					window.location.href="index.html";
					return;
				}
				$(".wp-vg-coupon-page-container").html(res);
				allCoupon_table = $("#allCoupons_table").DataTable({
					autoWidth: false,
					scrollX: true,
					processing : false,
					serverMethod: 'post',
					ajax: {
						"url": "/validgrad/Admin/allCoupons",
						"data": function (data) {
						}
					},
					columns: [
						{
							data: "id",
							defaultContent: "-"
						},
						{
							data: "code",
							defaultContent: "-"
						},
						{
							data: null,
							defaultContent: "-", 
							render: function(data, type, row, meta) {
								var actionHtml = row.discount+'%';
								return actionHtml;
							}
						}, 
						{
							data: null,
							defaultContent: "-", 
							render: function(data, type, row, meta) {
								var date	= new Date(row.start * 1000),
								yr	  = date.getFullYear(),
								month   = date.getMonth() < 10 ? '0' + parseInt(parseInt(date.getMonth())+1) : parseInt(parseInt(date.getMonth())+1),
								day	 = date.getDate()  < 10 ? '0' + date.getDate()  : date.getDate(),
								actionHtml = month + '-' + day + '-' + yr;
								return actionHtml;
							}
						}, 
						{
							data: null,
							defaultContent: "-", 
							render: function(data, type, row, meta) {
								var date	= new Date(row.expire * 1000),
								yr	  = date.getFullYear(),
								month   = date.getMonth() < 10 ? '0' + parseInt(parseInt(date.getMonth())+1) : parseInt(parseInt(date.getMonth())+1),
								day	 = date.getDate()  < 10 ? '0' + date.getDate()  : date.getDate(),
								actionHtml = month + '-' + day + '-' + yr;
								return actionHtml;
							}
						},
						{
							data: "total",
							defaultContent: "-"
						},
						{
							data: "used",
							defaultContent: "-"
						},
						{
							data: null,
							defaultContent: "-", 
							render: function(data, type, row, meta) {
								var actionHtml = row.total - row.used;
								return actionHtml;
							}
						},
						{
							data: null,
							defaultContent: "-", 
							render: function(data, type, row, meta) {
								var lockHtml;
								if(row.status==1){
									lockHtml='<a href="javascript:void(0);" data-id="'+row.id+'" data-action="dt" class="icon icon-deactivate action-btn" title="Deactivate Coupon"><i class="fas fa-lock"></i></a>';
								}else{
									lockHtml='<a href="javascript:void(0);" data-id="'+row.id+'" data-action="at" class="icon icon-activate action-btn" title="Activate Coupon"><i class="fas fa-unlock-alt"></i></a>';
								}
								var actionHtml = lockHtml+'<a href="javascript:void(0);" data-id="'+row.id+'" data-action="edit" class="icon icon-edit action-btn" title="Edit Coupon"><i class="far fa-edit"></i></a><a href="javascript:void(0);" data-id="'+row.id+'" data-action="del" class="icon icon-delete action-btn" title="Delete Coupon"><i class="far fa-trash-alt"></i></a>';
								return actionHtml;
							}
						},
					],
					fnRowCallback: function(nRow, aData, iDisplayIndex) {
						nRow.id = aData.id;
						return nRow;
					}
				});
				$(".dataTables_length select").addClass('form-select form-select-sm');
			}
		});
	}
	couponPage();

	function getUrlVars()
	{
		var vars = [], hash;
		var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
		for(var i = 0; i < hashes.length; i++)
		{
			hash = hashes[i].split('=');
			vars.push(hash[0]);
			vars[hash[0]] = hash[1];
		}
		return vars;
	}

	//Add Coupon Page
	function addCouponPage(){
		var add_edit_coupon_page_url = $('.wp-vg-add-edit-coupon-page-container').attr('add_edit_coupon_page_url');

		if (add_edit_coupon_page_url == undefined || add_edit_coupon_page_url == '') {
			return;
		}
		$data= getUrlVars();

		$action=$data['action'];
		$id=$data['id'];
		$.ajax({
			url: add_edit_coupon_page_url+"?action="+$action+"&id="+$id,
			type: "GET",
			success: function(res) {
				if(res=="login"){
					window.location.href="index.html";
					return;
				}
				$(".wp-vg-add-edit-coupon-page-container").html(res);

				$("#start_date").datepicker({
					dateFormat: 'mm-dd-yy'
				});

				$("#expire_date").datepicker({
					dateFormat: 'mm-dd-yy'
				});

				updateLabel();
			}
		});
	}
	addCouponPage();

	$(document).on("click","#add_edit_coupon_button",function(){

		var parentClass = $(this).parent().parent().parent().attr("class").split(" ");
		if(parentClass.length>1){
			parentClass=parentClass[1];
		}else{
			parentClass=parentClass[0];
		}
		$("."+parentClass+" .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && !$(this).hasClass('hidden') && ($(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" || $(this).find('.form-control').val().trim() =="") && $(this).find('.form-control').attr('name') != "diploma_notes_order"){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if($(this).parent().parent().parent().find('.error').length<1){	

			var code = $("input[name='code']").val();
			var start = $("input[name='start']").val();
			var expire = $("input[name='expire']").val();
			var total = $("input[name='total']").val();
			var discount = $("input[name='discount']").val();
			var action = $("#action_hidden").val();
			var editId = $("#editId").val();

			var dates1 = start.split("-");
			var start = dates1[1]+"-"+dates1[0]+"-"+dates1[2];
			// start = parseInt((Date(newDate).getTime()/ 1000).toFixed(0));

			var dates2 = expire.split("-");
			var expire = dates2[1]+"-"+dates2[0]+"-"+dates2[2];
			// expire = parseInt((Date(newDat2).getTime()/ 1000).toFixed(0));

			$.ajax({
				url: "/validgrad/admin/addEditCoupon",
				type: "POST",
				data:{code:code,start:start,expire:expire,total:total,discount:discount,action:action,editId:editId},
				success: function(res) {
					if(res=="login"){
						window.location.href="index.html";
						return;
					}
					if(res==""){
						window.location.href="coupon/index.html";
					}
				}
			});
		}
	});

	$(document).on("click",".action-btn",function(){
		var dataVal= $(this).attr("data-id");
		var dataAction= $(this).attr("data-action");
		if(dataAction=="edit"){
			window.location.href="/coupon/add-Edit?action=Edit&id="+dataVal;
			return;
		}

		if(dataAction=="del"){
			$message= "You can't revert changes. Want to delete?"
		}else if(dataAction=="dt"){
			$message= "Are you sure? You change coupon code status de-activate."
		}else{
			$message= "Are you sure? You change coupon code status activate."
		}
		if(confirm($message)){
			$.ajax({
				url: "/validgrad/admin/updateCoupon",
				type: "POST",
				data:{id:dataVal,action:dataAction},
				success: function(res) {
					if(res=="login"){
						window.location.href="index.html";
						return;
					}
					allCoupon_table.ajax.reload();
				}
			});
		}
	});

	$(document).on("click","#logout",function(){
		$.ajax({
			url: "/validgrad/admin/logout",
			type: "GET",
			success: function(res) {
				window.location.href="index.html";
			}
		});
	});
	slickIntialize();

	//All Transactions Page
	var allTransaction_table;
	function allTransactionPage(){
		var allTransactions_page_url = $('.wp-vg-allTransactions-page-container').attr('allTransactions_page_url');

		if (allTransactions_page_url == undefined || allTransactions_page_url == '') {
			return;
		}

		$.ajax({
			url: allTransactions_page_url,
			type: "GET",
			success: function(res) {
				if(res=="login"){
					window.location.href="index.html";
					return;
				}
				$(".wp-vg-allTransactions-page-container").html(res);
				allTransaction_table = $("#allTransaction_table").DataTable({
					autoWidth: false,
					scrollX: true,
					processing : false,
					serverMethod: 'post',
					ajax: {
						"url": "/validgrad/Admin/getAllTransactions",
						"data": function (data) {
						}
					},
					columns: [
						{
							data: "payment_id",
							defaultContent: "-"
						},
						{
							data: "email_user",
							defaultContent: "-"
						}, 
						{
							data: "payment_checkout_id",
							defaultContent: "-"
						}, 
						{
							data: "payment_amount",
							defaultContent: "-"
						},
						{
							data: "pdf_generate",
							defaultContent: "-"
						},
						{
							data: "mail_response",
							defaultContent: "-"
						},
						{
							data: "payment_status",
							defaultContent: "-"
						},
						{
							data: "user_formdata",
							defaultContent: "-",
						},
						{
							data: "transaction_type",
							defaultContent: "-",
						},
						{
							data: "created_at",
							defaultContent: "-", 
							"render": function(data, type, row, meta) {
								if(row.created_at){
									var actionHTML = row.created_at;
									return actionHTML;
								}else{
									return "-";
								}
							}
						},
					],
					fnRowCallback: function(nRow, aData, iDisplayIndex) {
						nRow.id = aData.id;
						return nRow;
					}
				});
				$(".dataTables_length select").addClass('form-select form-select-sm');
			}
		});
	}
	allTransactionPage();

	//All Major Page
	var allMajors_table;
	function allMajorsPage(){
		var allMajors_page_url = $('.wp-vg-allMajors-page-container').attr('allMajors_page_url');

		if (allMajors_page_url == undefined || allMajors_page_url == '') {
			return;
		}

		$.ajax({
			url: allMajors_page_url,
			type: "GET",
			success: function(res) {
				if(res=="login"){
					window.location.href="index.html";
					return;
				}
				$(".wp-vg-allMajors-page-container").html(res);
				allMajors_table = $("#allMajors_table").DataTable({
					autoWidth: false,
					scrollX: true,
					processing : false,
					serverMethod: 'post',
					ajax: {
						"url": "/validgrad/Admin/allMajors",
						"data": function (data) {
						}
					},
					columns: [
						{
							data: "m_id",
							defaultContent: "-"
						},
						{
							data: "dt_name",
							defaultContent: "-"
						}, 
						{
							data: "dl_name",
							defaultContent: "-"
						}, 
						{
							data: "m_name",
							defaultContent: "-"
						},
						{
							data: null,
							defaultContent: "-", 
							render: function(data, type, row, meta) {
								var actionHtml = '<a href="javascript:void(0);" data-id="'+row.m_id+'" data-action="edit" title="Edit Mjor" id="edit_major" class="icon icon-edit"><i class="far fa-edit"></i></a><a href="javascript:void(0);" data-id="'+row.m_id+'" data-action="del" title="Delete Major" id="delete_major" class="icon icon-delete"><i class="far fa-trash-alt"></i></a>';
								return actionHtml;
							}
						},
					],
					fnRowCallback: function(nRow, aData, iDisplayIndex) {
						nRow.id = aData.id;
						return nRow;
					}
				});
				$(".dataTables_length select").addClass('form-select form-select-sm');
			}
		});
	}
	allMajorsPage();

	//Add Edit Major Page
	function addEditMajorPage(){
		var add_edit_majors_page_url = $('.wp-vg-add-edit-Majors-page-container').attr('add_edit_majors_page_url');

		if (add_edit_majors_page_url == undefined || add_edit_majors_page_url == '') {
			return;
		}
		$data= getUrlVars();

		$action=$data['action'];
		$id=$data['id'];
		$.ajax({
			url: add_edit_majors_page_url+"?action="+$action+"&id="+$id,
			type: "GET",
			success: function(res) {
				if(res=="login"){
					window.location.href="index.html";
					return;
				}
				$(".wp-vg-add-edit-Majors-page-container").html(res);
				updateLabel();
			}
		});
	}
	addEditMajorPage();

	$(document).on("click","#edit_major",function(){
		var id=$(this).attr("data-id");
		window.location.href="/add-edit-major?action=Edit&id="+id;
	});

	$(document).on("click","#add_edit_major_button",function(){

		var parentClass = $(this).parent().parent().parent().attr("class").split(" ");
		if(parentClass.length>1){
			parentClass=parentClass[1];
		}else{
			parentClass=parentClass[0];
		}
		$("."+parentClass+" .form-group").each(function(i,e){
			if($(this).find('.form-control').length>0 && !$(this).hasClass('hidden') && ($(this).find('.form-control').val()==null || $(this).find('.form-control').val()=="" || $(this).find('.form-control').val().trim() =="") && $(this).find('.form-control').attr('name') != "diploma_notes_order"){
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if($(this).parent().parent().parent().find('.error').length<1){	
			var document_type = $("select[name='document_type']").val();
			var degree_level = $("select[name='degree_level']").val();
			var major_name = $("input[name='major_name']").val();
			var action = $("#action_hidden").val();
			var editId = $("#editId").val();
			$.ajax({
				url: "/validgrad/admin/addEditMajor",
				type: "POST",
				data:{document_type:document_type,degree_level:degree_level,major_name:major_name,action:action,editId:editId},
				success: function(res) {
					if(res=="login"){
						window.location.href="index.html";
						return;
					}
					if(res==""){
						window.location.href="allMajors/index.html";
					}
				}
			});
		}
	});

	$(document).on("click","#delete_major",function(){
		var id=$(this).attr("data-id");
		var result = confirm("You can't revert changes. Want to delete?");
		if (result) {
			$.ajax({
				url: "/validgrad/admin/deleteMajors",
				type: "POST",
				data:{major_id:id},
				success: function(res) {
					if(res=="login"){
						window.location.href="index.html";
						return;
					}
					allMajors_table.ajax.reload();
				}
			});
		}else{
			allMajors_table.ajax.reload();
		}
	});


	//All Major Page
	var allCourse_table;
	function allCoursePage(){
		var allCourse_page_url = $('.wp-vg-allCourse-page-container').attr('allCourse_page_url');

		if (allCourse_page_url == undefined || allCourse_page_url == '') {
			return;
		}

		$.ajax({
			url: allCourse_page_url,
			type: "GET",
			success: function(res) {
				if(res=="login"){
					window.location.href="index.html";
					return;
				}
				$(".wp-vg-allCourse-page-container").html(res);
				allCourse_table = $("#allCourse_table").DataTable({
					autoWidth: false,
					scrollX: true,
					processing : false,
					serverMethod: 'post',
					ajax: {
						"url": "/validgrad/Admin/allCourse",
						"data": function (data) {
						}
					},
					columns: [
						{
							data: "c_id",
							defaultContent: "-"
						},
						{
							data: "dt_name",
							defaultContent: "-"
						}, 
						{
							data: "dl_name",
							defaultContent: "-"
						}, 
						{
							data: "m_name",
							defaultContent: "-"
						},
						{
							data: "s_number",
							defaultContent: "-"
						},
						{
							data: "c_number",
							defaultContent: "-"
						},
						{
							data: "c_name",
							defaultContent: "-"
						},
						{
							data: "c_description",
							defaultContent: "-"
						},
						{
							data: "c_attempted",
							defaultContent: "-"
						},
						{
							data: "c_earned",
							defaultContent: "-"
						},
						{
							data: null,
							defaultContent: "-", 
							render: function(data, type, row, meta) {
								var actionHtml = '<a href="javascript:void(0);" data-id="'+row.c_id+'" title="Edit Course" id="edit_course" class="icon icon-edit"><i class="far fa-edit"></i></a><a href="javascript:void(0);" data-id="'+row.c_id+'" title="Delete Course" id="delete_course" class="icon icon-delete"><i class="far fa-trash-alt"></i></a>';
								return actionHtml;
							}
						},
					],
					fnRowCallback: function(nRow, aData, iDisplayIndex) {
						nRow.id = aData.id;
						return nRow;
					}
				});
				$(".dataTables_length select").addClass('form-select form-select-sm');
			}
		});
	}
	allCoursePage();

	//Add Edit Course Page
	function addEditCoursePage(){
		var add_edit_course_page_url = $('.wp-vg-add-edit-course-page-container').attr('add_edit_course_page_url');

		if (add_edit_course_page_url == undefined || add_edit_course_page_url == '') {
			return;
		}
		$data= getUrlVars();

		$action=$data['action'];
		$id=$data['id'];
		$.ajax({
			url: add_edit_course_page_url+"?action="+$action+"&id="+$id,
			type: "GET",
			success: function(res) {
				if(res=="login"){
					window.location.href="index.html";
					return;
				}
				$(".wp-vg-add-edit-course-page-container").html(res);
				updateLabel();
			}
		});
	}
	addEditCoursePage();

	$(document).on("click","#edit_course",function(){
		var id=$(this).attr("data-id");
		window.location.href="/add-edit-course?action=Edit&id="+id;
	});

	$(document).on("click","#add_edit_course_button",function(){

		var parentClass = $(this).parent().parent().parent().attr("class").split(" ");
		if(parentClass.length>1){
			parentClass=parentClass[1];
		}else{
			parentClass=parentClass[0];
		}
		$("."+parentClass+" .form-group").each(function(i,e){
			if ($(this).find('.form-control').length > 0 && !$(this).hasClass('hidden') && ($(this).find('.form-control').val() == null || $(this).find('.form-control').val() == "" || (!Array.isArray($(this).find('.form-control').val()) && $(this).find('.form-control').val().trim() == "")) && $(this).find('.form-control').attr('name') != "diploma_notes_order") {
				$(this).addClass('error').addClass('focused');
			}else{
				$(this).removeClass('error');
			}
		});
		if($(this).parent().parent().parent().find('.error').length<1){	
			var document_type = $("select[name='document_type']").val();
			var course_semester = $("select[name='course_semester']").val();
			var majors = $("select[name='major[]']").val();
			var course_name = $("input[name='course_name']").val();
			var course_number = $("input[name='course_number']").val();
			var course_desc = $("input[name='course_desc']").val();
			var course_attempted = $("input[name='course_attempted']").val();
			var course_earned = $("input[name='course_earned']").val();
			var action = $("#action_hidden").val();
			var editId = $("#editId").val();
			$.ajax({
				url: "/validgrad/admin/addEditCourse",
				type: "POST",
				data:{majors:majors,document_type:document_type,course_semester:course_semester,course_name:course_name,course_number:course_number,course_desc:course_desc,course_attempted:course_attempted,course_earned:course_earned,action:action,editId:editId},
				success: function(res) {
					if(res=="login"){
						window.location.href="index.html";
						return;
					}
					if(res==""){
						window.location.href="allCourse/index.html";
					}
				}
			});
		}
	});

	$(document).on("click","#delete_course",function(){
		var id=$(this).attr("data-id");
		var result = confirm("You can't revert changes. Want to delete?");
		if (result) {
			$.ajax({
				url: "/validgrad/admin/deleteCourse",
				type: "POST",
				data:{course_id:id},
				success: function(res) {
					if(res=="login"){
						window.location.href="index.html";
						return;
					}
					allCourse_table.ajax.reload();
				}
			});
		}else{
			allCourse_table.ajax.reload();
		}
	});

	//Orders Report Page
    var orderReports_table;

    function orderReportsPage() {
        var allTransactions_page_url = $('.wp-vg-orderReports-page-container').attr('orderReports_page_url');

        if (allTransactions_page_url == undefined || allTransactions_page_url == '') {
            return;
        }
        // var as = JSON.parse(user_formdata);

        $.ajax({
            url: allTransactions_page_url,
            type: "GET",
            success: function(res) {
                if (res == "login") {
                    window.location.href = "index.html";
                    return;
                }
                $(".wp-vg-orderReports-page-container").html(res);
                orderReports_table = $("#orders_report_table").DataTable({
                    dom: 'Bfrtip',
                    buttons: [
                        'excel'
                    ],
                    autoWidth: false,
                    scrollX: true,
                    processing: true,
                    serverMethod: 'post',
                    ajax: {
                        "url": "/validgrad/Admin/orderReportsData",
                        'data': function(data){
                            // Read values
                            var from_date = $('#min').val();
                            var to_date = $('#max').val();
                  
                            // Append to data
                            data.searchByFromdate = from_date;
                            data.searchByTodate = to_date;
                        }
                    },
                    columns: [{
                            data: "created_at",
                            defaultContent: "-",
                            "render": function(data, type, row, meta) {
                                if (row.created_at) {
                                    var actionHTML = row.created_at;
                                    return actionHTML;
                                } else {
                                    return "-";
                                }
                            }
                        },
                        {
                            data: "-",
                            defaultContent: "-",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.billing_details.ship_fname) {
                                    var actionHTML = data.billing_details.ship_fname;
                                    return actionHTML;
                                }
                            }
                        },
                        {
                            data: "-",
                            defaultContent: "-",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.billing_details.ship_lname) {
                                    var actionHTML = data.billing_details.ship_lname;
                                    return actionHTML;
                                }
                            }
                        },
                        {
                            data: "-",
                            defaultContent: "-",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.billing_details.ship_email) {
                                    var actionHTML = data.billing_details.ship_email;
                                    return actionHTML;
                                }
                            }
                        },
                        {
                            data: "-",
                            defaultContent: "-",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.billing_details.ship_phone) {
                                    var actionHTML = data.billing_details.ship_phone;
                                    return actionHTML;
                                }
                            }
                        },
                        {
                            data: "-",
                            defaultContent: "-",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.billing_details.ship_street) {
                                    var actionHTML = data.billing_details.ship_street;
                                    return actionHTML;
                                }
                            }
                        },
                        {
                            data: "-",
                            defaultContent: "-",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.billing_details.ship_apt) {
                                    var actionHTML = data.billing_details.ship_apt;
                                    return actionHTML;
                                }
                            }
                        },
                        {
                            data: "-",
                            defaultContent: "-",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.billing_details.ship_city) {
                                    var actionHTML = data.billing_details.ship_city;
                                    return actionHTML;
                                }
                            }
                        },
                        {
                            data: "-",
                            defaultContent: "-",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.billing_details.ship_state) {
                                    var actionHTML = data.billing_details.ship_state;
                                    return actionHTML;
                                }
                            }
                        },
                        {
                            data: "-",
                            defaultContent: "-",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.billing_details.ship_zipcode) {
                                    var actionHTML = data.billing_details.ship_zipcode;
                                    return actionHTML;
                                }
                            }
                        },
                        {
                            data: "-",
                            defaultContent: "False",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.billing_details.expedite_order) {
                                    var expedit = 'True';
                                    if (data.billing_details.expedite_order == 1) {
                                        var actionHTML = expedit;
                                    }
                                    return actionHTML;
                                }
                            }
                        },
                        {
                            data: "-",
                            defaultContent: "False",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.multiDoc && data.multiDoc == 1) {
                                    return 'MultiDoc';
                                } else if (data.diploma_code) {
                                    return 'Diploma';
                                } else {
                                    return 'Transcript';
                                }
                            }
                        },
                        {
                            data: "-",
                            defaultContent: "-",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.diploma_code) {
                                    var diploma_code = data.diploma_code;
                                    var paper_size = "8.5\" X 11\"";
                                    if (diploma_code) {
                                        if (diploma_code == 1) {
                                            paper_size_text = data.diploma_college.college_diploma_size;
                                            if (paper_size_text == "elevenByFourteen") {
                                                paper_size = "11\" X 14\"";
                                            } else if (paper_size_text == "sevenByNine") {
                                                paper_size = "7.5\" X 9.5\"";
                                            }
                                        } else if (diploma_code == 2) {
                                            paper_size_text = data.diploma_school.high_school_size;
                                            if (paper_size_text == "elevenByFourteen") {
                                                paper_size = "11\" X 14\"";
                                            } else if (paper_size_text == "sevenByNine") {
                                                paper_size = "7.5\" X 9.5\"";
                                            }
                                        } else if (diploma_code == 3) {
                                            paper_size_text = data.diploma_ged.ged_diploma_size;
                                            if (paper_size_text == "elevenByFourteen") {
                                                paper_size = "11\" X 14\"";
                                            } else if (paper_size_text == "sevenByNine") {
                                                paper_size = "7.5\" X 9.5\"";
                                            }
                                        } else if (diploma_code == 4) {
                                            paper_size = "8.5\" X 11\"";
                                        }
                                    }
                                    return paper_size;
                                }
                            }
                        },
						{
                            data: "-",
                            defaultContent: "-",
                            render: function(data, type, row, meta) {
                                var data = JSON.parse(row.user_formdata);
                                if (data.diploma_code) {
									var upsell_product = "-";
									if(data.frame_type){
										var diploma_frame = data.frame_type;
										if(diploma_frame == "black-leather-holder"){
											upsell_product = "Black - Leather Holder";
										}else if(diploma_frame == "blue-leather-holder"){
											upsell_product = "Blue - Leather Holder";
										}else if(diploma_frame == "red-leather-holder"){
											upsell_product = "Red - Leather Holder";
										}else if(diploma_frame == "white-leather-holder"){
											upsell_product = "White - Leather Holder";
										}else if(diploma_frame == "leather-holder"){
											upsell_product = "Black - Leather Holder";
										}else if(diploma_frame == "mahogany-frame"){
											upsell_product = "Mahogany Frame";
										}else if(diploma_frame == "glass-frame"){
											upsell_product = "Glass Frame";
										}else if(diploma_frame == "picture-frame"){
											upsell_product = "Picture Frame";
										}else if(diploma_frame == "tassel-frame"){
											upsell_product = "Tassel Frame";
										}
									}
                                    return upsell_product;
                                }
                            }
                        }
                    ],
                    fnRowCallback: function(nRow, aData, iDisplayIndex) {
                        nRow.id = aData.id;
                        return nRow;
                    }
                });
                $(".dataTables_length select").addClass('form-select form-select-sm');
            }
        });
    }
    orderReportsPage();

    var orderDateField= setInterval(function(){
        if($('#min').length > 0 && $('#max').length > 0){
            clearInterval(orderDateField);
            // Create date inputs
            minDate = new DateTime($('#min'), {
                format: 'YYYY/MM/DD'
            });
            maxDate = new DateTime($('#max'), {
                format: 'YYYY/MM/DD',
            });
            $('#min').val(moment().format('YYYY/MM/DD'));
            $('#max').val(moment().format('YYYY/MM/DD'));

            $('.dt-buttons').after($('.input-daterange'));

            // Refilter the table
            $('#min, #max').on('change', function () {
                jQuery("#orders_report_table").DataTable().ajax.reload();
            });
        }
        
    }, 100);
});