const F5_Common = (function () {
	return function () {
		var me = this;

			//need to send in the actual view grids you want this to affect as there can be MANY diffent types of view grids on the form, i.e. every lookup modal has a .view-grid on it
		    me.initialiseDocumentSubgrids = function(viewGrid){	
		    if (!viewGrid.parent().parent().has(".documentDisclaimer").length >0){
				viewGrid.parent().parent().prepend("<div class='documentDisclaimer'>Opening any of the documents listed here will download them to your device. As some information may be confidential please ensure you delete the files from your Download folder and Trash/Bin once they are no longer needed.<br/><br/></div>");
			}
			var MutationObserver    = window.MutationObserver || window.WebKitMutationObserver;
			var myObserver          = new MutationObserver (F5Common.docRowAddedHandler);
			var obsConfig           = { childList: true, characterData: true, attributes: true, subtree: true };
	
			for (var j = 0; j < viewGrid.length; j++){
				myObserver.observe(viewGrid[j],obsConfig);
			}
		}

		me.docRowAddedHandler = function(mutationRecords){
			mutationRecords.forEach ( function (mutation) {
				var mt = mutation.type;
				if (mt === 'childList') {
					if(mutation.addedNodes.length === 1 && mutation.addedNodes[0].nodeName === "TBODY"){ 
						var trs = $(mutation.addedNodes[0]).find("tr");
						$(mutation.addedNodes[0]).find("tr").each(function(index){
							var row = $(this);
							var CRSMDocumentID = $(this).data("id");
							if (!"fus_crsmdocument" == $(this).data("entity")) return;
                            var viewUrl = F5Common.getDocumentUrl(CRSMDocumentID); 
                            $(this).find(".details-link").attr("href",viewUrl).attr("target","_blank").off("click");
							console.log("detail links: " + $(this).find(".details-link").length);
						});
					}
				}
			});
		}

		me.getDocumentUrl = function(documentid) {
			var url = window.location.origin + "/fusion5webapi?operation=getDocumentUrl&documentid=" + documentid;
			var result = null;
			$.get({ url: url, async: false }, function (document) {
				result = document;
			}).always(function () {
			});
			return "/_entity/sharepointdocumentlocation/" + result.id + "/7b138792-1090-45b6-9241-8f8d96d8c372?file=" + result.name;

		}

		me.addFutureDateValidator = function (controlToValidate, errorMessage) {
			me.removeValidator(controlToValidate);
			$("#" + controlToValidate).next().data("DateTimePicker").minDate(moment());
			var dateValidator = document.createElement('span');

			dateValidator.style.display = "none";
			dateValidator.id = "RequiredFieldValidator" + controlToValidate;
			dateValidator.controltovalidate = controlToValidate;
			dateValidator.evaluationfunction = function () {
				var returnValue = true; //set default value as true

				//get dates
				var today = new Date();
				var compareDate = $("#" + controlToValidate).val();

				if (compareDate == "") return true; //we can handle required date validation elsewhere.
				var compareDateValue = new Date(compareDate);

				if (today > compareDateValue) {

					//setup custom validation message
					this.errormessage = "<a href='#" + controlToValidate + "_label'>" + errorMessage + "</a>";
					returnValue = false;
				}

				return returnValue;

			};
			// Add the validator to the page validators array:
			Page_Validators.push(dateValidator);

			// Wire up the click event handler of the validation summary link
			$("a[href='#" + controlToValidate + "_label']").on("click", function () {
				scrollToAndFocus(controlToValidate + '_label', controlToValidate);
			});
		}

		me.addInstructionsBeforeField = function (fieldName, html, id) {
			if (id == null) id = fieldName + "Instructions";
			var row = $("#" + fieldName).closest("tr");
			var insertHtml = $("<tr id='" + id + "'>").append($("<td>", { class: "clearfix cell form-control-cell" }).append(html));
			row.before(insertHtml);
		}

		me.addInstructionsAfterField = function (fieldName, html, id) {
			if (id == null) id = fieldName + "Instructions";
			var row = $("#" + fieldName).closest("tr");
			var insertHtml = $("<tr id='" + id + "'>").append($("<td>", { class: "clearfix cell form-control-cell" }).append(html));
			row.after(insertHtml);
		}

		me.addInstructionsAfterLabel = function (fieldName, html) {
			var div = $("<div>", { style:"clear:both"}).append(html);
			$("#" + fieldName + "_Label,#" + fieldName + "_label").after(div);
		}

		me.addSectionInstructions = function (sectionname, instructions) {
			var tableSelector = "table[data-name='" + sectionname + "']";
			var table = $(tableSelector);
			var instrRow = $("<tr>").append($("<td>", { class: "clearfix cell form-control-cell" }).append($("<p>", { class: "section-instructions", text: instructions })));
			table.prepend(instrRow);
		}

		me.addSectionInstructionsHtml = function (sectionname, html) {
			var tableSelector = "table[data-name='" + sectionname + "']";
			var table = $(tableSelector);
			var instrRow = $("<tr>").append($("<td>", { class: "clearfix cell form-control-cell" }).append(html));
			table.prepend(instrRow);
		}

		me.addLookupValidator = function (fieldName, fieldLabel) {
			me.removeValidator(fieldName);
			if (typeof (Page_Validators) == 'undefined') return;
			// Create new validator
			$("#" + fieldName + "_label").parent().addClass("required");

			var newValidator = document.createElement('span');
			newValidator.style.display = "none";
			newValidator.id = "RequiredFieldValidator" + fieldName;
			newValidator.controltovalidate = fieldName;
			newValidator.errormessage = "<a href='#" + fieldName + "_label'>" + fieldLabel + " is a required field.</a>";
			newValidator.validationGroup = "";
			newValidator.initialvalue = "";
			newValidator.evaluationfunction = function () {
				var value = $("#" + fieldName).val();
				if (value == null || value == "") {
					return false;
				} else {
					return true;
				}
			};

			// Add the new validator to the page validators array:
			Page_Validators.push(newValidator);

			// Wire-up the click event handler of the validation summary link
			$("a[href='#" + fieldName + "_label']").on("click", function () { scrollToAndFocus(fieldName + '_label', fieldName); });
		}

		me.addValidator = function (fieldName, fieldLabel) {
			me.removeValidator(fieldName);
			if (typeof (Page_Validators) == 'undefined') return;
			// Create new validator
			$("#" + fieldName + "_label").parent().addClass("required");

			var newValidator = document.createElement('span');
			newValidator.style.display = "none";
			newValidator.id = "RequiredFieldValidator" + fieldName;
			newValidator.controltovalidate = fieldName;
			newValidator.errormessage = "<a href='#" + fieldName + "_label'>" + fieldLabel + " is a required field.</a>";
			newValidator.validationGroup = "";
			newValidator.initialvalue = "";
			newValidator.evaluationfunction = function () {
				var value = $("#" + fieldName).val();
				if (value == null || value == "") {
					return false;
				} else {
					return true;
				}
			};

			// Add the new validator to the page validators array:
			Page_Validators.push(newValidator);

			// Wire-up the click event handler of the validation summary link
			$("a[href='#" + fieldName + "_label']").on("click", function () { scrollToAndFocus(fieldName + '_label', fieldName); });
		}

		me.addCustomValidator = function (fieldName, errorMessage,scrollToId,focusId,callback) {
			var newValidator = document.createElement('span');
			newValidator.style.display = "none";
			newValidator.id = "RequiredFieldValidator" + fieldName;
			newValidator.controltovalidate = fieldName;
			newValidator.errormessage = "<a href='#" + fieldName + "_label' onclick='scrollToAndFocus(\"" + scrollToId + "\",\"" + focusId + "\");'>" + errorMessage + "</a>";
			newValidator.validationGroup = "";
			newValidator.initialvalue = "";
			newValidator.evaluationfunction = callback;

			// Add the new validator to the page validators array:
			Page_Validators.push(newValidator);
		}

		me.addSubGridValidator = function (subGridName, minRecords, errorMessage, maxRecords) {
			me.removeSubGridValidator(subGridName);
			if (typeof (Page_Validators) == 'undefined') return;

			$("#" + subGridName).closest("td").find(".info").addClass("required");

			// Create new validator
			var newValidator = document.createElement('span');
			newValidator.style.display = "none";
			newValidator.id = "RequiredFieldValidator" + subGridName;
			newValidator.controltovalidate = subGridName;
			newValidator.errormessage = "<a href='#" + subGridName + "_label' onclick='scrollToAndFocus(\"" + subGridName + "\",\"" + subGridName + "\");'>" + errorMessage + "</a>";
			newValidator.validationGroup = "";
			newValidator.initialvalue = "";
			newValidator.evaluationfunction = function () {
				var noOfRecords = $("#" + subGridName + " table tbody tr").length;
				if (noOfRecords < minRecords ||
					noOfRecords > maxRecords) {
					return false;
				} else {
					return true;
				}
			};

			// Add the new validator to the page validators array:
			Page_Validators.push(newValidator);

			// Wire-up the click event handler of the validation summary link
			// $("a[href='#" + subGridName + "_label']").on("click", function () { 
			// 	scrollToAndFocus(subGridName, subGridName); 
			// });
		}

		me.addCheckBoxValidator = function (fieldName, fieldLabel) {

			me.removeValidator(fieldName);
			if (typeof (Page_Validators) == 'undefined') return;
			// Create new validator
			$("#" + fieldName + "_label").parent().addClass("required");

			var newValidator = document.createElement('span');
			newValidator.style.display = "none";
			newValidator.id = "RequiredFieldValidator" + fieldName;
			newValidator.controltovalidate = fieldName;
			newValidator.errormessage = "<a href='#" + fieldName + "_label'>Check: " + fieldLabel + ".</a>";
			newValidator.validationGroup = "";
			newValidator.initialvalue = "";
			newValidator.evaluationfunction = function () {
				var isChecked = $("#" + fieldName).is(":checked");
				if (isChecked == true) {
					return true;
				} else {
					return false;
				}
			};

			// Add the new validator to the page validators array:
			Page_Validators.push(newValidator);

			// Wire-up the click event handler of the validation summary link
			$("a[href='#" + fieldName + "_label']").on("click", function () { scrollToAndFocus(fieldName + '_label', fieldName); });
		}

		me.addRadioValidator = function (fieldName, fieldLabel) {
			me.removeValidator(fieldName);
			if (typeof (Page_Validators) == 'undefined') return;
			// Create new validator
			$("#" + fieldName + "_label").parent().addClass("required");

			var newValidator = document.createElement('span');
			newValidator.style.display = "none";
			newValidator.id = "RequiredFieldValidator" + fieldName;
			newValidator.controltovalidate = fieldName;
			newValidator.errormessage = "<a href='#" + fieldName + "_label'>Check: " + fieldLabel + ".</a>";
			newValidator.validationGroup = "";
			newValidator.initialvalue = "";
			newValidator.evaluationfunction = function () {
				var isChosen = $("input[name$='" + fieldName + "']:checked").length > 0;
				if (isChosen == true) {
					return true;
				} else {
					return false;
				}
			};

			// Add the new validator to the page validators array:
			Page_Validators.push(newValidator);

			// Wire-up the click event handler of the validation summary link
			$("a[href='#" + fieldName + "_label']").on("click", function () { scrollToAndFocus(fieldName + '_label', fieldName); });
		}

		me.removeSubGridValidator = function (subGridName) {
			if (typeof (Page_Validators) == 'undefined') return;
			if ($('#' + subGridName) != undefined) {
				$("#" + subGridName).closest("td").find(".info").removeClass("required");
				me.removeValidator(subGridName);
			}
		}

		me.removeValidator = function (fieldName) {
			if (typeof (Page_Validators) == 'undefined') return;
			if ($('#' + fieldName) != undefined) {
				$("#" + fieldName + "_label").parent().removeClass('required');
				$('#' + fieldName).prop('required', false);

				for (i = 0; i < Page_Validators.length; i++) {
					if (Page_Validators[i].id == 'RequiredFieldValidator' + fieldName) {
						// Remove the current field�s �Required� validator from �Page_Validators� array
						Page_Validators.splice(i, 1);
					}
				}
			}
		}

		me.showSections = function (sectionList) {
			var count = sectionList.length;
			for (i_ss = 0; i_ss < count; i_ss++) {
				var fieldString = "fieldset[aria-label='" + sectionList[i_ss] + "']";
				$(fieldString).show();
			}
		}

		me.hideSections = function (sectionList) {
			var count = sectionList.length;
			for (i_hs = 0; i_hs < count; i_hs++) {
				var fieldString = "fieldset[aria-label='" + sectionList[i_hs] + "']";
				$(fieldString).hide();
			}
		}

		me.removeValidators = function (validatorList) {
			var count = validatorList.length;
			for (i_rv = 0; i_rv < count; i_rv++) {
				me.removeValidator(validatorList[i_rv]);
			}
		}

		me.getContactDetails = function (contactid) {
			var url = window.location.origin + "/fusion5webapi?operation=getContactDetails&contactid=" + contactid;
			var result = null;
			$.get({ url: url, async: false }, function (contact) {
				result = contact;
			}).always(function () {
			});
			return result;
		}

		me.clearTextFields = function (fieldList) {
			var count = fieldList.length;
			for (i_ctf = 0; i_ctf < count; i_ctf++) {
				$("#" + fieldList[i_ctf]).val("");
			}
		}

		me.hideFields = function (fieldList) {
			var count = fieldList.length;
			for (i_hf = 0; i_hf < count; i_hf++) {
				$("#" + fieldList[i_hf]).closest("tr").hide();
			}
		}

		me.showFields = function (fieldList) {
			var count = fieldList.length;
			for (i_sf = 0; i_sf < count; i_sf++) {
				$("#" + fieldList[i_sf]).closest("tr").show();
			}
		}

		me.disableLookups = function (fieldList) {
			var count = fieldList.length;
			for (i_dl = 0; i_dl < count; i_dl++) {
				me.disableLookupFields([$("#" + fieldList[i_dl])]);
			}
		}

		me.enableLookups = function (fieldList) {
			var count = fieldList.length;
			for (i_el = 0; i_el < count; i_el++) {
				$("#" + fieldList[i_el]).parent().find('.input-group-btn').show();
			}
		}

		me.enableDateTimeFields = function (fieldList) {
			var count = fieldList.length;
			for (i_edtf = 0; i_edtf < count; i_edtf++) {
				$("#" + fieldList[i_edtf]).next().data("DateTimePicker").enable();
			}
		}

		me.disableDateTimeFields = function (fieldList) {
			var count = fieldList.length;
			for (i_ddtf = 0; i_ddtf < count; i_ddtf++) {
				$("#" + fieldList[i_ddtf]).next().data("DateTimePicker").disable();
			}
		}

		me.enableFields = function (fieldList) {
			var count = fieldList.length;
			for (ecf = 0; ecf < count; ecf++) {
				$("#" + fieldList[ecf]).enable(true)
			}
		}

		me.disableFields = function (fieldList) {
			var count = fieldList.length;
			for (i_dcf = 0; i_dcf < count; i_dcf++) {
				$("#" + fieldList[i_dcf]).enable(false);
			}
		}

		me.disableLookupFields = function (fieldList) {
			var count = fieldList.length;

			for (dlf = 0; dlf < count; dlf++) {
				$("#" + fieldList[dlf]).parent().removeClass("input-group").find('.input-group-btn').hide();
			}
			$(".text-muted").css("color", "transparent");
		}

		me.enableLookupFields = function (fieldList) {
			var count = fieldList.length;
			for (elf = 0; elf < count; elf++) {
				$("#" + fieldList[elf]).parent().addClass("input-group").find('.input-group-btn').show()
			}
		}

		me.disableRadioButtonFields = function (fieldList) {
			var count = fieldList.length;
			for (drbf = 0; drbf < count; drbf++) {
				$('#' + fieldList[drbf] + ' input:radio:not(:checked)').attr('disabled', true);
			}
		}

		me.enableRadioButtonFields = function (fieldList) {
			var count = fieldList.length;
			for (erbf = 0; erbf < count; erbf++) {
				$('#' + fieldList[erbf] + ' input:radio:not(:checked)').attr('disabled', false);
			}
		}

		me.clearRadioButtonFields = function (fieldList) {
			var count = fieldList.length;
			for (erbf = 0; erbf < count; erbf++) {
				$('#' + fieldList[erbf] + ' input:radio:checked').prop('checked', false);;
			}
		}

		me.disablePicklistFields = function (fieldList) {
			var count = fieldList.length;
			for (dplf = 0; dplf < count; dplf++) {
				//can't disbale them as on postback value will be set to first item in list usual Empty string.
				//need t instead create a readonly textbox with the required text and show that in place of select
				let readOnlyInput = $("#ro_" + fieldList[dplf]);
				if(readOnlyInput.length === 0){
					let select = $("#" + fieldList[dplf]);
					let selectedText =  $("#" + fieldList[dplf] + " option:selected").text();
					readOnlyInput = $("<input>", { id:"ro_" + fieldList[dplf], class: "text form-control", readonly:true});
					readOnlyInput.val(selectedText);
					select.before(readOnlyInput);
					select.hide();
				}
			}
		}

		me.enablePicklistFields = function (fieldList) {
			var count = fieldList.length;
			for (eplf = 0; eplf < count; eplf++) {
				let select = $("#" + fieldList[dplf]);
				let readOnlyInput = $("#ro_" + fieldList[dplf]);
				readOnlyInput.remove();
				select.show();
			}
		}

		me.getUrlParameter = function getUrlParameter(sParam) {
			var sPageURL = window.location.search.substring(1), sURLVariables = sPageURL.split('&'), sParameterName, i;
			for (i = 0; i < sURLVariables.length; i++) {
				sParameterName = sURLVariables[i].split('=');
				if (sParameterName[0] === sParam) {
					return typeof sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
				}
			}
			return false;
		}

		me.addModalForm = function (modalId, modalTitle) {
			var modalSection = $("<section>", { id: modalId, "aria-hidden": "true", "aria-label": "<span class='fa fa-info-circle' aria-hidden='true'></span> Modal Form", class: "modal fade modal-form modal-form-details", "data-backdrop": "static", role: "dialog", tabindex: "-1", style: "display: none;" });
			$("body").prepend(modalSection);
			var modalDialog = $("<div>", { class: "modal-lg modal-dialog" });
			modalSection.append(modalDialog);
			var modalContent = $("<div>", { class: "modal-content" });
			modalDialog.append(modalContent);
			var modalHeader = $("<div>", { class: "modal-header" });
			modalContent.append(modalHeader);
			var closeButton = $("<button>", { "aria-label": "Close", class: "close", "data-dismiss": "modal", tabindex: "0", title: "Close", type: "button" });
			modalHeader.append(closeButton);
			closeButton.append($("<span>", { "aria-hidden": "true", text: "x" }));
			closeButton.append($("<span>", { class: "sr-only", text: "Close" }));
			modalHeader.append($("<h1>", { id: "formModalTitle", class: "modal-title h4", title: modalTitle, text: modalTitle }));

			var modalBody = $("<div>", { class: "modal-body" });
			modalContent.append(modalBody);
			var formLoading = $("<div>", { class: "form-loading", style: "display: none;" });
			modalBody.append(formLoading);
			formLoading.append($("<span>", { class: "fa fa-spinner fa-spin fa-4x", "aria-hidden": "true" }));
			modalBody.append($("<iframe>", { src: "" }));
		}

		me.initiateOnBehalfOf = function (callback) {
			F5Common.disableLookupFields(["fus_person"]);
			$("#fus_requestedonbehalfof").closest("tr").show();
			if (!$("#fus_requestisfor #fus_requestisfor_1").prop('checked')) {
				var lookupName = $("#fus_person_name").val();
				var lookupGuid = $("#fus_person").val();
				$("#fus_requestedonbehalfof_name").attr("value", lookupName);
				$("#fus_requestedonbehalfof").attr("value", lookupGuid);
				$("#fus_requestedonbehalfof_entityname").attr("value", "contact");
				$("#fus_requestedonbehalfof").closest("tr").hide();
				$("#fus_person").closest("tr").hide();
			} else {
				F5Common.addLookupValidator("fus_requestedonbehalfof", "Requested for");

			}
			var lookupGuid = $("#fus_requestedonbehalfof").val();
			F5Common.prePopulateRequestorFields(lookupGuid);
			$("#fus_requestisfor_0, #fus_requestisfor_1").change(F5Common.requestOnBehalfOfChange);
			$("#fus_requestedonbehalfof").on("change", function(){
				F5Common.onBehalfOfChange(callback);
			});
		}

		me.initiateOnBehalfOfNotRequired = function (callback) {
			F5Common.disableLookupFields(["fus_person"]);
			$("#fus_requestedonbehalfof").closest("tr").show();
			if (!$("#fus_requestisfor #fus_requestisfor_1").prop('checked')) {
				var lookupName = $("#fus_person_name").val();
				var lookupGuid = $("#fus_person").val();
				$("#fus_requestedonbehalfof_name").attr("value", lookupName);
				$("#fus_requestedonbehalfof").attr("value", lookupGuid);
				$("#fus_requestedonbehalfof_entityname").attr("value", "contact");
				$("#fus_requestedonbehalfof").closest("tr").hide();
				$("#fus_person").closest("tr").hide();
			}
			var lookupGuid = $("#fus_requestedonbehalfof").val();
			F5Common.prePopulateRequestorFields(lookupGuid, true);
			$("#fus_requestisfor_0, #fus_requestisfor_1").change(F5Common.requestOnBehalfOfChangeNotRequired);

			$("#fus_requestedonbehalfof").on("change", function(){
				F5Common.onBehalfOfChangeNotRequired(callback)
			});
		}

		me.onBehalfOfChange = function (callback) {
			var lookupGuid = $("#fus_requestedonbehalfof").val();
			F5Common.prePopulateRequestorFields(lookupGuid);
			typeof callback === 'function' && callback();
		}

		me.onBehalfOfChangeNotRequired = function (callback) {
			var lookupGuid = $("#fus_requestedonbehalfof").val();
			F5Common.prePopulateRequestorFields(lookupGuid, true);
			typeof callback === 'function' && callback();
		}

		me.requestOnBehalfOfChange = function () {
			F5Common.removeValidator("fus_requestedonbehalfof");
			if ($("#fus_requestisfor #fus_requestisfor_1").prop('checked')) {
				$("#fus_requestedonbehalfof").val("");
				$("#fus_requestedonbehalfof_name").val("");
				F5Common.addLookupValidator("fus_requestedonbehalfof", "Requested for");
				$("#fus_requestedonbehalfof").closest("tr").show();
				$("#fus_person").closest("tr").show();
			}
			else {
				var lookupName = $("#fus_person_name").val();
				var lookupGuid = $("#fus_person").val();
				$("#fus_requestedonbehalfof_name").attr("value", lookupName);
				$("#fus_requestedonbehalfof").attr("value", lookupGuid);
				$("#fus_requestedonbehalfof_entityname").attr("value", "contact");
				$("#fus_requestedonbehalfof").closest("tr").hide();
				$("#fus_person").closest("tr").hide();
			}
			var lookupGuid = $("#fus_requestedonbehalfof").val();
			F5Common.prePopulateRequestorFields(lookupGuid);
		}

		me.requestOnBehalfOfChangeNotRequired = function () {
			if ($("#fus_requestisfor #fus_requestisfor_1").prop('checked')) {
				$("#fus_requestedonbehalfof").val("");
				$("#fus_requestedonbehalfof_name").val("");
				$("#fus_requestedonbehalfof").closest("tr").show();
				$("#fus_person").closest("tr").show();
			}
			else {
				var lookupName = $("#fus_person_name").val();
				var lookupGuid = $("#fus_person").val();
				$("#fus_requestedonbehalfof_name").attr("value", lookupName);
				$("#fus_requestedonbehalfof").attr("value", lookupGuid);
				$("#fus_requestedonbehalfof_entityname").attr("value", "contact");
				$("#fus_requestedonbehalfof").closest("tr").hide();
				$("#fus_person").closest("tr").hide();
			}
			var lookupGuid = $("#fus_requestedonbehalfof").val();
			F5Common.prePopulateRequestorFields(lookupGuid, $("#fus_requestisfor #fus_requestisfor_1").prop('checked'));
		}

		me.prePopulateRequestorFields = function (contactGuid, enableReadonly) {
			var contact = (contactGuid) ? F5Common.getContactDetails(contactGuid) : null;
			if ($("#fus_requestedforfirstname")) {
				if (contact && contact.firstname) {
					var contactfirstname = contact.firstname;
					$("#fus_requestedforfirstname").prop("readonly", false);
					$("#fus_requestedforfirstname").val(contactfirstname);
					$("#fus_requestedforfirstname").prop("readonly", true);
				}
				else {
					$("#fus_requestedforfirstname").prop("readonly", (contact || enableReadonly) ? false : true);
					$("#fus_requestedforfirstname").val("");
				}
			}

			if ($("#fus_requestedforlastname")) {
				if (contact && contact.lastname) {
					var contactlastname = contact.lastname;
					$("#fus_requestedforlastname").prop("readonly", false);
					$("#fus_requestedforlastname").val(contactlastname);
					$("#fus_requestedforlastname").prop("readonly", true);
				}
				else {
					$("#fus_requestedforlastname").prop("readonly", (contact || enableReadonly) ? false : true);
					$("#fus_requestedforlastname").val("");
				}
			}

			if ($("#fus_requestedformiddlename")) {
				if (contact && contact.lastname) {
					var contactmiddlename = contact.middlename;
					$("#fus_requestedformiddlename").prop("readonly", false);
					$("#fus_requestedformiddlename").val(contactmiddlename);
					$("#fus_requestedformiddlename").prop("readonly", true);
				}
				else {
					$("#fus_requestedformiddlename").prop("readonly", (contact || enableReadonly) ? false : true);
					$("#fus_requestedformiddlename").val("");
				}
			}

			if ($("#fus_requestedforpreferredname")) {
				if (contact && contact.fus_preferredname) {
					var contactpreferredname = contact.fus_preferredname;
					$("#fus_requestedforpreferredname").prop("readonly", false);
					$("#fus_requestedforpreferredname").val(contactpreferredname);
					$("#fus_requestedforpreferredname").prop("readonly", true);
				}
				else {
					$("#fus_requestedforpreferredname").prop("readonly", (contact || enableReadonly) ? false : true);
					$("#fus_requestedforpreferredname").val("");
				}
			}

			if ($("#fus_requestedforposition")) {
				if (contact && contact.fus_jobtitle) {
					var contactjobtitle = contact.fus_jobtitle;
					$("#fus_requestedforposition").prop("readonly", false);
					$("#fus_requestedforposition").val(contactjobtitle);
					$("#fus_requestedforposition").prop("readonly", true);
				}
				else {
					$("#fus_requestedforposition").prop("readonly", (contact || enableReadonly) ? false : true);
					$("#fus_requestedforposition").val("");
				}
			}

			if ($("#fus_requestedforcontactnumber")) {
				if (contact && contact.telephone1) {
					var contactphone = contact.telephone1;
					$("#fus_requestedforcontactnumber").prop("readonly", false);
					$("#fus_requestedforcontactnumber").val(contactphone);
					$("#fus_requestedforcontactnumber").prop("readonly", true);
				}
				else {
					$("#fus_requestedforcontactnumber").prop("readonly", (contact || enableReadonly) ? false : true);
					$("#fus_requestedforcontactnumber").val("");
				}
			}

			if ($("#fus_requestedformobilenumber")) {
				if (contact && contact.fus_mobilephone) {
					var mobilephone = contact.fus_mobilephone;
					$("#fus_requestedformobilenumber").prop("readonly", false);
					$("#fus_requestedformobilenumber").val(mobilephone);
					$("#fus_requestedformobilenumber").prop("readonly", true);
				}
				else {
					$("#fus_requestedformobilenumber").val(" ");
					$("#fus_requestedformobilenumber").prop("readonly", (contact || enableReadonly) ? false : true);

				}
			}

			if ($("#fus_requestedforemail")) {
				if (contact && contact.emailaddress1) {
					var contactemail = contact.emailaddress1;
					$("#fus_requestedforemail").prop("readonly", false);
					$("#fus_requestedforemail").val(contactemail);
					$("#fus_requestedforemail").prop("readonly", true);
				}
				else {
					$("#fus_requestedforemail").prop("readonly", (contact || enableReadonly) ? false : true);
					$("#fus_requestedforemail").val("");
				}
			}

			if ($("#fus_requestedforusername")) {
				if (contact && contact.fus_usernameshort) {
					var contactusername = contact.fus_usernameshort;
					$("#fus_requestedforusername").prop("readonly", false);
					$("#fus_requestedforusername").val(contactusername);
					$("#fus_requestedforusername").prop("readonly", true);
				}
				else {
					$("#fus_requestedforusername").prop("readonly", true);
					$("#fus_requestedforusername").val("");
				}
			}

			if ($("#fus_studentid")) {
				if (contact && contact.fus_studentid) {
					var fus_studentid = contact.fus_studentid;
					$("#fus_studentid").prop("readonly", false);
					$("#fus_studentid").val(fus_studentid);
					$("#fus_studentid").prop("readonly", true);
				}
				else {
					$("#fus_studentid").val("");
					$("#fus_studentid").prop("readonly", (contact || enableReadonly) ? false : true);
				}
			}

			if ($("#fus_title")) {
				if (contact && contact.fus_primarytitle) {
					var fus_primarytitle = contact.fus_primarytitle;
					$("#fus_title").prop("disabled", "");
					$("#fus_title").val(fus_primarytitle);
					$("#fus_title").prop("disabled", "disabled");
				}
				else {
					$("#fus_title").val("");
					$("#fus_title").prop("disabled", (contact || enableReadonly) ? "" : "disabled");
				}
			}

			if ($("#fus_dateofbirth").length > 0) {
				if (contact && contact.fus_dateofbirth) {
					var roundTripFormat = "YYYY-MM-DDTHH:mm:ss.0000000\\Z";
					var input = $("#fus_dateofbirth");					
					//set local
					//moment.locale('en-NZ');
					var utcOffsetValue = moment.parseZone(moment()).utcOffset();
					//var date = moment(contact.fus_dateofbirth,"DD/MM/YYYY").utc();
					var date = moment(contact.fus_dateofbirth,"DD/MM/YYYY HH:mm:ss").utcOffset(utcOffsetValue);
						
					date.add(moment.duration(utcOffsetValue,'minutes'));		
					input.siblings(".datetimepicker").children("input").val(date.format("DD/MM/YYYY"));
					
					date.add(moment.duration(-utcOffsetValue,'minutes'));
					input.val(date.format(roundTripFormat));

					$("#fus_dateofbirth").next().data("DateTimePicker").disable();
				}
				else {
					$("#fus_dateofbirth").next().data("DateTimePicker").enable();
					$("#fus_dateofbirth").val(null);
					$("#fus_dateofbirth").siblings(".datetimepicker").children("input").val(null);
				}
			}
		}

		me.getContactDetails = function (contactid) {
			var url = window.location.origin + "/fusion5webapi?operation=getContactDetails&contactid=" + contactid;
			var result = null;
			$.get({ url: url, async: false }, function (contact) {
				result = contact;
			}).always(function () {
			});
			return result;
		}

		me.initialiseForm = function (tip, addFieldTagsAndValidation) {
			$(".subgrid").on("loaded", function () { $('.pull-right.toolbar-actions').removeClass('pull-right'); });
			$("input.datetime.form-control").next().each(function () { $(this).data("DateTimePicker").sideBySide(true); });
			//var tip = "{{snippets['Fusion5\Lookup\Tooltip'] }}";
			$(".launchentitylookup").attr('title', tip).attr('aria-label', tip);
			$(".launchentitylookup .sr-only").text(tip);
			$(".launchentitylookup").click(function () { setTimeout(function () {   $(".fa-check").attr('aria-checked',false);
       $(".fa-check").removeClass("fa-check");
        $(".selected").removeClass("selected");
        $("tr.info").removeClass("info");
         $("input.query.form-control").focus(); }, 1000); });
		 
		 if (addFieldTagsAndValidation){
			if ($("#fus_studentid").length > 0){
				$("#fus_studentid").prop("type", "number");
			}
			
			F5Common.setPhoneField("fus_requestedforcontactnumber", false);
			F5Common.setPhoneField("fus_requestedformobilenumber", false);
		 }
		 $("div.actions").before($("#ValidationSummaryEntityFormView, #ValidationSummaryEntityFormControl_EntityFormView, div.notifications"));
		 $("#NextButton, #InsertButton, #UpdateButton").click(()=>{$("html, body").animate({ scrollTop: $(document).height() }, 1000);});
		}

		//used to prevent start date being set before end date
		me.addDateRangeValidator = function (startDateControl, endDateControl, errorMessage) {

			var dateValidator = document.createElement('span');

			dateValidator.style.display = "none";
			dateValidator.id = endDateControl + "RangeValidator";
			dateValidator.controltovalidate = endDateControl;
			dateValidator.evaluationfunction = function () {
				var returnValue = true; //set default value as true

				//get dates
				var endDate = $("#" + endDateControl).val();
				var startDate = $("#" + startDateControl).val();

				if (endDate == "" || startDate == "") return true; //we can handle required date validation elsewhere.
				var endDateValue = new Date(endDate);
				var startDateValue = new Date(startDate);

				if (startDateValue > endDateValue) {

					//setup custom validation message
					this.errormessage = "<a href='#" + endDateControl + "_label'>" + errorMessage + "</a>";
					returnValue = false;
				}

				return returnValue;

			};
			// Add the validator to the page validators array:
			Page_Validators.push(dateValidator);

			// Wire up the click event handler of the validation summary link
			$("a[href='#" + endDateControl + "_label']").on("click", function () {
				scrollToAndFocus(endDateControl + '_label', endDateControl);
			});
		}

		me.setPhoneField = function (fieldName, required){
			var field = $("#" + fieldName);
			field.prop("type", "tel");
			field.prop("autocomplete", "tel");
			field.prop("autocorrect", "off");
			field.prop("maxlength", "25");
			field.prop("pattern", "[0-9]{2}-[0-9]{1}-[0-9]{3}-[0-9]{4}");
			field.on('keypress', function (event) { return phonecharsonly(event.target, event); });
			var fieldLabel = $("label[for=" + fieldName +"]").text();
			F5Common.addPhoneValidator(fieldName, fieldLabel, required);
		}

		me.addPhoneValidator = function (fieldName, fieldLabel, required) {
			me.removeValidator(fieldName);
			if (typeof (Page_Validators) == 'undefined') return;
			
			if(required){
				$("#" + fieldName + "_label").parent().addClass("required");
			}

			var newValidator = document.createElement('span');
			newValidator.style.display = "none";
			newValidator.id = "RequiredFieldValidator" + fieldName;
			newValidator.controltovalidate = fieldName;
			newValidator.errormessage = "<a href='#" + fieldName + "_label'>" + fieldLabel + " is an invalid phone number.</a>";
			newValidator.validationGroup = "";
			newValidator.initialvalue = "";
			newValidator.evaluationfunction = function () {
				var value = $("#" + fieldName).val();
				if (value == null || value == "") {
					if(required){
						$("#" + fieldName).prop("readonly", false);
						return false;
					} else {
						return true;
					}
				} else {
					if (value.length < 7) {
						$("#" + fieldName).prop("readonly", false);
						return false;
					} else {
						return true;
					}
				}
			};

			// Add the new validator to the page validators array:
			Page_Validators.push(newValidator);

			// Wire-up the click event handler of the validation summary link
			$("a[href='#" + fieldName + "_label']").on("click", function () { scrollToAndFocus(fieldName + '_label', fieldName); });
		}

		me.addSingleDateStartEndControl = function(id, label, startField, endField, availableHours, minuteIntervals){
			// hide startField & endField
			me.hideFields([startField,endField]);
			let insertBefore = $("#" + startField).closest("tr");

			//create custom component
			let cRow = $("<tr>");
			insertBefore.before(cRow);
			let cTD = $("<td>",{ colspan:"1", rowspan:"1", class:"clearfix cell datetime form-control-cell"});
			cRow.append(cTD);
			
			let infoDiv = $("<div>", { class:"info required" });
			let lbl = $("<label>",{ for:id + "_dateSelector", class:"field-label", text: label});
			let vals = $("<div>",{ class:"validators" });
			infoDiv.append(lbl,vals);
			vals.append('<span id="' + id + '_dateSelectorValidator" style="visibility:hidden;">*</span>');
			
			let ctrlDiv = $("<div>",{ class:"control" });
			let inputRow = $("<div>",{ id:id, class:"input-group date datetimepickerclass" });
			let timesRow = $("<div>",{ class:"times-row" });
			ctrlDiv.append(inputRow,timesRow);

			cTD.append(infoDiv,ctrlDiv);
			
			var dateInput = $("<input>", { id:id + "_datepicked", type:"text", class:"form-control input-text-box", placeholder: "Date" });
			inputRow.append(dateInput);
			inputRow.append('<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>');

			let startDiv = $("<div>",{ class:"start", style:"float:left;padding-right:15px" });
			startDiv.append('<div><label for="' + id + '_startHour">Start time</label></div>');
			let startHour = $("<select>", { id:id + "_startHour", class:"form-control picklist", style:"width:auto" });
			let startMinute = $("<select>", { id:id + "_startMinute", class:"form-control picklist", style:"width:auto" });
			startDiv.append(startHour,startMinute);

			let endDiv = $("<div>",{ class:"end" });
			endDiv.append('<div><label for="' + id + '_endHour">End time</label></div>');
			let endHour = $("<select>", { id:id + "_endHour", class:"form-control picklist", style:"width:auto" });
			let endMinute = $("<select>", { id:id + "_endMinute", class:"form-control picklist", style:"width:auto" });4
			endDiv.append(endHour,endMinute);

			timesRow.append(startDiv,endDiv);

			$.each(availableHours, function (i, hour) {
                startHour.append($("<option>", { value: hour, text: hour }));
				endHour.append($("<option>", { value: hour, text: hour }));
            });

			$.each(minuteIntervals, function (i, minute) {
                startMinute.append($("<option>", { value: minute, text: minute }));
				endMinute.append($("<option>", { value: minute, text: minute }));
            });

			$('#' + id).datetimepicker({
				useCurrent: false,
				format: 'DD/MM/YYYY'
			}).on('dp.change', function(e){
				setDates();
				// $(".day").click(function(){
				// 	$("a[data-action='togglePicker']").trigger('click');
				// });
			});

			let dpkr = $('#' + id).data("DateTimePicker");
			let mindate = moment().add(1,'days');
			dpkr.minDate(mindate);

			dateInput.on('change',setDates);
			startHour.on('change',setDates);
			startMinute.on('change',setDates);
			endHour.on('change',setDates);
			endMinute.on('change',setDates);

			function setDates(){
				let selectedDate = $("#" + id).data("DateTimePicker").date();
				
				let start = "";
				let end = "";

				if(selectedDate != null){
					let startHour = Number($("#" + id + "_startHour").val());
					let startMinute = Number($("#" + id + "_startMinute").val());
					let endHour = Number($("#" + id + "_endHour").val());
					let endMinute = Number($("#" + id + "_endMinute").val());

					//let startDateTime = selectedDate.add(startHour,"hours").add(startMinute,"minutes");
					//let endDateTime = selectedDate.add(endHour,"hours").add(endMinute,"minutes");
					let startDateTime = selectedDate.clone();
					startDateTime.set({ hour:startHour,minute:startMinute,second:0,millisecond:0});
					let endDateTime = selectedDate.clone();
					endDateTime.set({ hour:endHour,minute:endMinute,second:0,millisecond:0});

					var roundTripFormat = "YYYY-MM-DDTHH:mm:ss.0000000\\Z";

					start = startDateTime.utc().format(roundTripFormat);
					end = endDateTime.utc().format(roundTripFormat);
				}

				$("#" + startField).val(start);
				$("#" + endField).val(end);
			}
		}

		function phonecharsonly(myfield, e, dec) {
			var key;
			var keychar;

			if (window.event)
				key = window.event.keyCode;
			else if (e)
				key = e.which;
			else
				return true;
			keychar = String.fromCharCode(key);

			// control keys
			if ((key == null) || (key == 0) || (key == 8) ||
				(key == 9) || (key == 13) || (key == 27))
				return true;

			// numbers
			else if ((('0123456789+-').indexOf(keychar) > -1))
				return true;

			// decimal point
			else if (dec && (keychar == '.') && (myfield.value.indexOf('.') == -1))
				return true;
			else
				return false;
		}

		me.inIframe = function(){
			try {
				return window.self !== window.top;
			} catch (e) {
				return true;
			}
		}
	};
})();

var F5Common = new F5_Common();