<!DOCTYPE html>
<html>
    <head>
				<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
	</head>
	<body>
		<center id = "EventCertificateForm"></center>
		<input type="hidden" name="ConfirmationId" value="" id="EventCertificateForm_ConfirmationId"/>
		<script type="text/javascript"> 
		    var templateData = null;
		    var courseSessionData = null;
		    $("#EventCertificateForm_ConfiramtionId").val(templateData[0].EventRegistrationId);
			var subDictionary = {
		        'Event.Title': templateData[0].EventName,
		        'Event.Begin_Date': !!templateData[0].EventBeginDate ? templateData[0].EventBeginDate.split("T")[0] : null,
		        'Individual.Full_Name' :templateData[0].CutsomerName,
		        'Individual.Preferred_First_Name' : templateData[0].CutsomerName,
		        'Event_Confirmation.OnDemand_Completion_Date' :  !!templateData[0].OnDemandCompletionDate ? templateData[0].OnDemandCompletionDate.split(' ')[0] : null
		  	};
			var respObj = null;
			var htmlContent = respObj.Versions[0].HtmlContent;
			htmlContent = !!htmlContent ? htmlContent.replace(/&lt;/g, "<").replace(/&gt;/g, '>') : "";
			 $.each(subDictionary, function (key, val) {
		        if (val != null) {
		            var rep = '{{ ' + key + ' }}';
	            	var regex = new RegExp(rep, 'g');
		            htmlContent = htmlContent.replace(regex, val);
		        }
		    });

			$("#EventCertificateForm").append(htmlContent);



			/*course session table data*/
			var PATableRow = $("td").filter(function() {return $(this).text() == "PA";}).closest("tr");
			PATableRow[0].setAttribute("style", "text-align: center;");
			var PASessiondata = courseSessionData.find(e => e.State === "42");
			PATableRow[0].children[1].innerText = PASessiondata.ProviderCode;
			PATableRow[0].children[2].innerText = PASessiondata.CourseApprovalCode;
			PATableRow[0].children[3].innerText = PASessiondata.CeCredits;

			var MDTableRow = $("td").filter(function() {return $(this).text() == "MD";}).closest("tr");
			MDTableRow[0].setAttribute("style", "text-align: center;");
			var MDSessiondata = courseSessionData.find(e => e.State === "24");
			MDTableRow[0].children[1].innerText = MDSessiondata.ProviderCode;
			MDTableRow[0].children[2].innerText = MDSessiondata.CourseApprovalCode;
			MDTableRow[0].children[3].innerText = MDSessiondata.CeCredits;

			var DETableRow = $("td").filter(function() {return $(this).text() == "DE";}).closest("tr");
			DETableRow[0].setAttribute("style", "text-align: center;");
			var DESessiondata = courseSessionData.find(e => e.State === "10");
			DETableRow[0].children[1].innerText = DESessiondata.ProviderCode;
			DETableRow[0].children[2].innerText = DESessiondata.CourseApprovalCode;
			DETableRow[0].children[3].innerText = DESessiondata.CeCredits;
			/*To set property while printing*/
             var tableContent = document.getElementsByClassName('module');
             tableContent[1].setAttribute("style", "margin-top:20px");
		</script>
	</body>
</html>