PageSourceSearch

https://www.sanjayuvaach.com/blog

html sanjayuvaach.com collected 2026-09-28 01:53:41 UTC 301,124 bytes, 4,620 lines download raw bytes

1
2
3
4
5
6
7<!DOCTYPE html>
8<html>
9<head>
10	<title>Blog</title>
11	
12
13
14
15
16 
17
18 
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36		
37		
38			
39		
40
41
42
43
44
45
46	
47	
48
49
50	
51		
52	
53	
54
55
56	
57	
58		
59	
60
61
62
63 
64 
65 	
66 	
67		<meta name="viewport" content="width=device-width, initial-scale=1.0">
68 	
69 	
70  
71    
72   		
73   		
74   		
75   		
76   		
77   		
78   		
79    
80    <meta name="google" content="notranslate">
81    
82    	
83        	<link rel="canonical" href="https://www.sanjayuvaach.com/blog" />
84  
85
86
87<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
88<link rel="icon" href="/favicon.ico" type="image/x-icon">
89
90
91
92
93
94
95	
96		
96<script>var orgCountry = "IN";</script>
96
97	
98	
99
100
101<link id="theme" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre.min.css" rel="stylesheet">
102
103<link rel="preconnect" href="https://fonts.googleapis.com"> 
104<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
105
106<link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" as="style" onload="this.onload=null;this.rel='stylesheet'">
107<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" ></noscript>
108
109<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" as="style" onload="this.onload=null;this.rel='stylesheet'">
110<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" ></noscript>
111
112<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
113<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" ></noscript>
114
115<link id="theme-exp" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre-exp.min.css" rel="stylesheet">
116
117
118
119	
120	<link href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstyles_0f8f8346b730ed7f9d44d25335e652c6.css" rel="stylesheet">
121	<link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstore_052a28d8fc16dab749345a09dfcd63bf.css"/>
122	
123	<link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/stylesheets/gtheme3.css?v=7"/>
124	
125	<style type="text/css">
126		#loginLoader{
127			position: absolute;
128	    	left: 0;
129	    	right: 0;
130	    	margin-left: auto;
131	    	margin-right: auto;
132	    	width: 100px;
133	    	top: 50%;
134		}
135	    .customSocialBtn {
136	      	display: flex; 
137	    	white-space: nowrap;
138	    	justify-content: center;
139	    	align-items: center;
140	    	padding: 11px 67px;
141	    	position: static;
142	    	left: 0px;
143	    	top: 40px;
144	    	cursor: pointer;
145	    	margin: auto;
146	    	border: none;
147	    	gap: 10px;
148	    	/*width: 364px;
149	    	height: 48px;
150	      	 background: #000000; */
151	    	/*For New Button Remove Bellow Codes and Uncomment upper Code  */
152	    	background: white;
153	      	border-radius: 4px;
154	      	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
155	      	width: 245px;
156	      	height: 40px;
157	    }
158	  
159	    .customSocialBtn img.icon {     
160	    	height: 20px;
161	    	width: 20px;
162	    }
163	    .customSocialBtn span.buttonText {
164	    	font-style: normal;
165	    	font-weight: 900;
166	    	font-size: 16px;
167	    	line-height: 120%;
168			opacity: 0.9;
169	    	font-family: 'Roboto', sans-serif;
170	    	/* color: #F7F7F7; */
171	    	/*For New Button Remove Bellow Codes and Uncomment upper Code  */
172	    	color: #808080;
173	    }
174	</style>
175	
176	
177		
178		
179		 
180			<style type="text/css">
181				
182			</style>
183		
184	
185	
186		
187		
188			<style type="text/css">
189				footer a, footer+div a {
190					color: var(--footerTextColor) !important;
191				}
192				footer .socialIcons {text-align: right;}
193				@media (max-width: 600px) {
194					footer .linksCont a { display: block !important; }
195					footer .socialIcons {text-align: center;margin-top: 20px;}
196				}
197			</style>
198		
199	
200
201
202
203
204
205<style type="text/css">
206	:root {
207	 	--themeColor: #5755d9;
208	 	--themeBGColor: #fff;
209		--headerHeight: 80px;
210		--headerTextColor: #000000;
211		--headerBGColor: #fcae05;
212		--footerTextColor: #FAF0F0;
213	}
214
215
216	:root {
217	 	--themeColor: #317AE7;
218	 	--themeBGColor: #EFF5FE;
219	 	--themeCornerRadius: 25px;
220	 	--themeGrayColor: #F5F5F5;
221	 }
222
223</style>
224
225<style type="text/css">
226	
227    
228
229</style>
230
231
232
233
234<script type="text/javascript">
235	window.onload = function(event) {
236	   document.querySelectorAll('header .avatar img').forEach(function(img){
237		   	if(img.naturalWidth == 0) {
238		   		img.style.display='none';
239		   	}
240	   })
241	};
242	var RESCDN = "https://d502jbuhuh9wk.cloudfront.net";
243	
244	function showCourseDefaultCover(img, cid) {
245		var rndm = ((parseInt(cid.replace(/[a-z]/g, '')) % 10) % 6) + 1;
246		rndm = isNaN(rndm) ? 1 : rndm;
247		if(img === null) {
248			return RESCDN + "/resources/images/cc"+rndm+".jpg";
249		}
250		
251		img.src = RESCDN + "/resources/images/cc"+rndm+".jpg";
252	}
253</script>
253
254
255
256
257	
258	
259
260
261
262
263
264
265
266<script type="text/javascript">var learnerConsentMsg = `We've updated our <a href='/termsofuse' target='_blank' style='text-decoration:underline'>terms and conditions</a> and <a href='/privacy-policy' target='_blank' style='text-decoration:underline'>privacy policy</a>.<br>By proceeding, you agree to our new terms.`;</script>
266
267
268<script type="text/javascript">var creatorConsentMsg = `We've updated our <a href='https://graphy.com/legal/terms' target='_blank' style='text-decoration:underline'>terms and conditions</a> and <a href='https://graphy.com/legal/privacy' target='_blank' style='text-decoration:underline'>privacy policy</a>.<br>By proceeding, you agree to our new terms.`;</script>
268
269
270<script type="text/javascript">var cookieMsg = `We use cookies to personalise your experience and to analyse our website traffic. By continuing to use our website, you consent to our cookies.`;</script>
270
271
272
273
274
275
276
277<script type="text/template" id="consentPromptTemplate">
278<div class="spectre">
279	<div class="modal active" id="consentPrompt">
280		    <a href="javascript:void(0);" class="modal-overlay" aria-label="Close"></a>
281		    <div class="modal-container" style="max-width:325px">
282		      <div class="modal-header" style="padding:0.8rem 0.8rem 0px 0.8rem;">
283		        <div class="modal-title h5 text-center">Updated Terms</div>
284		      </div>
285		      <div class="modal-body">
286		        
287				<form id="consentForm" style="text-align:center; font-size:13px">
288					<div class="content"></div><br>
289					<div class="text-center">
290						<button id="consentBtn" type="button" class="btn close btn-primary">I Agree</button>
291					</div>
292				</form>
293
294		    </div>
295		  </div>
296</div>
297</script>
297
298
299
300<script>
301	var hideCookiePopup = false;
302	var cookieConsentEnabled = false;
303	if(!cookieConsentEnabled){
304		hideCookiePopup = true;
305	}
306	var SPORG = {subscriptionPlan: "launch", checkout_version: "2", customer_type: "r"};
307</script>
vendor: 1 bytes, line 307
307
308<script type="text/template" id="cookiePopupTemplate">
309<div class="spectre" style="position: fixed; bottom: 0; width: 100%; opacity:1; z-index: 9999;">
310		<div class="modal-container p-0" id="cookiePopup">        
311			<form id="cookiePopupForm">
312				<div class="columns" style="align-items: center;">
313					<div class="column col-sm-12 content text-center"></div>
314					<div class="column col-sm-12 text-center">
315						<a href="/privacy-policy" class="btn" target="_blank" id="viewPrivacyPolicyBtn" style="margin-right:15px;">View privacy policy</a>
316						<button id="acceptCookiesBtn" type="button" class="btn close btn-primary">Accept cookies</button>
317					</div>
318				</div>
319			</form>
320		</div>
321</div>
322</script>
322
323
324
325
326	
327		
328		
329			
330		
331	
332
333
334
335
336
337
338
339
340
341<!-- Google Tag Manager -->
342<script>
vendor: 327 bytes, lines 342-346
342(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
343new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
344j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
345'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
346})(window,document,'script','dataLayer','
346GTM-KW7N9P2
vendor: 4 bytes, line 346
346');
347</script>
347
348<!-- End Google Tag Manager -->
349 
350 	
350<script defer type="text/javascript" src="https://api.pirsch.io/pirsch-extended.js" 
351    id="pirschextendedjs" 
352    data-code="fsq4BInl6cZJa2tiUW6Ck29694eBBlVq"></script>
352
353 
354	
355
356<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"errorBeacon":"bam.nr-data.net","licenseKey":"NRJS-3c5e94b79297c3f66ad","agent":"","beacon":"bam.nr-data.net","applicationTime":111,"applicationID":"1108160141","transactionName":"Y1RVZkAHVhIHBUZfWVoeZEJAD1YGJQlcQkRbXVtXQElaDQkBEh5xcWUe","queueTime":0};
357(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam.nr-data.net"]},distributed_tracing:{enabled:true}};(window.NREUM||(NREUM={})).loader_config={agentID:"1134555315",accountID:"3033394",trustKey:"3033394",xpid:"VwYEUlVaDBABVVFaBgcHV1AA",licenseKey:"NRJS-3c5e94b79297c3f66ad",applicationID:"1108160141",browserID:"1134555315"};;/*! For license information please see nr-loader-spa-1.322.0.min.js.LICENSE.txt */
358(()=>{var e={8122(e,t,r){"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),s=0===Object.keys(r).length?e:r;for(let a in s)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):e[a]instanceof Map||e[a]instanceof Set||e[a]instanceof Date||e[a]instanceof RegExp?r[a]=e[a]:"object"==typeof e[a]&&null!==t[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){r[a]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555(e,t,r){"use strict";r.d(t,{f:()=>a});var n=r(384),i=r(8122);const s={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function a(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}r.d(t,["D",0,e=>(0,i.a)(e,s)])},7699(e,t,r){"use strict";var n=r(860);const i={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0};r.d(t,["It",0,1e6,"KC",0,i,"qh",0,"SESSION_ERROR"])},9324(e,t,r){"use strict";r.d(t,["A",0,"@newrelic/rrweb","x",0,"1.322.0"])},981(e,t,r){"use strict";r.d(t,["R",0,{AJAX:"AjaxRequest",PA:"PageAction",UA:"UserAction",BP:"BrowserPerformance",WS:"WebSocket",SPV:"SecurityPolicyViolation",JSE:"JavaScriptError",LOG:"Log",PVE:"PageView",PVT:"PageViewTiming",SR:"SessionReplay",ST:"SessionTrace",BI:"BrowserInteraction"}])},9752(e,t,r){"use strict";const n="newrelic-iframe-",i=n+"timing-update",s=n+"api",a=n+"api-response",o=n+"vitals-update",c=n+"ajax";r.d(t,["$8",0,o,"Gi",0,a,"KU",0,c,"Pl",0,n,"cS",0,s,"cr",0,i])},6154(e,t,r){"use strict";var n=r(1863);const i="undefined"!=typeof window&&!!window.document,s="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),o=Boolean("hidden"===a?.document?.visibilityState),c=""+a?.location,d=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),u=d&&"undefined"==typeof SharedWorker,l=(()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)();r.d(t,["OF",0,d,"RI",0,i,"WN",0,f,"bv",0,s,"gm",0,a,"lR",0,l,"m",0,c,"mw",0,o,"sb",0,u,"zk",0,()=>{const e=a?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<a.performance.now())return e}])},7295(e,t,r){"use strict";r.d(t,{Xv:()=>a,gX:()=>i,iW:()=>s});var n=[];function i(e){if(!e||s(e))return!1;if(0===n.length)return!0;if("*"===n[0].hostname)return!1;for(var t=0;t<n.length;t++){var r=n[t];if(r.hostname.test(e.hostname)&&r.pathname.test(e.pathname))return!1}return!0}function s(e){return void 0===e.hostname}function a(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;if("*"===r)return void(n=[{hostname:"*"}]);0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let s,a;i>0?(s=r.substring(0,i),a=r.substring(i)):(s=r,a="*");let[c]=s.split(":");n.push({hostname:o(c),pathname:o(a,!0)})}}function o(e,t=!1){const r=e.replace(/[.+?^${}()|[\]\\]/g,e=>"\\"+e).replace(/\*/g,".*?");return new RegExp((t?"^":"")+r+"$")}},3241(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(6154);function i(e={}){try{n.gm.dispatchEvent(new CustomEvent("newrelic",{detail:e}))}catch(e){}}},1687(e,t,r){"use strict";r.d(t,{Ak:()=>o,Ze:()=>d,x3:()=>c});var n=r(3241),i=r(3606),s=r(860),a=r(2646);function o(e,t){if(!e)return;const r={staged:!1,priority:s.P3[t]||0};
358e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&u(e))}function d(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,u(e)}}function u(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const s=e.ee,o=i.i.handlers;if(s&&!s.aborted&&s.backlog&&o){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=s.backlog[t],r=o[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}).forEach(t=>{t[0]?.on&&t[0].context()instanceof a.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}s.isolatedBacklog||delete o[t],s.backlog[t]=null,s.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],s=e[2];n.apply(i,s)}})}},7836(e,t,r){"use strict";var n=r(384),i=r(8990),s=r(2646),a=r(5607);const o="nr@context:".concat(a.W),c=function e(t,r){var n={},a={},u={},l=!1;try{l=16===r.length&&d.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,s){!1!==s&&(s=!0);if(c.aborted&&!i)return;t&&s&&t.emit(e,r,n);var o=h(n);g(e).forEach(e=>{e.apply(o,r)});var d=v()[a[e]];d&&d.push([f,e,r,o]);return o},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{a[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[a[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof s.y?e:e?(0,i.I)(e,o,()=>new s.y(o)):new s.y(o)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return u[t]=u[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=c),r.d(t,["P",0,o,"ee",0,c])},2646(e,t,r){"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908(e,t,r){"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,s){s?(s.buffer([e],i),s.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606(e,t,r){"use strict";r.d(t,{i:()=>s});var n=r(9908);s.on=a;var i=s.handlers={};function s(e,t,r,s){a(s||n.d,i,e,t,r)}function a(e,t,r,i,s){s||(s="feature"),e||(e=n.d);var a=t[s]=t[s]||{};(a[r]=a[r]||[]).push([e,i])}},3878(e,t,r){"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function s(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>s,jT:()=>n,sp:()=>i})},5607(e,t,r){"use strict";const n=(0,r(9566).bz)();r.d(t,["W",0,n])},9566(e,t,r){"use strict";r.d(t,{LA:()=>a,ZF:()=>o,bz:()=>s,el:()=>c});var n=r(6154);function i(e,t){return e?15&e[t]:16*Math.random()|0}function s(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("").map(e=>"x"===e?i(t,r++).toString(16):"y"===e?(3&i()|8).toString(16):e).join("")}function a(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,s=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var o=0;o<e;o++)a.push(i(r,s++).toString(16));return a.join("")}function o(){return a(16)}function c(){return a(32)}},2614(e,t,r){"use strict";r.d(t,["BB",0,18e5,"Wt",0,"NRBA_SESSION::","g",0,{OFF:0,FULL:1,ERROR:2},"iL",0,{SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},"tS",0,{STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},"wk",0,144e5])},733(e,t,r){"use strict";function n(e,t){return function(e){let t=2166136261;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=Math.imul(t,16777619);return(t>>>0).toString(16).padStart(8,"0")}("".concat(String(e),":").concat(String(t)))}r.d(t,{Y:()=>n})},1863(e,t,r){"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},9119(e,t,r){"use strict";r.d(t,{L:()=>s});var n=/([^?#]*)[^#]*(#[^?]*|$).*/,i=/([^?#]*)().*/;function s(e,t){return e?e.replace(t?n:i,"$1$2"):e}},7485(e,t,r){"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},7866(e,t,r){"use strict";r.d(t,["Nc",0,/^\s*at Function code \(Function code:\d+:\d+\)\s*/i,"cn",0,/^\s*(?:([^@]*)(?:\(.*?\))?@)?((?:file|http|https|chrome|safari-extension).*?):(\d+)(?::(\d+))?\s*$/i,"fL",0,/^\s*at .+ \(eval at \S+ \((?:(?:file|http|https):[^)]+)?\)(?:, [^:]*:\d+:\d+)?\)$/i,"h3",0,/function (.+?)\s*\(/,"hB",0,/^\s*at (?:((?:\[object object\])?(?:[^(]*\([^)]*\))*[^()]*(?: \[as \S+\])?) )?\(?((?:file|http|https|chrome-extension):.*?)?:(\d+)(?::(\d+))?\)?\s*$/i])},944(e,t,r){"use strict";r.d(t,{R:()=>i});var n=r(3241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},8990(e,t,r){"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389(e,t,r){"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout(()=>{i=clearTimeout(i)},t)),n||(clearTimeout(i),i=setTimeout(()=>{e.apply(this,r)},t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},1910(e,t,r){"use strict";r.d(t,{i:()=>s});var n=r(944);const i=new Map;function s(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),s=t.includes("nrWrapper");return r||s||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},3304(e,t,r){"use strict";r.d(t,{A:()=>i});var n=r(7836);function i(e){try{return JSON.stringify(e,(()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}})())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},9232(e,t,r){"use strict";r.d(t,["f",0,{MFE:"MFE",BA:"BA"}])},7560(e,t,r){"use strict";r.d(t,{N:()=>a,j:()=>c});var n=r(9119),i=r(944);const s=(0,r(6389).J)(e=>(0,i.R)(80,e));function a(e){if(!Array.isArray(e?.assets)||!e.assets.length)return;
358const t=e.assets.map(o).filter(Boolean);return t.length?{assets:t,scripts:t.filter(e=>e.isScript)}:void 0}function o(e){if(!e||"object"!=typeof e)return;const{matcher:t,type:r}=e;let i="string"==typeof t&&t.endsWith(".js");return void 0!==r&&(!function(e){return"script"===e||"asset"===e}(r)?s(r):i=function(e){return"script"===e}(r)),a=t,"[object RegExp]"===Object.prototype.toString.call(a)?{pattern:t,test:e=>(t.lastIndex=0,t.test((0,n.L)(e))),isScript:i}:"string"==typeof t&&t.length>0?{pattern:t,test:e=>(0,n.L)(e).includes(t),isScript:i}:void s(t);var a}function c(e,t,{scriptsOnly:r=!1}={}){if(!e||!t)return!1;return(r?e.scripts:e.assets).some(e=>e.test(t))}},5718(e,t,r){"use strict";r.d(t,{xo:()=>T,AZ:()=>v,cI:()=>g,Qr:()=>A,QL:()=>y});var n=r(6154),i=r(1863),s=r(9119),a=r(7866);class o{dom=new c;performance=new c;constructor(e){this.url=e,this.claimedBy=new Set}get script(){const e=Math.max(this.dom.start,this.performance.end);return{start:e,end:Math.max(this.dom.end,this.performance.end,e)}}}class c{start=0;end=0;value=void 0}function d(e=()=>{},t){return{get:()=>void 0!==t?t:e(),set:e=>{t=e}}}let u;try{u=v(y())[0]}catch(e){u=v(e)[0]}const l=new Map;let f=[];const h=new WeakMap;function p(e){let t=h.get(e);return t||(t={weighedAssetUrls:new Set,recordManifestScriptWindow:(t,r)=>{t&&(e.scriptStart=e.scriptStart>0?Math.min(e.scriptStart,t):t),r&&(e.scriptEnd=e.scriptEnd>0?Math.max(e.scriptEnd,r):r)}},h.set(e,t)),t}function g(e){return l.get(e)}function m(e){const t=g(e);
358if(t)return t;const r=new o(e);if(l.set(e,r),l.size>1e3){const e=l.keys().next().value;l.delete(e)}return r}if(n.gm.MutationObserver&&n.gm.document){new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if("SCRIPT"===e.nodeName&&e.src){const t=m((0,s.L)(e.src));t.dom.start=(0,i.t)(),t.dom.value=e;const r=()=>{t.dom.end=(0,i.t)()};["load","error"].forEach(t=>e.addEventListener(t,r,{once:!0}))}})})}).observe(n.gm.document,{childList:!0,subtree:!0})}if(n.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{if((e=>"script"===e.initiatorType||["link","fetch"].includes(e.initiatorType)&&(0,s.L)(e.name).endsWith(".js"))(e)){const t=m((0,s.L)(e.name));t.performance.start=Math.floor(e.startTime),t.performance.end=Math.floor(e.responseEnd),t.performance.value=e}if(!f.length)return;const t=[];f.forEach(({test:r,addedAt:n},s)=>{(r(e)||(0,i.t)()-n>1e4)&&t.push(s)}),f=f.filter((e,r)=>!t.includes(r))})}).observe({type:"resource",buffered:!0})}function v(e){if(!e||"string"!=typeof e)return[];const t=new Set,r=e.split("\n");for(const e of r){const r=e.match(a.cn)||e.match(a.hB)||e.match(a.fL);if(r&&r[2])t.add((0,s.L)(r[2]));else{const r=e.match(/\(([^)]+\.js):\d+:\d+\)/)||e.match(/^\s+at\s+([^\s(]+\.js):\d+:\d+/);r&&r[1]&&t.add((0,s.L)(r[1]))}}return[...t]}function y(){let e;try{const t=Error.stackTraceLimit;Error.stackTraceLimit=50,e=(new Error).stack,Error.stackTraceLimit=t}catch(t){e=(new Error).stack}return e}function b(e,t){return(0,s.L)(e.name)===t}function E(e,t){e.fetchStart=Math.floor(t.startTime),e.fetchEnd=Math.floor(t.responseEnd),e.asset=t.name,e.type=t.initiatorType,w(e,t)}function w(e,t){const r=(0,s.L)(t.name),{weighedAssetUrls:n}=p(e);n.has(r)||(n.add(r),e.totalWeight=(e.totalWeight||0)+(t.transferSize||0),"blocking"===t.renderBlockingStatus?e.renderBlocking=!0:"non-blocking"===t.renderBlockingStatus&&!0!==e.renderBlocking&&(e.renderBlocking=!1))}function R(e,t,r,n,i){if(w(e,t),"scripts"!==i&&"all"!==i)return;if("all"===i||r.isScript){const r=Math.floor(t.startTime),n=Math.floor(t.responseEnd);e.fetchStart=e.fetchStart>0?Math.min(e.fetchStart,r):r,e.fetchEnd=e.fetchEnd>0?Math.max(e.fetchEnd,n):n}if(r.isScript){const r=g((0,s.L)(t.name));if(r){const t=()=>{const{start:t,end:n}=r.script;p(e).recordManifestScriptWindow(t,n)};t(),!r.dom.end&&r.dom.value&&["load","error"].forEach(e=>r.dom.value.addEventListener(e,t,{once:!0}))}n.resolved||(e.asset=t.name,e.type=t.initiatorType,n.resolved=!0)}}function T(e,t){const r=t?.manifest;if(!r||!r.assets.length)return;const s={resolved:!1},a=new Set(r.assets);(n.gm.performance?.getEntriesByType("resource")||[]).forEach(r=>{const n=[...a].find(e=>e.test(r.name));n&&(R(e,r,n,s,t.timingMethod),a.delete(n))}),a.size&&function(e,t,r,s){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:n=>{const i=[...t].find(e=>e.test(n.name));return i&&(R(e,n,i,r,s),t.delete(i)),0===t.size}})}(e,a,s,t.timingMethod)}function A(e){const t=e?.id,r={registeredAt:(0,i.t)(),reportedAt:void 0,fetchStart:0,fetchEnd:0,scriptStart:0,scriptEnd:0,asset:void 0,type:"unknown",totalWeight:0,renderBlocking:void 0},a=y();if(!a)return r;const o=n.gm.performance?.getEntriesByType("navigation")?.[0]?.name||"";try{const e=v(a),c=(e.length>1?e.filter(e=>u!==e):e)[0];if(!c)return r;if(o.includes(c))return r.asset=(0,s.L)(o),r.type="inline",r;r.correlation=g(c);const l=r.correlation?.performance.value||n.gm.performance?.getEntriesByType("resource")?.find(e=>b(e,c));if(l)E(r,l);else{(function(e){if(!e||!n.gm.document)return!1;try{const t=n.gm.document.querySelectorAll('link[rel="preload"][as="script"]');for(const r of t)if((0,s.L)(r.href)===e)return!0}catch(e){}return!1})(c)&&(r.asset=c,r.type="preload"),function(e,t){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:r=>!!b(r,t)&&(E(e,r),!0)})}(r,c)}const h=r.correlation,m=!!t&&!!h?.claimedBy.has(t);h&&t&&h.claimedBy.add(t);const y=()=>{const e=h?.script.start;if(!m||!e)return!1;return r.registeredAt-e>1e4};let w=0,R=0;p(r).recordManifestScriptWindow=(e,t)=>{e&&(w=w>0?Math.min(w,e):e),t&&(R=R>0?Math.max(R,t):t)},Object.defineProperty(r,"scriptStart",d(()=>{const e=y()?r.registeredAt:h?.script.start??r.fetchEnd;return w>0?Math.min(e,w):e})),Object.defineProperty(r,"scriptEnd",d(()=>{const e=y()?r.registeredAt:h?.script.end??r.registeredAt;return R>0?Math.max(e,R):e}))}catch(e){}return r}},5732(e,t,r){"use strict";r.d(t,{$5:()=>m,B5:()=>g,K6:()=>u,M$:()=>
358o,Ms:()=>d,NG:()=>c,Ux:()=>h,YA:()=>p,yx:()=>l});var n=r(5718),i=r(7560),s=r(9119),a=r(9232);function o(e){return e?.type===a.f.MFE}function c(e,t){if(!y(e,t))return;const r=t.runtime.registeredEntities;return r?.find(t=>t.metadata.target.iframeInterfaceId===e)}function d(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities;return r?.filter(t=>String(t.metadata.target.id)===String(e)).map(e=>e.metadata.target)||[]}function u(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=(0,s.L)(e),a=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!1}):!!t.metadata.timings?.asset&&(0,s.L)(t.metadata.timings.asset)===n});return f(a).map(e=>e.metadata.target)}function l(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!0}):!!t.metadata.timings?.asset?.endsWith(e)});return f(n).map(e=>e.metadata.target)}function f(e){if(!e?.length)return e||[];const t=new Map,r=[];for(const n of e){const e=n.metadata?.timings?.asset;if(!e){r.push(n);continue}const i="".concat(e,"::").concat(n.metadata?.target?.id),s=t.get(i);if(s){if(s.metadata.target?.blocked&&!n.metadata.target?.blocked){const e=r.indexOf(s);-1!==e&&(r[e]=n),t.set(i,n)}}else t.set(i,n),r.push(n)}return r}function h(e,t){return v(t)?o(e)?e.attributes:t.agentRef.runtime.v2Target.attributes:{}}function p(e,t){return g(e,t)?{"child.id":e.id,"child.type":e.type,...h(void 0,t)}:{}}function g(e,t){return o(e)&&!!v(t)&&t.agentRef.init.api.register.duplicate_data_to_container}function m(e){if(!e?.runtime)return[];if(!y(!0,e)||!e.runtime.registeredEntities?.length)return[e.runtime.v2Target];const t=[];try{var r=(0,n.AZ)((0,n.QL)());let i=r.length-1;for(;r[i];)t.push(...l(r[i--],e))}catch(e){}const i=function(e){const t=new Set,r=[];for(const n of e){const e=n?.instance;t.has(e)||(t.add(e),r.push(n))}return r}(t);return i.length||i.push(e.runtime.v2Target),i}function v(e){return 2===e?.harvestEndpointVersion}function y(e,t){return!!e&&!!t?.init.api.register.enabled}},5289(e,t,r){"use strict";r.d(t,{GG:()=>a,Qr:()=>c,sB:()=>o});var n=r(3878),i=r(6389);function s(){return"undefined"==typeof document||"complete"===document.readyState}function a(e,t){if(s())return e();const r=(0,i.J)(e),a=setInterval(()=>{s()&&(clearInterval(a),r())},500);(0,n.sp)("load",r,t)}function o(e){if(s())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(s())return e();(0,n.sp)("popstate",e)}},384(e,t,r){"use strict";r.d(t,{Zm:()=>c,bQ:()=>u,dV:()=>d,pV:()=>l});var n=r(6154),i=r(1863),s=r(944),a=r(1910);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function d(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,a.i)(...Object.values(e.o))),e}function u(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,s.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),d(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}r.d(t,["NT",0,o])},2843(e,t,r){"use strict";r.d(t,{G:()=>s,u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,i)}function s(e,t,r){(0,n.sp)("pagehide",e,t,r)}},8139(e,t,r){"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),s=r(8990),a=r(6154);const o={},c=a.gm.XMLHttpRequest,d="addEventListener",u="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e,t){var r=function(e){return(e||n.ee).get("events")}(e);if(o[r.debugId]++)return r;o[r.debugId]=1;var f=(0,i.YM)(r,!0,t);function p(e){f.inPlace(e,[d,u],"-",g)}function g(e,t){return e[1]}return"getPrototypeOf"in Object&&(a.RI&&h(document,p),c&&h(c.prototype,p),h(a.gm,p)),r.on(d+"-start",function(e,t){var r=e[1];if(null!==r&&("function"==typeof r||"object"==typeof r)&&"newrelic"!==e[0]){var n=(0,s.I)(r,l,function(){var e={object:function(){if("function"!=typeof r.handleEvent)return;return r.handleEvent.apply(r,arguments)},function:r}[typeof r];return e?f(e,"fn-",null,e.name||"anonymous"):r});this.wrapped=e[1]=n}}),r.on(u+"-start",function(e){e[1]=this.wrapped||e[1]}),r}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,d);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},3434(e,t,r){"use strict";r.d(t,{YM:()=>d});var n=r(7836),i=r(5607),s=r(5732);const a="nr@original:".concat(i.W);var o=Object.prototype.hasOwnProperty,c=!1;function d(e,t,r){return e||(e=n.ee),i.inPlace=function(e,t,r,n,s,a){r||(r="");const o="-"===r.charAt(0);for(let c=0;c<t.length;c++){const d=t[c],u=e[d];l(u)||(e[d]=i(u,o?d+r:r,n,d,s,a))}},i.flag=a,i;function i(t,n,i,c,f,h){return l(t)?t:(n||(n=""),nrWrapper[a]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach(function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})}),t}catch(e){u([e],r)}for(var n in e)o.call(e,n)&&(t[n]=e[n])}
358(t,nrWrapper,e),nrWrapper);function nrWrapper(){var a,o,l,p;let g,m;try{o=this,a=[...arguments],m=h?(0,s.$5)(r):[r?.runtime?.v2Target],l="function"==typeof i?i(a,o):i||{}}catch(t){u([t,"",[a,o,c],l],e)}d(n+"start",[a,o,c,m],l,f);const v=performance.now();let y;try{return p=t.apply(o,a),y=performance.now(),p}catch(e){throw y=performance.now(),d(n+"err",[a,o,e,m],l,f),g=e,g}finally{const e=y-v,t={start:v,end:y,duration:e,isLongTask:e>=50,methodName:c,thrownError:g};t.isLongTask&&d("long-task",[t,o,m],l,f),d(n+"end",[a,o,p,m],l,f)}}}function d(r,n,i,s){if(!c||t){var a=c;c=!0;try{e.emit(r,n,i,t,s)}catch(t){u([t,r,n,i],e)}c=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function l(e){return!(e&&"function"==typeof e&&e.apply&&!e[a])}r.d(t,["Jt",0,a])},9300(e,t,r){"use strict";const n=r(860).K7.ajax;r.d(t,["TZ",0,n,"f5",0,"ajaxRequest.id","mo",0,{NONE:"none",FAILURES:"failures",ALL:"all"}])},3333(e,t,r){"use strict";var n=r(981);const i=r(860).K7.genericEvents,s=[n.R.PA,n.R.UA,n.R.BP];r.d(t,["$v",0,{RESOURCES:"experimental.resources",REGISTER:"register"},"TZ",0,i,"Zp",0,["auxclick","click","copy","keydown","paste","scrollend"],"kd",0,s,"qN",0,["focus","blur"]])},6774(e,t,r){"use strict";const n=r(860).K7.jserrors;r.d(t,["T",0,n])},993(e,t,r){"use strict";const n=r(860).K7.logging;r.d(t,["A$",0,{OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},"TZ",0,n,"p_",0,{ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"}])},3785(e,t,r){"use strict";r.d(t,{R:()=>c,b:()=>d});var n=r(9908),i=r(1863),s=r(860),a=r(3969),o=r(993);function c(e,t,r={},c=o.p_.INFO,d=!0,u,l=(0,i.t)()){(0,n.p)(a.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,s.K7.metrics,e),(0,n.p)("log",[l,t,r,c,d,u],void 0,s.K7.logging,e)}function d(e){return"string"==typeof e&&Object.values(o.p_).some(t=>t===e.toUpperCase().trim())}},3969(e,t,r){"use strict";const n=r(860).K7.metrics;r.d(t,["TZ",0,n,"XG",0,"storeEventMetrics","xV",0,"storeSupportabilityMetrics"])},6630(e,t,r){"use strict";const n=r(860).K7.pageViewEvent;r.d(t,["T",0,n])},782(e,t,r){"use strict";const n=r(860).K7.pageViewTiming;r.d(t,["T",0,n])},6344(e,t,r){"use strict";var n=r(2614);const i=r(860).K7.sessionReplay,s={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0}
358;r.d(t,["Qb",0,{API:"api",RESUME:"resume",SWITCH_TO_FULL:"switchToFull",INITIALIZE:"initialize",PRELOAD:"preload"},"TZ",0,i,"Vh",0,"errorDuringReplay","_s",0,{DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},"bc",0,{RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},"yP",0,s])},5270(e,t,r){"use strict";r.d(t,{Aw:()=>a,SR:()=>s,rF:()=>o});var n=r(384),i=r(7767);function s(e){return!!(0,n.dV)().o.MO&&(0,i.V)(e)&&!0===e?.session_trace.enabled}function a(e){return!0===e?.session_replay.preload&&s(e)}function o(e,t){try{if("string"==typeof t?.type&&"password"===t.type.toLowerCase())return"*".repeat(e?.length||0);if(void 0!==t?.dataset?.nrUnmask||t?.classList?.contains("nr-unmask"))return e}catch(e){}return"string"==typeof e?e.replace(/[\S]/g,"*"):"*".repeat(e?.length||0)}},3738(e,t,r){"use strict";const n=r(860).K7.sessionTrace,i="-start",s="-end",a="fn"+i,o="fn"+s;r.d(t,["He",0,"bstResource","Kp",0,s,"Lc",0,o,"Rz",0,"pushState","TZ",0,n,"bD",0,"resource","bc",0,{CROSS_TAB:{message:"Session Entity was set to OFF on another tab"},ENTITLEMENTS:{message:"Session Trace is not allowed and will not be started"},RESET:{message:"Session was reset"},SESSION_CHANGED:{message:"Session identifier changed unexpectedly"}},"d3",0,i,"uP",0,a])},3962(e,t,r){"use strict";const n=r(860).K7.softNav;r.d(t,["O2",0,{INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},"OV",0,"popstate","Qu",0,{INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},"TZ",0,n,"ih",0,{IP:"in progress",PF:"pending finish",FIN:"finished",CAN:"cancelled"},"pP",0,"initialPageLoad","tC",0,["click","keydown","submit"]])},4234(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(1687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},7767(e,t,r){"use strict";var n=r(6154);r.d(t,["V",0,e=>n.RI&&!0===e?.privacy.cookies_enabled])},8362(e,t,r){"use strict";r.d(t,{d:()=>s});var n=r(9566),i=r(1741);class s extends i.W{agentIdentifier=(0,n.LA)(16)}},1741(e,t,r){"use strict";r.d(t,{W:()=>s});var n=r(944),i=r(4261);class s{#e(e,...t){if(this[e]!==s.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e,t=!1){return this.#e(i.Dl,e,t)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e("log",e,t)}start(){return this.#e("start")}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},4261(e,t,r){"use strict";r.d(t,["BL",0,"finished","CH",0,"recordReplay","Dl",0,"setUserId","Fw",0,"setPageViewName","PA",0,"setCurrentRouteName","Pv",0,"consent","Tb",0,"pauseReplay","U2",0,"addToTrace","V1",0,"measure","Wb",0,"wrapLogger","bt",0,"setErrorHandler","cD",0,"setCustomAttribute","dT",0,"interaction","eY",0,"register","fF",0,"recordCustomEvent","hG",0,"addPageAction","hw",0,"api-ixn-","k6",0,"addRelease","nb",0,"setApplicationVersion","o5",0,"noticeError"])},1738(e,t,r){"use strict";r.d(t,{U:()=>l,Y:()=>u});var n=r(3241),i=r(9908),s=r(1863),a=r(944),o=r(3969),c=r(8362),d=r(860);function u(e,t,r,s){const u=s||r;!u||u[e]&&u[e]!==c.d.prototype[e]||(u[e]=function(){(0,i.p)(o.xV,["API/"+e+"/called"],void 0,d.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:"api-"+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,a.R)(23,e)}})}function l(e,t,r,n,a){const o=e.info;null===r?delete o.jsAttributes[t]:o.jsAttributes[t]=r,(a||null===r)&&(0,i.p)("api-"+n,[(0,s.t)(),t,r],void 0,"session",e.ee)}},8374(e,t,r){r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860(e,t,r){"use strict";const n="events",i="jserrors",s="browser/blobs",a="browser/logs",o={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},c={[o.pageViewEvent]:1,[o.pageViewTiming]:2,[o.metrics]:3,[o.jserrors]:4,[o.softNav]:5,[o.ajax]:6,[o.sessionTrace]:7,[o.sessionReplay]:8,[o.logging]:9,[o.genericEvents]:10},d={[o.pageViewEvent]:"rum",[o.pageViewTiming]:n,[o.ajax]:n,[o.softNav]:n,[o.metrics]:i,[o.jserrors]:i,[o.sessionTrace]:s,[o.sessionReplay]:s,[o.logging]:a,[o.genericEvents]:"ins"};r.d(t,["$J",0,d,"K7",0,o,"P3",0,c,"XX",0,i,"Yy",0,a,"df",0,s,"hg",0,"connect"])}};const t={};function r(n){const i=t[n];if(void 0!==i)return i.exports;const s=t[n]={exports:{}};return e[n](s,s.exports,r),s.exports}r.m=e,r.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],s=t[n++];r.o(e,i)?0===s&&n++:0===s?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:s})}else for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>({212:"nr-spa-compressor",238:"nr-spa-iframe-message-handler",249:"nr-spa-recorder",478:"nr-spa"}[e]+"-1.322.0.min.js"),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e={},t="NRBA-1.322.0.PROD:";r.l=(n,i,s,a)=>
358{if(e[n])return void e[n].push(i);let o,c;if(void 0!==s){const e=document.getElementsByTagName("script");for(var d=0;d<e.length;d++){const r=e[d];if(r.getAttribute("src")==n||r.getAttribute("data-webpack")==t+s){o=r;break}}}if(!o){c=!0;var u={478:"sha512-SARROoir04gFygxlr/+mTI+PyMeFL+epi1vnUA2G5mTQ7s3G44ItQBJKbOaIMdIE5OBzuaKhb4k5JYta0NICxg==",249:"sha512-6DKQo5WP7YlpzX6l9UfYkgGLGK2oITdoaYTcZtgl5Foa22NY63lED/0z1hBBLeD7qZCz/YdlY19/r8drlol1tg==",212:"sha512-CYxuvSpDx6ErqWJwAvpoHn54eY37YdMcFao/axOumlw3BsSL7yioOeB2LWViY/Njs818sQG10dSglUhYCMfLPw==",238:"sha512-mvbMILWa3ohYst+u6TLfNrmtY2swUIB3rbJFN/uzt3W62KhgvUVwB81UEZ1R0/it5bfrQ5EVz864pi/CAmucNQ=="};o=document.createElement("script"),o.charset="utf-8",r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",t+s),o.src=n,0!==o.src.indexOf(window.location.origin+"/")&&(o.crossOrigin="anonymous"),u[a]&&(o.integrity=u[a])}e[n]=[i];const l=(t,r)=>{o.onerror=o.onload=null,clearTimeout(f);const i=e[n];if(delete e[n],o.parentNode?.removeChild(o),i?.forEach(e=>e(r)),t)return t(r)},f=setTimeout(l.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=l.bind(null,o.onerror),o.onload=l.bind(null,o.onload),c&&document.head.appendChild(o)}})(),r.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="https://js-agent.newrelic.com/",(()=>{const e={38:0,788:0};r.f.j=(t,n)=>{let i=r.o(e,t)?e[t]:void 0;if(0!==i)if(i)n.push(i[2]);else{const s=new Promise((r,n)=>i=e[t]=[r,n]);n.push(i[2]=s);const a=r.p+r.u(t),o=new Error,c=n=>{if(r.o(e,t)&&(i=e[t],0!==i&&(e[t]=void 0),i)){const e=n&&("load"===n.type?"missing":n.type),r=n&&n.target&&n.target.src;o.message="Loading chunk "+t+" failed: ("+e+": "+r+")",o.name="ChunkLoadError",o.type=e,o.request=r,i[1](o)}};r.l(a,c,"chunk-"+t,t)}};const t=(t,n)=>{let[i,s,a]=n;var o,c,d=0;if(i.some(t=>0!==e[t])){for(o in s)r.o(s,o)&&(r.m[o]=s[o]);if(a)a(r)}for(t&&t(n);d<i.length;d++)c=i[d],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0},n=self["webpackChunk:NRBA-1.322.0.PROD"]=self["webpackChunk:NRBA-1.322.0.PROD"]||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),(()=>{"use strict";r(8374);var e=r(8362),t=r(860);const n=Object.values(t.K7);var i=r(384),s=r(1741);var a=r(2555),o=r(3333),c=r(9300);const d=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var u=r(2614),l=r(944),f=r(8122);const h="[data-nr-mask]",p=e=>(0,f.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1,iframe_bridge:!1,iframe_domains:[]},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0,capture_payloads:c.mo.NONE},api:{register:{get enabled(){return e.feature_flags.includes(o.$v.REGISTER)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1,get allow_iframe_bridge(){return e.feature_flags.includes(o.$v.IFRAME_BRIDGE)||e.experimental.iframe_bridge},set allow_iframe_bridge(t){e.experimental.iframe_bridge=t},get iframe_domains(){return e.experimental.iframe_domains},set iframe_domains(t){Array.isArray(t)?e.experimental.iframe_domains=t:(0,l.R)(1,t)}}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(o.$v.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:u.wk,inactiveMs:u.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inl
358ine_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){d(t)?e.mask_selector="".concat(t,",").concat(h):""===t||null===t?e.mask_selector=h:(0,l.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){d(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]},web_sockets:{enabled:!1}}})());var g=r(6154),m=r(9324);let v=0;const y={buildEnv:"PROD",distMethod:"CDN",version:m.x,originTime:g.WN},b={consented:!1},E={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||b.consented},set consented(e){b.consented=e},customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,connector:void 0,harvester:void 0,v2Target:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++v},listeningForIframeMessages:!1};var w=r(9232);var R=r(7836),T=r(3241);const A={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};var S=r(9908),x=r(9752);function O(e,t={},n,o){let{init:c,info:d,loader_config:u,runtime:l={},exposed:h=!0}=t;if(!d){const e=(0,i.pV)();c=e.init,d=e.info,u=e.loader_config}var m;e.init=p(c||{}),e.loader_config=(m=u||{},(0,f.a)(m,A)),d.jsAttributes??={},g.bv&&(d.jsAttributes.isWorker=!0),e.info=(0,a.D)(d);const v=e.init;e.runtime??=(e=>{const t=(0,f.a)(e,E),r=Object.keys(y).reduce((e,t)=>(e[t]={value:y[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(l),e.runtime.v2Target??={type:w.f.BA,instance:e.agentIdentifier,get id(){return e.runtime.appMetadata?.agents?.[0]?.entityGuid},get attributes(){return{"entity.guid":this.id,appId:e.info.applicationID}}},v.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e})(v.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,i.pV)();Object.getOwnPropertyNames(s.W.prototype).forEach(r=>{const n=s.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let i=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return i?i(...t):n})})}(e),e.runtime.loaderType=n,e.ee=R.ee.get(e.agentIdentifier),e.exposed=h,(0,T.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.init.api.register.allow_iframe_bridge&&g.gm.addEventListener("message",t=>{"string"==typeof t.data?.type&&t.data.type.startsWith(x.Pl)&&(0,S.p)("iframe-message",[t],void 0,"IFRAME",e.ee)}),e.runtime.configured=!0)}var _=r(1863),k=r(4261),N=r(1738);var L=r(1687),M=r(4234),P=r(5289),I=r(5270),j=r(7767),C=r(6389),D=r(7699);const B=new WeakSet,H=new WeakMap;class W extends M.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,C.J)(()=>{(0,L.Ak)(e,this.featureName),t()}))}):(0,L.Ak)(e,t)}importAggregator(e,t,n={}){if(this.featAggregate)return;const i=async()=>{if(await this.deferred,this.#t(e),!(0,a.f)(e.info))return(0,l.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);try{await async function(e,t,n){if(H.has(e))return H.get(e);const i=(async()=>
358{if((0,j.V)(e.init))try{const{setupAgentSession:t}=await r.e(478).then(r.bind(r,8766));t(e)}catch(e){(0,l.R)(20,e),t.emit("internal-error",[e]),(0,S.p)(D.qh,[e],void 0,n,t)}if(e.init.api.register.allow_iframe_bridge)try{const{setupIframeMFEMessageListener:t}=await r.e(238).then(r.bind(r,6417));t(e)}catch(e){(0,l.R)(23,e)}const[{Connector:i},{Harvester:s}]=await Promise.all([r.e(478).then(r.bind(r,6589)),r.e(478).then(r.bind(r,5237))]);e.runtime.connector=new i(e),e.runtime.harvester=new s(e);const a=Object.values(e.features).filter(t=>e.runtime.drainRegistry.has(t.featureName));Promise.all(a.map(e=>e.onAggregateImported)).then(()=>e.runtime.harvester.startTimer())})();H.set(e,i),await i}(e,this.ee,this.featureName)}catch(e){return(0,l.R)(79,e),this.ee.abort(),void this.loadedSuccessfully(!1)}try{if(!this.#r(this.featureName,e.runtime.session,e.init))return this.abortHandler?.(),(0,L.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:r}=await t();this.featAggregate=new r(e,n),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,l.R)(34,e),this.abortHandler?.(),(0,L.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1)}};g.RI?(0,P.GG)(()=>i(),!0):i()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return(0,I.SR)(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!B.has(e)&&(B.add(e),!(0,a.f)(e.info))){const t=(0,i.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}O(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var U=r(6630);class K extends W{static featureName=U.T;constructor(e){var t;super(e,U.T),this.setupInspectionEvents(),t=e,(0,N.Y)(k.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,S.p)("api-"+k.Fw,[(0,_.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>e.init.feature_flags.includes("rum_v2")?r.e(478).then(r.bind(r,908)):r.e(478).then(r.bind(r,7927)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,T.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,P.sB)(t=>{e(t,"DOMContentLoaded")}),(0,P.GG)(t=>{e(t,"load")}),(0,P.Qr)(t=>{e(t,"navigate")}),this.ee.on(u.tS.UPDATE,(e,t)=>{(0,T.W)({type:"lifecycle",name:"session",data:t})})}}class F extends e.d{constructor(e){var t;(super(),g.gm)?(this.features={},(0,i.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(K),O(this,e,e.loaderType||"agent"),t=this,(0,N.Y)(k.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,N.U)(t,e,r,k.cD,n);(0,l.R)(40,typeof r)}else(0,l.R)(39,typeof e)},t),function(e){(0,N.Y)(k.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,l.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,S.p)("api-setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,N.U)(e,"enduser.id",t,k.Dl,!0)},e)}(this),function(e){(0,N.Y)(k.nb,function(t){if("string"==typeof t||null===t)return(0,N.U)(e,"application.version",t,k.nb,!1);(0,l.R)(42,typeof t)},e)}(this),function(e){(0,N.Y)("start",function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,N.Y)(k.Pv,function(t=!0){if("boolean"==typeof t){if((0,S.p)("api-"+k.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum?.()})}}else(0,l.R)(65,typeof t)},e)}(this),this.run()):(0,l.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return n.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),r=[...this.desiredFeatures],i=this.init.feature_flags.includes("rum_v2");r.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),r.forEach(r=>{if(!e[r.featureName]&&(i||r.featureName!==t.K7.pageViewEvent))return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,l.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,l.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,i.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var V=r(2843),z=r(782);class G extends W{static featureName=z.T;constructor(e){super(e,z.T),g.RI&&((0,V.u)(()=>(0,S.p)("docHidden",[(0,_.t)()],void 0,z.T,this.ee),!0),(0,V.G)(()=>(0,S.p)("winPagehide",[(0,_.t)()],void 0,z.T,this.ee)),this.importAggregator(e,()=>r.e(478).then(r.bind(r,9917))))}}var q=r(3969);class Y extends W{static featureName=q.TZ;constructor(e){super(e,q.TZ),this.importAggregator(e,()=>r.e(478).then(r.bind(r,6555)))}}var Z=r(6774),J=r(3878),X=r(3304);class Q{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,X.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function ee(e){return ne(e)?e:new Q(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic,e?.cause)}function te(e){const t="Unhandled Promise Rejection: ";if(!e?.reason)return;if(ne(e.reason)){try{e.reason.message.startsWith(t)||(e.reason.message=t+e.reason.message)}catch(e){}return ee(e.reason)}const r=ee(e.reason);return(r.message||"").startsWith(t)||(r.message=t+r.message),r}function re(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new Q(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic,e.cause);return t.name=SyntaxError.name,t}return ne(e.error)?e.error:ee(e)}function ne(e){return e instanceof Error&&!!e.stack}function ie(e,r,n,i,s=(0,_.t)()){"string"==typeof e&&(e=new Error(e)),(0,S.p)("err",[e,s,!1,r,n.runtime.isRecording,void 0,i],void 0,t.K7.jserrors,n.ee),(0,S.p)("uaErr",[],void 0,t.K7.genericEvents,n.ee)}var se=r(993),ae=r(3785);function oe(e,{customAttributes:t={},level:r=se.p_.INFO}={},n,i,s=(0,_.t)()){(0,ae.R)(n.ee,e,t,r,!1,i,s)}function ce(e,r,n,i,s=(0,_.t)()){(0,S.p)("api-"+k.hG,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}function de(e,r,n,i,s=(0,_.t)()){const{start:a,end:o,customAttributes:c}=r||{},d={customAttributes:c||{}};if("object"!=typeof d.customAttributes||"string"!=typeof e||0===e.length)return void(0,l.R)(57);const u=(e,t)=>
358null==e?t:"number"==typeof e?e:e instanceof PerformanceMark?e.startTime:Number.NaN;if(d.start=u(a,0),d.end=u(o,s),Number.isNaN(d.start)||Number.isNaN(d.end))(0,l.R)(57);else{if(d.duration=d.end-d.start,!(d.duration<0))return(0,S.p)("api-"+k.V1,[d,e,i],void 0,t.K7.genericEvents,n.ee),d;(0,l.R)(58)}}function ue(e,r={},n,i,s=(0,_.t)()){(0,S.p)("api-"+k.fF,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}var le=r(5718);const fe=(e,t)=>e?.nrMfeId===t.id&&(!e?.nrMfeObserved||e?.nrMfeObserved===t.instance),he=e=>{try{return g.gm.CSS.escape(e)}catch(t){return e}},pe=(e,t={})=>{const r=t.id,n=t.instance;if(!e||!r||!n)return!1;try{let r=1===e.nodeType?e:e.parentElement;for(;r?.tagName;){if(fe(r.dataset,t))return r.dataset.nrMfeObserved=n,!0;r=r.parentNode}}catch(e){}return!1},ge=(e,t)=>{const r=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]')),n=(Array.from(r)||[]).find(t=>fe(t.dataset,e));let i=!!n;i&&(n.dataset.nrMfeObserved??=e.instance);const s=new g.gm.MutationObserver(r=>{r.forEach(r=>{r.addedNodes.forEach(r=>{const n=1===r.nodeType?r:null;!i&&fe(n?.dataset,e)&&(s.disconnect(),s.observe(n,{childList:!0,subtree:!0}),i=!0,n.dataset.nrMfeObserved=e.instance),(e=>{try{return e?.textContent?.trim()||["img","video","canvas","svg"].includes(e?.nodeName?.toLowerCase())}catch(e){return!1}})(r)&&(i||pe(r,e))&&t(r,s)})})});return s.observe(n||g.gm.document,{childList:!0,subtree:!0}),s},me=(e,t,r)=>{try{const n=new g.gm.PerformanceObserver(e=>{e.getEntries().forEach(r)});return n.observe(t),e.push(n),n}catch(e){return null}};function ve(e,t){let r,n,i=!1;const s=e=>null==e?e:e-(t?.scriptStart||t?.registeredAt||0),a={fcp:{get value(){const e=s(r);return e>1e4?void 0:e},set value(e){i||(r=e)}},lcp:{get value(){if(void 0!==a.fcp.value)return s(n)},set value(e){i||(n=e)}},cls:{value:void 0},inp:{value:void 0},disconnect:()=>{}};if(!(e&&g.RI&&g.gm.MutationObserver&&g.gm.PerformanceObserver))return a;const o=[];setTimeout(()=>{r||a.disconnect()},1e4);const c=()=>{if(!i){if(null==r){const e=(0,_.t)();if(s(e)>1e4)return void a.disconnect();r=e}n??=(0,_.t)(),a.cls.value??=0}},d=ge(e,(e,t)=>{c(),t.disconnect()});o.push(d);let u=0,l=null;const f=new Set;try{l=new g.gm.ResizeObserver(e=>{i||e.forEach(e=>{try{const t=e.contentRect.width*e.contentRect.height;t>u&&(u=t,a.lcp.value=(0,_.t)()),l.unobserve(e.target)}catch(e){}})})}catch(e){}const h=ge(e,e=>{if(c(),l)try{const t=1===e.nodeType?e:e.parentElement;t&&!f.has(t)&&(f.add(t),"IMG"===t.tagName?t.complete?l.observe(t):t.addEventListener("load",()=>{l.observe(t)},{once:!0}):"VIDEO"===t.tagName?t.readyState>=2?l.observe(t):t.addEventListener("loadeddata",()=>{l.observe(t)},{once:!0}):l.observe(t))}catch(e){}});l&&o.push(l),o.push(h),me(o,{type:"layout-shift",buffered:!0},t=>{i||t.hadRecentInput||(t.sources||[]).some(r=>!!pe(r.node,e)&&(c(),a.cls.value+=t.value,!0))}),me(o,{type:"event",buffered:!0,durationThreshold:40},t=>{!i&&t.interactionId&&pe(t.target,e)&&(void 0===a.inp.value||t.duration>a.inp.value)&&(c(),a.inp.value=t.duration)});const p=["pointerdown","keydown"],m=()=>{p.forEach(e=>{g.gm.removeEventListener(e,v,{passive:!0})})};a.disconnect=()=>{i=!0,o.forEach(e=>{try{e?.disconnect()}catch(e){}}),m(),["visibilitychange","pagehide"].forEach(e=>{g.gm.removeEventListener(e,a.disconnect,{once:!0,passive:!0})})};const v=t=>{pe(t?.target,e)&&((()=>{try{h?.disconnect(),l?.disconnect()}catch(e){}})(),m())};p.forEach(e=>{g.gm.addEventListener(e,v,{passive:!0})}),["visibilitychange","pagehide"].forEach(e=>{g.gm.addEventListener(e,a.disconnect,{once:!0,passive:!0})});const y=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]'));return Array.from(y||[]).some(t=>fe(t.dataset,e))&&c(),a}var ye=r(9566),be=r(7560),Ee=r(9119);const we=["entry","scripts","all"],Re=["name","id","type"],Te=new Map([[ce,"addPageAction"],[oe,"log"],[de,"measure"],[ie,"noticeError"],[ue,"recordCustomEvent"]]),Ae={experimental:(0,C.J)(()=>(0,l.R)(54,"newrelic.register")),disabled:(0,C.J)(()=>(0,l.R)(55)),invalidTarget:(0,C.J)(e=>(0,l.R)(48,e)),deregistered:(0,C.J)(()=>(0,l.R)(68)),invalidTimingMethod:(0,C.J)(e=>(0,l.R)(80,e)),duplicateName:(0,C.J)(e=>(0,l.R)(81,e)),duplicateId:(0,C.J)(e=>(0,l.R)(82,e))};function Se(e){(0,N.Y)(k.eY,function(t){return xe(e,t)},e)}function xe(e,r){Ae.experimental(),r||={},r.instance=(0,ye.LA)(8),r.type=w.f.MFE,r.licenseKey||=e.info.licenseKey,r.blocked=!1,("object"!=typeof r.tags||null===r.tags||Array.isArray(r.tags))&&(r.tags={}),r.parent??={get id(){return e.runtime.appMetadata.agents?.[0].entityGuid},type:w.f.BA},r.manifest=(0,be.N)(r.manifest),void 0===r.timingMethod||we.includes(r.timingMethod)||(Ae.invali
358dTimingMethod(r.timingMethod),r.timingMethod=void 0);const n=(0,le.Qr)(r);r.manifest&&(0,le.xo)(n,r);const i=ve(r,n),s=(0,Ee.L)(""+location),a={};Object.prototype.hasOwnProperty.call(r,"attributes")||Object.defineProperty(r,"attributes",{get:()=>({...a,"source.id":r.id,"source.name":r.name,"source.type":r.type,"parent.type":r.parent?.type||w.f.BA,"parent.id":r.parent?.id})}),Object.entries(r.tags).forEach(([e,t])=>{Re.includes(e)||(a["source.".concat(e)]=t)});let o=()=>{};const c=e.runtime.registeredEntities,d=e=>{r.blocked=!0,o=e};function u(e){return"string"==typeof e&&!!e.trim()&&e.trim().length<501}e.init.api.register.enabled||d(Ae.disabled),u(r.id)&&u(r.name)||d(()=>Ae.invalidTarget(r)),c.forEach(e=>{try{const{name:t,id:n}=e.metadata.target;t===r.name&&n!==r.id&&Ae.duplicateName(r),n===r.id&&t!==r.name&&Ae.duplicateId(r)}catch(e){}});const f={addPageAction:(t,n={})=>m(ce,[t,{...a,...n},e],r),deregister:()=>{p(),d(Ae.deregistered)},log:(t,n={})=>m(oe,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),measure:(t,n={})=>m(de,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),noticeError:(t,n={})=>m(ie,[t,{...a,...n},e],r),recordCustomEvent:(t,n={})=>m(ue,[t,{...a,...n},e],r),setApplicationVersion:e=>g("application.version",e),setCustomAttribute:(e,t)=>g(e,t),setUserId:e=>g("enduser.id",e),metadata:{get customAttributes(){return a},target:r,timings:n,vitals:i,events:{latestTimestamp:void 0}}},h=()=>(r.blocked&&o(),r.blocked);function p(){if(n.reportedAt)return;n.reportedAt=(0,_.t)(),i.disconnect(),n.fcp=i.fcp,n.lcp=i.lcp,n.cls=i.cls,n.inp=i.inp;const e=n.fetchEnd-n.fetchStart,t=n.scriptEnd-n.scriptStart,r={assetUrl:n.asset,assetType:n.type,registerUrl:s,deregisterUrl:(0,Ee.L)(""+location),pageUrl:void 0,currentUrl:void 0,timeAlive:n.reportedAt-n.registeredAt,timeToBeRequested:n.fetchStart,timeToExecute:t,timeToFetch:e,timeToLoad:e+t,t
358imeToRegister:n.registeredAt,totalWeight:n.totalWeight,...void 0!==n.renderBlocking&&{renderBlocking:n.renderBlocking},...i.fcp.value>=0&&{"vitals.fcp.value":i.fcp.value},...i.lcp.value>=0&&{"vitals.lcp.value":i.lcp.value},...i.cls.value>=0&&{"vitals.cls.value":i.cls.value},...i.inp.value>=0&&{"vitals.inp.value":i.inp.value}};f.recordCustomEvent("MicroFrontEndTiming",r)}h()||(c.push(f),(0,V.G)(p));const g=(e,t)=>{h()||(a[e]=t)},m=(r,n,i)=>{if(h()&&r!==xe)return;const s=f.metadata.events.latestTimestamp??(0,_.t)();f.metadata.events.latestTimestamp=void 0;const a=Te.get(r)||"unknown";(0,S.p)(q.xV,["API/register/".concat(a,"/called")],void 0,t.K7.metrics,e.ee);try{return r(...n,i,s)}catch(e){(0,l.R)(50,e)}};return f}class Oe extends W{static featureName=Z.T;constructor(e){var t;super(e,Z.T),t=e,(0,N.Y)(k.o5,(e,r)=>ie(e,r,t),t),function(e){(0,N.Y)(k.bt,function(t){e.runtime.onerror=t},e)}(e),function(e){let t=0;(0,N.Y)(k.k6,function(e,r){++t>10||(this.runtime.releaseIds[e.slice(-200)]=(""+r).slice(-200))},e)}(e),Se(e);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(t,r)=>{this.abortHandler&&(0,S.p)("ierr",[ee(t),(0,_.t)(),!0,{},e.runtime.isRecording,r],void 0,this.featureName,this.ee)}),g.gm.addEventListener("unhandledrejection",t=>{this.abortHandler&&(0,S.p)("err",[te(t),(0,_.t)(),!1,{unhandledPromiseRejection:1},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),g.gm.addEventListener("error",t=>{this.abortHandler&&(0,S.p)("err",[re(t),(0,_.t)(),!1,{},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e,()=>r.e(478).then(r.bind(r,9377)))}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var _e=r(8990);let ke=1;function Ne(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===g.gm?0:(0,_e.I)(e,"nr@id",function(){return ke++})}function Le(e){if("string"==typeof e)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,X.A)(e).length}catch(e){return}}}var Me=r(8139),Pe=r(3434),Ie=r(5732);const je={},Ce=["open","send","setRequestHeader"];function De(e,t){var r=e||R.ee;const n=function(e){return(e||R.ee).get("xhr")}(r);if(void 0===g.gm.XMLHttpRequest)return n;if(je[n.debugId]++)return n;je[n.debugId]=1,(0,Me.u)(r,t);var i=(0,Pe.YM)(n,void 0,t),s=g.gm.XMLHttpRequest,a=g.gm.MutationObserver,o=g.gm.Promise,c=g.gm.setInterval,d="readystatechange",u=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],f=[],h=g.gm.XMLHttpRequest=function(e){const r=new s(e),a=n.context(r);a.targets=(0,Ie.$5)(t);try{n.emit("new-xhr",[r],a),r.addEventListener(d,(o=a,function(){var e=this;e.readyState>3&&!o.resolved&&(o.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,u,"fn-",E)}),(0,J.jT)(!1))}catch(e){(0,l.R)(15,e);try{n.emit("internal-error",[e])}catch(e){}}var o;return r};function p(e,t){i.inPlace(t,["onreadystatechange"],"fn-",E)}if(function(e,t){for(var r in e)t[r]=e[r]}(s,h),h.prototype=s.prototype,i.inPlace(h.prototype,Ce,"-xhr-",E),n.on("send-xhr-start",function(e,t){p(e,t),function(e){f.push(e),a&&(m?m.then(b):c?c(b):(v=-v,y.data=v))}(t)}),n.on("open-xhr-start",p),a){var m=o&&o.resolve();if(!c&&!o){var v=1,y=document.createTextNode(v);new a(b).observe(y,{characterData:!0})}}else r.on("fn-end",function(e){e[0]&&e[0].type===d||b()});function b(){for(var e=0;e<f.length;e++)p(0,f[e]);f.length&&(f=[])}function E(e,t){return t}return n}var Be="fetch-",He=Be+"body-",We=["arrayBuffer","blob","json","text","formData"],Ue=g.gm.Request,Ke=g.gm.Response,Fe="prototype";const Ve={};function ze(e,t){const r=function(e){return(e||R.ee).get("fetch")}(e);if(!(Ue&&Ke&&g.gm.fetch))return r;if(Ve[r.debugId]++)return r;function n(e,n,i){var s=e[n];"function"==typeof s&&(e[n]=function(){var e=[...arguments];const n={},a=(0,Ie.$5)(t);var o;r.emit(i+"before-start",[e],n),n[R.P]&&n[R.P].dt&&(o=n[R.P].dt);var c=s.apply(this,e);return r.emit(i+"start",[e,o],c),c.then(function(e){return r.emit(i+"end",[null,e,a],c),e},function(e){throw r.emit(i+"end",[e,void 0,a],c),e})})}
358return Ve[r.debugId]=1,We.forEach(e=>{n(Ue[Fe],e,He),n(Ke[Fe],e,He)}),n(g.gm,"fetch",Be),r.on(Be+"end",function(e,n,i){var s=this;if(s.targets=i||[t.runtime.v2Target],n){var a=n.headers.get("content-length");null!==a&&(s.rxSize=a),r.emit(Be+"done",[null,n],s)}else r.emit(Be+"done",[e],s)}),r}var Ge=r(7485);class qe{constructor(e){this.agentRef=e}generateTracePayload(e){const t=this.agentRef.loader_config;if(!this.shouldGenerateTrace(e)||!t)return null;var r=(t.accountID||"").toString()||null,n=(t.agentID||"").toString()||null,i=(t.trustKey||"").toString()||null;if(!r||!n)return null;var s=(0,ye.ZF)(),a=(0,ye.el)(),o=Date.now(),c={spanId:s,traceId:a,timestamp:o};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(c.traceContextParentHeader=this.generateTraceContextParentHeader(s,a),c.traceContextStateHeader=this.generateTraceContextStateHeader(s,o,r,n,i)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(c.newrelicHeader=this.generateTraceHeader(s,a,o,r,n,i)),c}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,s){if(!("function"==typeof g.gm?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return s&&n!==s&&(a.d.tk=s),btoa((0,X.A)(a))}shouldGenerateTrace(e){return this.agentRef.init?.distributed_tracing?.enabled&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1;const r=this.agentRef.init?.distributed_tracing;if(e.sameOrigin)t=!0;else if(r?.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,Ge.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}excludeNewrelicHeader(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.cors_use_tracecontext_headers}}var Ye=r(7295);function Ze(e){return"string"==typeof e?e:e instanceof(0,i.dV)().o.REQ?e.url:g.gm?.URL&&e instanceof URL?e.href:void 0}function $e(e,t){var r=(0,Ge.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}var Je=["load","error","abort","timeout"],Xe=Je.length,Qe=(0,i.dV)().o.REQ,et=(0,i.dV)().o.XHR;const tt="X-NewRelic-App-Data",rt="internal-error";class nt extends W{static featureName=c.TZ;constructor(e){super(e,c.TZ),this.dt=new qe(e),this.handler=(e,t,r,n)=>(0,S.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};g.gm?.performance?.getEntriesByType("resource").forEach(r=>{if(r.initiatorType in e&&0!==r.responseStatus){const n={status:r.responseStatus},i={rxSize:r.transferSize,duration:Math.floor(r.duration),cbTime:0};$e(n,r.name),this.handler("xhr",[n,i,r.startTime,r.responseEnd,e[r.initiatorType]],void 0,t.K7.ajax)}})}catch(e){}ze(this.ee,e),De(this.ee,e),function(e,r,n,i){const s=[c.mo.ALL,c.mo.FAILURES].includes(e.init.ajax?.capture_payloads);function a(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=A,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},t.latestLongtaskEnd=0,e.addEventListener("load",function(r){O(t,e)},(0,J.jT)(!1)),g.lR||e.addEventListener("progress",function(e){t.lastSize=e.loaded},(0,J.jT)(!1))}function o(e){this.params={method:e[0]},$e(this,e[1]),this.metrics={}}function d(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var n=i.generateTracePayload(this.parsedOrigin);if(n){var s=!1;n.newrelicHeader&&(r.setRequestHeader("newrelic",n.newrelicHeader),s=!0),n.traceContextParentHeader&&(r.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&r.setRequestHeader("tracestate",n.traceContextStateHeader),s=!0),s&&(this.dt=n)}}function u(e,t){s&&e.length>=2&&(this.requestHeaders??={},this.requestHeaders[e[0].toLowerCase()]=e[1])}function l(e,t){var n=this.metrics,i=e[0],s=this;if(n&&i){var a=Le(i);a&&(n.txSize=a)}this.startTime=(0,_.t)(),this.requestBody=i,this.listener=function(e){try{"abort"!==e.type||s.loadCaptureCalled||(s.params.aborted=!0),("load"
358!==e.type||s.called===s.totalCbs&&(s.onloadCalled||"function"!=typeof t.onload)&&"function"==typeof s.end)&&s.end(t)}catch(e){try{r.emit(rt,[e])}catch(e){}}};for(var o=0;o<Xe;o++)t.addEventListener(Je[o],this.listener,(0,J.jT)(!1))}function f(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function h(e,t){var r=""+Ne(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function p(e,t){var r=""+Ne(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function m(){this.endTime=(0,_.t)()}function v(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-added",[e[1],e[2]],t)}function y(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-removed",[e[1],e[2]],t)}function b(e,t,r){t instanceof et&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,_.t)()))}function E(e,t){this.xhrCbStart&&r.emit("xhr-cb-time",[(0,_.t)()-this.xhrCbStart,this.onload,t],t)}function w(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&g.RI&&(t=""+g.gm.location.href):e[0]&&e[0].url?t=e[0].url:g.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,Ge.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=i.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)o(e[0].headers,n)&&(this.dt=n);else{var s={};for(var a in r)s[a]=r[a];s.headers=new Headers(r.headers||{}),o(s.headers,n)&&(this.dt=n),e.length>1?e[1]=s:e.push(s)}}function o(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function R(e,t){this.params={},this.metrics={},this.startTime=(0,_.t)(),this.dt=t;let[r,n={}]=e;$e(this,Ze(r));const i=(""+(r&&r instanceof Qe&&r.method||n.method||"GET")).toUpperCase();this.params.method=i,this.txSize=Le(n.body||r?.body)||0;try{var a=n.headers||r?.headers;if(s&&a)if(this.requestHeaders??={},a instanceof Headers)a.forEach(function(e,t){this.requestHeaders[t.toLowerCase()]=e}.bind(this));else if("object"==typeof a)for(var o in a)this.requestHeaders[o.toLowerCase()]=a[o]}catch(e){}this.requestBody=n.body||r?.body}function T(e,t){if(this.endTime=(0,_.t)(),this.params||(this.params={}),(0,Ye.iW)(this.params))return;this.params.status=t?t.status:0;const n=()=>{const e=+this.rxSize,t=null==this.rxSize||isNaN(e)?void 0:e,r={txSize:this.txSize,rxSize:t,duration:this.endTime-this.startTime},n=[this.params,r,this.startTime,this.endTime,"fetch"];this.targets.forEach(e=>x(n,this,e))};t&&s?t.clone().text().then(e=>{this.responseBody=e,this.rxSize&&"0"!==this.rxSize&&0!==this.rxSize||void 0===e||0===this.params.status||(this.rxSize=Le(e)),t?.headers&&(this.responseHeaders={},t.headers.forEach(function(e,t){this.responseHeaders[t.toLowerCase()]=e}.bind(this)))}).catch(e=>{r.emit(rt,[e])}).finally(()=>{n()}):n()}function A(e){const t=this.params,n=this.metrics;if(this.ended)return;this.ended=!0;for(let t=0;t<Xe;t++)e.removeEventListener(Je[t],this.listener,!1);if(t.aborted)return;if((0,Ye.iW)(t))return;if(n.duration=this.endTime-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):O(this,e),n.cbTime=this.cbTime,s){try{this.responseBody=e.responseText}catch(t){this.responseBody=e.response}if((!n.rxSize||0===n.rxSize)&&void 0!==this.responseBody&&0!==t.status){const e=Le(this.responseBody);void 0!==e&&(n.rxSize=e)}try{this.responseHeaders=function(e){const t={};return e?(e.split("\r\n").forEach(function(e){const r=e.indexOf(": ");if(r>0){const n=e.substring(0,r),i=e.substring(r+2);t[n.toLowerCase()]=i}}),t):t}(e.getAllResponseHeaders())}catch(e){r.emit(rt,[e])}}const i=[t,n,this.startTime,this.endTime,"xhr"];this.targets.forEach(e=>x(i,this,e))}function x(e,r,i){n("xhr",[...e,i],r,t.K7.ajax)}function O(e,n){e.params.status=n.status;var i=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?Le(e.response):"text"===r||""===r||void 0===r?Le(e.responseText):void 0}(n,e.lastSize);if(void 0!==i&&0!==n.status&&(e.metrics.rxSize=i),e.sameOrigin&&n.getAllResponseHeaders().indexOf(tt)>=0){var s=n.getResponseHeader(tt);s&&((0,S.p)("sm",["Ajax/CrossApplicationTracing/Header/Seen"],void 0,t.K7.metrics,r),e.params.cat=s.split(", ").pop())}e.loadCaptureCalled=!0}r.on("new-xhr",a),r.on("open-xhr-start",o),r.on("open-xhr-end",d),r.on("send-xhr-start",l),r.on("setRequestHeader-xhr-start",u),r.on("xhr-cb-time",f),r.on("xhr-load-added",h),r.on("xhr-load-removed",p),r.on("xhr-resolved",m),r.on("addEventListener-end",v),r.on("removeEventListener-end",y),r.on("fn-end",E),r.on("fetch-before-start",w),r.on("fetch-start",R),r.on("fn-start",b),r.on("fetch-done",T)}(e,this.ee,this.handler,this.dt),this.importAggregator(e,()=>r.e(478).then(r.bind(r,3845)))}}const it={},st=["pushState","replaceState"];function at(e,t){const r=function(e){return(e||R.ee).get("history")}(e);return!g.RI||it[r.debugId]++||(it[r.debugId]=1,(0,Pe.YM)(r,void 0,t).inPlace(window.history,st,"-")),r}var ot=r(3738);function ct(e){(0,N.Y)(k.BL,function(r=Date.now()){const n=r-g.WN;n<0&&(0,l.R)(62,r),(0,S.p)(q.XG,[k.BL,{time:n}],void 0,t.K7.metrics,e.ee),e.addToTrace({name:k.BL,start:r,origin:"nr"}),(0,S.p)("api-"+k.hG,[n,k.BL],void 0,t.K7.genericEvents,e.ee)},e)}const{He:dt,bD:ut,d3:lt,Kp:ft,TZ:ht,Lc:pt,uP:gt,Rz:mt}=ot;class vt extends W{static featureName=ht;constructor(e){var n;super(e,ht),n=e,(0,N.Y)(k.U2,function(e){if(!(e&&"object"==typeof e&&e.name&&e.start))return;const r={n:e.name,s:e.start-g.WN,e:(e.end||e.start)-g.WN,o:e.origin||"",t:"api"};r.s<0||r.e<0||r.e<r.s?(0,l.R)(61,{start:r.s,end:r.e}):(0,S.p)("bstApi",[r],void 0,t.K7.sessionTrace,n.ee)},n),ct(e);
358if(!(0,j.V)(e.init))return void this.deregisterDrain();const i=this.ee;let s;at(i,e),this.eventsEE=(0,Me.u)(i,e),this.eventsEE.on(gt,function(e,t){this.bstStart=(0,_.t)()}),this.eventsEE.on(pt,function(e,r){(0,S.p)("bst",[e[0],r,this.bstStart,(0,_.t)()],void 0,t.K7.sessionTrace,i)}),i.on(mt+lt,function(e){this.time=(0,_.t)(),this.startPath=location.pathname+location.hash}),i.on(mt+ft,function(e){(0,S.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,t.K7.sessionTrace,i)});try{s=new PerformanceObserver(e=>{const r=e.getEntries();(0,S.p)(dt,[r],void 0,t.K7.sessionTrace,i)}),s.observe({type:ut,buffered:!0})}catch(e){}this.importAggregator(e,()=>r.e(478).then(r.bind(r,6974)),{resourceObserver:s})}}var yt=r(733),bt=r(6344);class Et extends W{static featureName=bt.TZ;#i;recorder;constructor(e){var n;let i;super(e,bt.TZ),n=e,(0,N.Y)(k.CH,function(){(0,S.p)(k.CH,[],void 0,t.K7.sessionReplay,n.ee)},n),function(e){(0,N.Y)(k.Tb,function(){(0,S.p)(k.Tb,[],void 0,t.K7.sessionReplay,e.ee)},e)}(e);const s="".concat(u.Wt).concat((0,yt.Y)(e.info.licenseKey,e.info.applicationID));try{i=JSON.parse(localStorage.getItem(s))}catch(e){}(0,I.SR)(e.init)&&this.ee.on(k.CH,()=>this.#s()),this.#a(i)&&this.importRecorder().then(e=>{e.startRecording(bt.Qb.PRELOAD,i?.sessionReplayMode)}),this.abortHandler=this.#n,this.importAggregator(this.agentRef,()=>r.e(478).then(r.bind(r,6167)),this),this.ee.on("err",e=>{this.blocked||this.agentRef.runtime.isRecording&&(this.errorNoticed=!0,(0,S.p)(bt.Vh,[e],void 0,this.featureName,this.ee))})}#a(e){return e&&(e.sessionReplayMode===u.g.FULL||e.sessionReplayMode===u.g.ERROR)||(0,I.Aw)(this.agentRef.init)}importRecorder(){return this.recorder?Promise.resolve(this.recorder):(this.#i??=Promise.all([r.e(478),r.e(249)]).then(r.bind(r,4866)).then(({Recorder:e})=>(this.recorder=new e(this),this.recorder)).catch(e=>{throw this.ee.emit("internal-error",[e]),this.blocked=!0,e}),this.#i)}#s(){this.blocked||(this.featAggregate?this.featAggregate.mode!==u.g.FULL&&this.featAggregate.initializeRecording(u.g.FULL,!0,bt.Qb.API):this.importRecorder().then(()=>{this.recorder.startRecording(bt.Qb.API,u.g.FULL)}))}#n(){this.recorder?.stopRecording()}}var wt=r(3962);class Rt extends W{static featureName=wt.TZ;constructor(e){if(super(e,wt.TZ),function(e){const r=e.ee.get("tracer");function n(){}(0,N.Y)(k.dT,function(e){return(new n).get("object"==typeof e?e:{})},e);const i=n.prototype={createTracer:function(n,i){var s={},a=this,o="function"==typeof i;return(0,S.p)(q.xV,["API/createTracer/called"],void 0,t.K7.metrics,e.ee),function(){if(r.emit((o?"":"no-")+"fn-start",[(0,_.t)(),a,o],s),o)try{return i.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw r.emit("fn-err",[arguments,this,t],s),t}finally{r.emit("fn-end",[(0,_.t)()],s)}}}};["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach(r=>{N.Y.apply(this,[r,function(){return(0,S.p)(k.hw+r,[performance.now(),...arguments],this,t.K7.softNav,e.ee),this},e,i])}),(0,N.Y)(k.PA,function(){(0,S.p)(k.hw+"routeName",[performance.now(),...arguments],void 0,t.K7.softNav,e.ee)},e)}(e),!g.RI||!(0,i.dV)().o.MO)return;const n=at(this.ee,e);try{this.removeOnAbort=new AbortController}catch(e){}wt.tC.forEach(e=>{(0,J.sp)(e,e=>{c(e)},!0,this.removeOnAbort?.signal)}
358);const s=()=>(0,S.p)("newURL",[(0,_.t)(),""+window.location],void 0,this.featureName,this.ee);n.on("pushState-end",s),n.on("replaceState-end",s),(0,J.sp)(wt.OV,e=>{c(e),(0,S.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)},!0,this.removeOnAbort?.signal);let a=!1;const o=new((0,i.dV)().o.MO)((e,t)=>{a||(a=!0,requestAnimationFrame(()=>{(0,S.p)("newDom",[(0,_.t)()],void 0,this.featureName,this.ee),a=!1}))}),c=(0,C.s)(e=>{"loading"!==document.readyState&&((0,S.p)("newUIEvent",[e],void 0,this.featureName,this.ee),o.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0}))},100,{leading:!0});this.abortHandler=function(){this.removeOnAbort?.abort(),o.disconnect(),this.abortHandler=void 0},this.importAggregator(e,()=>r.e(478).then(r.bind(r,4393)),{domObserver:o})}}var Tt=r(981);const At={},St=new Set;function xt(e){return"string"==typeof e?{type:"string",size:(new TextEncoder).encode(e).length}:e instanceof ArrayBuffer?{type:"ArrayBuffer",size:e.byteLength}:e instanceof Blob?{type:"Blob",size:e.size}:e instanceof DataView?{type:"DataView",size:e.byteLength}:ArrayBuffer.isView(e)?{type:"TypedArray",size:e.byteLength}:{type:"unknown",size:0}}class Ot{constructor(e,t){this.timestamp=(0,_.t)(),this.currentUrl=(0,Ee.L)(window.location.href),this.socketId=(0,ye.LA)(8),this.requestedUrl=(0,Ee.L)(e),this.requestedProtocols=Array.isArray(t)?t.join(","):t||"",this.openedAt=void 0,this.protocol=void 0,this.extensions=void 0,this.binaryType=void 0,this.messageOrigin=void 0,this.messageCount=0,this.messageBytes=0,this.messageBytesMin=0,this.messageBytesMax=0,this.messageTypes=void 0,this.sendCount=0,this.sendBytes=0,this.sendBytesMin=0,this.sendBytesMax=0,this.sendTypes=void 0,this.closedAt=void 0,this.closeCode=void 0,this.closeReason="unknown",this.closeWasClean=void 0,this.connectedDuration=0,this.hasErrors=void 0}}class _t extends W{static featureName=o.TZ;constructor(e){super(e,o.TZ);const n=e.init.feature_flags.includes("websockets")||e.init.web_sockets?.enabled,s=!e.init.feature_flags.includes("no_spv"),a=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.performance.resources.enabled,e.init.user_actions.enabled,n,s];var c;let d;if(c=e,(0,N.Y)(k.hG,(e,t)=>ce(e,t,c),c),function(e){(0,N.Y)(k.fF,(t,r)=>ue(t,r,e),e)}(e),ct(e),Se(e),function(e){(0,N.Y)(k.V1,(t,r)=>de(t,r,e),e)}(e),this.removeOnAbort=new AbortController,this.abortHandler=()=>{this.removeOnAbort.abort(),this.abortHandler=void 0},n){const u=function(e,t){if(!(0,i.dV)().o.WS)return e;const r=e.get("websockets");if(At[r.debugId]++)return r;At[r.debugId]=1,(0,V.G)(()=>{const e=(0,_.t)();St.forEach(t=>{t.nrData.closedAt=e,t.nrData.closeCode=1001,t.nrData.closeReason="Page navigating away",t.nrData.closeWasClean=!1,t.nrData.openedAt&&(t.nrData.connectedDuration=e-t.nrData.openedAt),r.emit("ws",[t.nrData,t.targets],t)})});
358class n extends WebSocket{static name=Tt.R.WS;static toString(){return"function WebSocket() { [native code] }"}toString(){return"[object WebSocket]"}get[Symbol.toStringTag](){return n.name}#o(e){(e.__newrelic??={}).socketId=this.nrData.socketId,this.nrData.hasErrors??=!0}constructor(...e){super(...e),this.nrData=new Ot(e[0],e[1]),this.targets=(0,Ie.$5)(t),this.addEventListener("open",()=>{this.nrData.openedAt=(0,_.t)(),["protocol","extensions","binaryType"].forEach(e=>{this.nrData[e]=this[e]}),St.add(this)}),this.addEventListener("message",e=>{const{type:t,size:r}=xt(e.data);this.nrData.messageOrigin??=(0,Ee.L)(e.origin),this.nrData.messageCount++,this.nrData.messageBytes+=r,this.nrData.messageBytesMin=Math.min(this.nrData.messageBytesMin||1/0,r),this.nrData.messageBytesMax=Math.max(this.nrData.messageBytesMax,r),(this.nrData.messageTypes??"").includes(t)||(this.nrData.messageTypes=this.nrData.messageTypes?"".concat(this.nrData.messageTypes,",").concat(t):t)}),this.addEventListener("close",e=>{this.nrData.closedAt=(0,_.t)(),this.nrData.closeCode=e.code,e.reason&&(this.nrData.closeReason=e.reason),this.nrData.closeWasClean=e.wasClean,this.nrData.connectedDuration=this.nrData.closedAt-this.nrData.openedAt,St.delete(this),r.emit("ws",[this.nrData,this.targets],this)})}addEventListener(e,t,...r){const n=this,i="function"==typeof t?function(...e){try{return t.apply(this,e)}catch(e){throw n.#o(e),e}}:t?.handleEvent?{handleEvent:function(...e){try{return t.handleEvent.apply(t,e)}catch(e){throw n.#o(e),e}}}:t;return super.addEventListener(e,i,...r)}send(e){if(this.readyState===WebSocket.OPEN){const{type:t,size:r}=xt(e);this.nrData.sendCount++,this.nrData.sendBytes+=r,this.nrData.sendBytesMin=Math.min(this.nrData.sendBytesMin||1/0,r),this.nrData.sendBytesMax=Math.max(this.nrData.sendBytesMax,r),(this.nrData.sendTypes??"").includes(t)||(this.nrData.sendTypes=this.nrData.sendTypes?"".concat(this.nrData.sendTypes,",").concat(t):t)}try{return super.send(e)}catch(e){throw this.#o(e),e}}close(...e){try{super.close(...e)}catch(e){throw this.#o(e),e}}}return g.gm.WebSocket=n,r}(this.ee,e);u.on("ws",(e,t)=>{(0,S.p)("ws-complete",[e,t],void 0,this.featureName,this.ee)})}if(s){if("function"==typeof g.gm.ReportingObserver){const l=new g.gm.ReportingObserver(e=>{e.forEach(e=>{(0,S.p)("spv",[kt(e),(0,_.t)()],void 0,t.K7.genericEvents,this.ee)}),l.disconnect()},{types:["csp-violation"],buffered:!0});l.observe()}g.gm.addEventListener("securitypolicyviolation",e=>{(0,S.p)("spv",[kt(e),e.timeStamp],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal))}if(g.RI){if(ze(this.ee,e),De(this.ee,e),d=at(this.ee,e),e.init.user_actions.enabled){function f(t){const r=(0,Ge.D)(t);return e.beacons.includes(r.hostname+":"+r.port)}function h(){d.emit("navChange")}o.Zp.forEach(e=>(0,J.sp)(e,e=>(0,S.p)("ua",[e],void 0,this.featureName,this.ee),!0)),o.qN.forEac
358h(e=>{const t=(0,C.s)(e=>{(0,S.p)("ua",[e],void 0,this.featureName,this.ee)},500,{leading:!0});(0,J.sp)(e,t)}),g.gm.addEventListener("error",()=>{(0,S.p)("uaErr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal)),this.ee.on("open-xhr-start",(e,r)=>{f(e[1])||r.addEventListener("readystatechange",()=>{2===r.readyState&&(0,S.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(void 0,this.removeOnAbort.signal))}),this.ee.on("fetch-start",e=>{e.length>=1&&!f(Ze(e[0]))&&(0,S.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)}),d.on("pushState-end",h),d.on("replaceState-end",h),window.addEventListener("hashchange",h,(0,J.jT)(!0,this.removeOnAbort.signal)),window.addEventListener("popstate",h,(0,J.jT)(!0,this.removeOnAbort.signal))}if(e.init.performance.resources.enabled&&g.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{(0,S.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)})}).observe({type:"resource",buffered:!0})}}a.some(e=>e)?this.importAggregator(e,()=>r.e(478).then(r.bind(r,8019))):this.deregisterDrain()}}function kt(e){const t=e.body??e;return{blockedUrl:t.blockedURL??e.blockedURI,documentUrl:t.documentURL??e.documentURI,effectiveDirective:t.effectiveDirective,originalPolicy:t.originalPolicy,sourceFile:t.sourceFile,statusCode:t.statusCode,lineNumber:t.lineNumber,columnNumber:t.columnNumber,disposition:"reporting"===t.disposition?"report":t.disposition,sample:t.sample,referrer:t.referrer}}var Nt=r(2646);const Lt=new Map;function Mt(e,t,r,n,i=!0,s){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const a=function(e){return(e||R.ee).get("logger")}(e),o=(0,Pe.YM)(a,void 0,s),c=new Nt.y(R.P);c.level=n.level,c.customAttributes=n.customAttributes,c.autoCaptured=i;const d=t[r]?.[Pe.Jt]||t[r];return Lt.set(d,c),o.inPlace(t,[r],"wrap-logger-",()=>Lt.get(d),void 0,!0),a}var Pt=r(1910);class It extends W{static featureName=se.TZ;constructor(e){var t;super(e,se.TZ),t=e,(0,N.Y)("log",(e,r)=>oe(e,r,t),t),function(e){(0,N.Y)(k.Wb,(t,r,{customAttributes:n={},level:i=se.p_.INFO}={})=>{Mt(e.ee,t,r,{customAttributes:n,level:i},!1,e)},e)}(e),Se(e);const n=this.ee;["log","error","warn","info","debug","trace"].forEach(t=>{(0,Pt.i)(g.gm.console[t]),Mt(n,g.gm.console,t,{level:"log"===t?"info":t},void 0,e)}),this.ee.on("wrap-logger-end",function([t],r,i,s=[e.runtime.v2Target]){const{level:a,customAttributes:o,autoCaptured:c}=this;s.forEach(e=>{(0,ae.R)(n,t,o,a,c,e)})}),this.importAggregator(e,()=>r.e(478).then(r.bind(r,5288)))}}new F({features:[nt,K,G,vt,Et,Y,Oe,_t,It,Rt],loaderType:"spa"})})()})();</script>
358</head>
359<body class="allBlogs theme3">
360	
361		
362			
363			
364				
365
366
367
368<div class="header spectre "
369	style="background-color: #fcae05;">
370	
371	<header class="navbar container" style="min-height: 80px;">
372		  
373		  <div id="navbar-section-btn">
374		  	
375		  	<a class="btn btn-link btn-action ml-2" id="header-collapse-btn"  href="javascript:void(0);">
376				<i class="icon-menu material-icons">menu</i>
377		  	</a>
378		  </div>
379		  <section class="navbar-section" style="min-height: 80px;">
380		    <a href="/" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.sanjayuvaach.com","button":"profile_logo"}'><img alt="logo" onerror="this.src='https://d502jbuhuh9wk.cloudfront.net/resources/images/yourlogohere.jpg'" src='https://d502jbuhuh9wk.cloudfront.net/logos/6607bac1264d7a788887653c.png?v=1'/></a>
381		  </section>
382		  
383		  <section class="navbar-section menu-links">
384			
385				<a href="/s/store" class="nav-link" data-id="courses" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.sanjayuvaach.com","button":"store"}'>Courses</a>
386			
387			
388			
389			
390				
391					<a class="nav-link" href="/" data-id="nkj15bv7n" >Home</a>
392				
393					<a class="nav-link" href="/aboutus" data-id="jqdl8u65m" >About</a>
394				
395					<a class="nav-link" href="/blog" data-id="pgkusm2ni" >Blog</a>
396				
397					<a class="nav-link" href="https://www.google.com/" data-id="mywumj4a7" >Testing</a>
398				
399			
400			
401				<a href="/s/avatar" target="_blank" class="nav-link" amplitude-event="aiavatar_tapped" amplitude-payload='{"source":"nav_bar"}'>AI Avatar</a>
402			
403			
404			
405			
406			
407				
408				
409					
410						
411						
412					
413		    			<a href="javascript:void(0);" class="btn btn-primary loginBtn">Login</a>
414				
415			
416		  </section>
417	</header>
418	
419	
420</div>
421			
422		
423	
424	<div class="spectre">
425	<div class="main container" style="">
426		<div class="columns">
427			<div class="column col-8 col-sm-12 col-mr-auto">
428				
429					
430					
431						
432							
433								
434								
435									
436										
437									
438								
439							
440							
441								
442									<div style="padding: 50px 0; border-bottom: 1px dotted #ccc;">
443										
444										<h2><a target="_top" href="/blog/glowing-from-within-ayurveda-s-secret-to-anti-aging-longevity">Glowing from Within: Ayurveda’s Secret to Anti-Aging &amp; Longevity</a></h2>
445										<div class='text-gray'><i class="material-icons icon-text">access_time</i> <span class="isoDateTime icon-text">2025-06-26T12:07:46.003Z</span> <i class="material-icons icon-text">face</i> <span class='icon-text'>Dr.Sanjay Bhoi</span></div>
446										<div class="text-justify" style="margin:15px 0;">Glowing from Within Ayurved a’s Secret to Anti-Aging & Longevity Say Yes to New Adventures Introduction: The Timeless Ayurvedic Approach to Aging Forget Botox and expensive anti-aging serums—Ayurveda has been preserving youthfulness naturally for over 5,000 years! While modern skincare focuses on ex...</div>
447										<div class="text-right mt-2"><a target="_top" href="/blog/glowing-from-within-ayurveda-s-secret-to-anti-aging-longevity" class="btn btn-sm btn-primary">Read More</a></div>
448									</div>
449								
450								
451							
452						
453					
454				
455				
456					<div class="clearfix mt-2">
457						
458						
459					</div>
460				
461			</div>
462			<div class="column col-3 col-sm-12" style="padding-top:50px;">
463				<ul class="menu" style="box-shadow: none;">
464	              <li class="divider" data-content="Categories"></li>
465	              
466	              	<li class="menu-item">
467	              	
468	               	 <a target="_top" href="/blog/category?cat=ayurveda">ayurveda (1)</a>
469	              	</li>
470	              
471	            </ul>
472			</div>
473		</div>
474	</div>
475	</div>
476	
477	
478		
479			
480			
481				
482
483
484
485
486
487
488
489
490
491
492	<div class="spectre" style="clear:both;">
493<div class="bg-dark relative" style="padding-top: 80px; padding-bottom: 80px; background-color: #040339;color:#FAF0F0;">
494<footer class="p-2" 
495	style="">
496	<div class="container p-0">
497		<div class="columns col-gapless">
498			<div class="column col-9 col-md-6 col-sm-12 linksCont">
499				
500					<a class="btn btn-link" href="/termsofuse" data-id="termsofuse">Terms of use</a>
501				
502				
503					<a class="btn btn-link" href="/privacypolicy" data-id="privacypolicy">Privacy policy</a>
504				
505				
506					<a class="btn btn-link" href="/aboutus" data-id="aboutus">About us</a>
507				
508				
509					<a class="btn btn-link" href="/faqs" data-id="faqs">FAQs</a>
510				
511				
512					<a class="btn btn-link" href="/contactus" data-id="contactus">Contact us</a>
513				
514				
515					<a class="btn btn-link" href="/refundpolicy" data-id="refundpolicy">Refund policy</a>
516				
517				
518			</div>
519			<div class="column col-3 col-md-6 col-sm-12 socialIcons">
520				
521				
522				
523				
524				
525				
526			</div>
527		</div>
528	</div>
529</footer>
530
531</div>
532</div>
533	
534<script type="text/javascript">
535	window.onload = function(e) {
536		if($("footer").find(".socialIcons a").length == 0) {
537			$("footer").find(".socialIcons").remove();
538			$("footer").find(".linksCont").attr("class", "linksCont column col-12 text-center");
539		}
540	}
541		
542</script>
542
543
544
545
546
547
548			
549		
550	
551	
552	
553
554
555
556
557<script>const customDomain = "www.sanjayuvaach.com";</script>
557
558
559   
560  
561
562<script>
563var disabledLocleVar='Disabled';
564var enabledLocaleVar='Enabled';
565var smsLocaleVar='SMS';
566var webpushLocaleVar='Web Push';
567var mobilepushLocaleVar='Mobile Push';
568var invoicenumberLocaleVar='Invoice Number';
569var productLocaleVar='Product';
570var dateLocaleVar='Date';
571var amountLocaleVar='Amount';
572var detailsLocaleVar='Details';
573var subscriptionPlanLocaleVar='Subscription Plan';
574var addonsLocaleVar='Add Ons';
575var showLocalVar='Show';
576var hideLocaleVar='Hide';
577</script>
577 
578<div class="spectre">
579
580	
581	
582		
583		
584		
585			
586				
586<script>
587					var isPopupLogin = true;
588					var login = '';
589					var message = '';
590					function closeLoginPopup() {
591						$("#loginFormHtml").removeClass("active");
592						$("body").removeClass("overflowYDisable");
593					}
594				</script>
594
595				
596				
597				
598					
599				
600
601				<div class="modal" id="loginFormHtml">
602					<iframe id="microfe-popup-login" src="/t/public/login" loading="lazy"
603						style="width: calc(100% + 10px); height: 100vh; border: none;"
604						onload="$(this).parent().removeClass('loading');"></iframe>
605				</div>
606			
607		
608	 
609	
610
611	<div class="modal" id="cartHtml">
612		<a href="javascript:void(0);" class="modal-overlay close"
613			aria-label="Close"></a>
614		<div class="modal-container" style="max-width: 800px;">
615			<div class="modal-header">
616				<a href="javascript:void(0);"
617					class="close btn btn-clear float-right" aria-label="Close"></a>
618				<div class="modal-title h5">
619					<i class="fa-regular fa-shopping-cart"></i>
620					Cart
621					(<span class="cartCount"></span>
622					Items
623					)
624				</div>
625			</div>
626			<div class="modal-body" style="max-height: 70vh;">
627				<div class="content">
628
629					<div class="text-center msg loading"></div>
630					<div class="text-center msg noItems" style="display: none;">
631						There are no items in your cart<br/>
632						<a class="btn btn-primary" href="/s/store"
633							style="margin: 20px auto;">
634							Add More
635						</a>
636					</div>
637					<div class="items msg" style="display: none;">
638						<div class="m-0 cartDiv">
639							<table class="table cartTable">
640								<thead>
641									<tr>
642										<th colspan="2">Item Details</th>
643										<th class="text-right">Price</th>
644										<th style="width: 50px;"></th>
645									</tr>
646								</thead>
647								<tbody></tbody>
648							</table>
649						</div>
650						<div class="suggestCart mt-2 bg-gray p-2" style="display: none;">
651							<h6>You may also be interested in</h6>
652							<div class="columns loading" id="cartRelatedCont"></div>
653						</div>
654					</div>
655				</div>
656			</div>
657			<div class="modal-footer">
658				<div class="msg items clearfix">
659					
660						
661						
662							<div class="float-left text-gray">
663								Note: Promo Codes can be applied after checkout
664							</div>
665						
666						
667					
668					<div class="float-right">
669						Total Amount
670						<span class="text-primary curr">₹<span
671							class="totalAmount">0</span></span>
672					</div>
673				</div>
674				<div class="msg items clearfix mt-2">
675					<a class="btn float-left" href="/s/store" amplitude-event="add_more_course_checkout">
676						Add More
677					</a>
678					
679					
680						
681							
682						
683						
684					
685					<a class="btn btn-primary float-right" href="/s/checkout" amplitude-event="checkout_tapped_course_checkout" amplitude-payload='{"currency": "INR" }'>Checkout</a>
686				</div>
687			</div>
688		</div>
689	</div>
690	<div class="modal" id="newCheckoutHtml" style="padding: 0; z-index: 10000;">
691	<div id="newCheckoutLoader" class="loading loading-lg" style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); z-index: 1000;display:none;"></div>
692		<!-- <a href="javascript:void(0);" class="modal-overlay close"
693			aria-label="Close"></a>
694		<div class="modal-container" style=""> -->
695		
696
697			<iframe onload="hideCheckoutLoader()" id="newCheckoutIframe" sandbox="allow-top-navigation allow-modals allow-popups allow-presentation allow-orientation-lock allow-pointer-lock allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation allow-scripts allow-same-origin allow-forms" style = "width: calc(100% + 10px); height: 100%; border: none;"  src=""></iframe>
698				
699		<!-- </div> -->
700	</div>
701</div>
702
703<script type="text/template" id="cartItemTemplate">
704		<tr data-id="<@- item.id @>" data-type="<@- item.type @>" data-title="<@- item.title @>" data-price="<@- item.price @>" data-coursecategory="<@- item.courseCategory @>">
705			<@ var itemType = item.type; @>
706			<td style="width:150px;">	
707				<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item.id +"/"+ item.id +"_scaled_cover.jpg?v=" + coverVersion; if(isNaN(coverVersion)) { curl = showCourseDefaultCover(null, item.id)   } @>
708				<img alt="<@- item.title @> cover" style="width:100%;max-height:100px;" class="img-fit-contain lazy"  onerror="showCourseDefaultCover(this, '<@- item.id @>')" 
709						data-src='<@- curl @>' />
710			</td>
711			<td class="itemTitle"><@- item.title @><@ if(item.description !== undefined) { @><div class='text-gray variantDescription'><@ print(item.description) @></div><@ } @></td>
712			<td class="text-right curr"><@ if(item.priceWithoutTax !== undefined && 'Tax' != '') { @><@ print(getDisplayAmount(item.priceWithoutTax)) @><br><small><@ print(getDisplayAmount(item.price)) @> incl. <@- item.gstRate @>% Tax</small><@ } else { @><@ print(getDisplayAmount(item.price)) @> <@ if(item.gstRate > 0 && 'Tax' != '') { print("<br><small>incl. " +item.gstRate+"% Tax</small>") } @><@ } @> 				
713			<@ if(item.pgChargesLearnerPercent !==undefined && getDisplayAmount(item.pgChargesLearnerPercent).includes('₹')) {@> <br><small>Internet handling fees: <@print(getDisplayAmount(item.pgChargesLearnerPercent/100*item.price))@></small> <@} @>
714			</td>
715			<td>
715<button class="btn btn-sm btn-error btn-action circle removeItemBtn" data-url="/s/cart/remove/<@- item.id @>"><i class="material-icons">clear</i></button></td>
716		</tr>
717	</script>
vendor: 1 bytes, line 717
717
718<script type="text/template" id="cartcoursecard-template">
719		<div class="column col-2 col-md-4 scourse <@- item['spayee:resource']['spayee:courseType'] @>" title="<@- item["spayee:resource"]["spayee:title"] @>">
720			  <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
721				<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item["spayee:resource"]["spayee:coverVersion"]; if(isNaN(item["spayee:resource"]["spayee:coverVersion"])) { curl = showCourseDefaultCover(null, item._id)   } @>
722		              <img style="width: 100%;" alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl  @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
723					  <div class="card-footer" style="padding: 0.2rem;"><span class="ctitle text-ellipsis d-block" style="color:#2f4f4f;font-size:small;"><@- item["spayee:resource"]["spayee:title"] @></span></div>
724		      </a>
725		</div>
726	</script>
vendor: 1 bytes, line 726
726
727<script type="text/template" id="coursecard-template">
728		<div class="column scourse <@- item['spayee:resource']['spayee:courseType'] @> hidePackageRibbon<@- item['spayee:resource']['spayee:hidePackageRibbon'] @>">
729					
730					
731					
732					<@ var itemCategory =  (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @>
733
734					<a class="card courseDiscId" style="height:100%" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" data-id="<@- item._id@>" data-dcid="<@-item._id@>"
735						amplitude-event="course_card_tapped_checkout"
736						amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', '', item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable('', item) @>","wallet_coins_enabled_on_school":"false","category":"<@- itemCategory @>"}'
737					>
738					
739						
740					
741		              <div class="card-image relative <@ print(item["spayee:resource"]["spayee:availableForMembership"] ? 'includedInMembership' : '') @>">
742						<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id + "/" + item._id +"_scaled_cover.jpg?v=" + item["spayee:resource"]["spayee:coverVersion"]; if(isNaN(item["spayee:resource"]["spayee:coverVersion"])) { curl = showCourseDefaultCover(null, item._id);   } @>
743						<div class="blurbg lazy" data-bg="<@- curl @>"></div>
744		                <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
745		              </div>
746		              <div class="card-body text-ellipsis">
747							<span class="ctitle" style="color:#2f4f4f;text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;"><@- item["spayee:resource"]["spayee:title"] @></span><br>
748
749							<@ if(item.rating !== undefined) { @>
750								<span class="text-gray ratingIcons icon-text">
751								<@ for(var i=1;i<6;i++) { @>
752									<@ if(item.rating.avgRating >= i) { @><i class="material-icons text-primary">star</i><@ }else if(item.rating.avgRating > i-1 && item.rating.avgRating < i) { @><i class="material-icons text-primary">star_half</i><@ }else { @>
753									<i class="material-icons">star_border</i>								
754								<@ } } @></span><small class="d-inline-block pl-1 text-dark"><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</small>
755							<@ }else { @> <span class="text-gray ratingIcons icon-text">&nbsp;</span> <@ } @>
756							<br>
757							<span class="text-gray">
758								<@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @>
759									<@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses
760								<@ }else { @>
761									<@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:publisher"]):"&nbsp;") @>
762								<@ } @>
763							</span>
764					  </div>
765		              <div class="card-footer">
766						<@ print(getCourseDisplayPrice('₹', '', item, '0.0', '', true)) @>
767						<span class="text-gray" style="font-size:small">
768							<@ if(item['spayee:resource']['spayee:instalmentPlanId']!=null && item['spayee:resource']['spayee:instalmentPlanId'] !== "") { @>
769								<@ print(getCourseInstalmentDisplayPrice('', item))@>
770								<@ }else { @>
771								<@ "&nbsp;" @>
772							<@ } @>
773						</span>
774		              </div>
775					<div style="padding: 0 0.8rem 0.8rem 0.8rem;">
776						<span class="text-gray" style="font-size:small">
777							<@ if(getMultiplePlanLabel('', item)>1) {@>
778							<i class="material-icons text-primary" style="font-size:small">discount</i>
779							<@ print(' Flexible pricing plans') } @>
780						</span>
781					</div>
782		            </a>
783		</div>
784	</script>
784
785
786<script type="text/template" id="blogcard-template">
787		<div class="column col-3 col-md-6 col-sm-6 col-xs-12 scourse" style="margin-bottom: 20px;">
788					<a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="/blog/<@- item['spayee:resource']['spayee:url'] @>">
789		              <div class="card-image relative">
790						<@ if(item['spayee:resource']['spayee:cover'] !== undefined && item['spayee:resource']['spayee:cover']) { @>
791							<div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/articles/<@- item._id @>/cover.jpg<@ print(item["spayee:resource"]["spayee:coverVersion"] !== undefined?"?v="+item["spayee:resource"]["spayee:coverVersion"]:"") @>"></div>
792							<img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="img-responsive centered relative lazy" style="max-height: 100%;" data-src="https://d502jbuhuh9wk.cloudfront.net/articles/<@- item._id @>/cover.jpg?v=<@- item['spayee:resource']['spayee:coverVersion'] @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
793						<@ }else { @>
794							<div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png"></div>
795							<img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="img-responsive centered relative lazy" style="max-height: 100%;" data-src='https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png'>
796						<@ } @>
797		              </div>
798		              <div class="card-body text-ellipsis"><span style="color:#2f4f4f;"><@- item["spayee:resource"]["spayee:title"] @></span></div>
799		              <div class="card-footer" style="padding: 0.4rem;">
800						<span class="text-gray float-left text-ellipsis" style="max-width: calc(100% - 110px);"><@ print(item["spayee:resource"]["spayee:author"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:author"]):"") @></span>
801						<@ var pdate = item.createdDate.$date; if(item['spayee:resource']['spayee:publishDate'] !== undefined && item['spayee:resource']['spayee:publishDate'] !== '') { pdate = item['spayee:resource']['spayee:publishDate']; } @>
802						<time class="float-right text-warning"><@ print(formatDate(new Date(pdate))) @></time>
803		              </div>
804		            </a>
805		</div>
806	</script>
806
807	
808	
808<script type="text/javascript">
809	  var uuid = function (a) {
810		  // https://github.com/amplitude/Amplitude-Javascript/blob/master/src/uuid.js
811		  return a // if the placeholder was passed, return
812		    ? // a random number from 0 to 15
813		      (
814		        a ^ // unless b is 8,
815		        ((Math.random() * // in which case
816		          16) >> // a random number from
817		          (a / 4))
818		      ) // 8 to 11
819		        .toString(16) // in hexadecimal
820		    : // or otherwise a concatenated string:
821		      (
822		        [1e7] + // 10000000 +
823		        -1e3 + // -1000 +
824		        -4e3 + // -4000 +
825		        -8e3 + // -80000000 +
826		        -1e11
827		      ) // -100000000000,
828		        .replace(
829		          // replacing
830		          /[018]/g, // zeroes, ones, and eights with
831		          uuid, // random hex digits
832		        );
833	  };
834		
835	  (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
836	  ;r.type="text/javascript"
837	  ;r.integrity="sha384-tzcaaCH5+KXD4sGaDozev6oElQhsVfbJvdi3//c2YvbY02LrNlbpGdt3Wq4rWonS"
838	  ;r.crossOrigin="anonymous";r.async=true
839	  ;r.src="https://cdn.amplitude.com/libs/amplitude-8.5.0-min.gz.js"
840	  ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
841	  console.log("[Amplitude] Error: could not load SDK")}}
842	  ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
843	  ;function s(e,t){e.prototype[t]=function(){
844	  this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
845	  var o=function(){this._q=[];return this}
846	  ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"]
847	  ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[]
848	  ;return this}
849	  ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
850	  ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u
851	  ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
852	  ;function v(e){function t(t){e[t]=function(){
853	  e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
854	  for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
855	  e=(!e||e.length===0?"$default_instance":e).toLowerCase()
856	  ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])
857	  }return n._iq[e]};e.amplitude=n})(window,document);
858	
859	  amplitude.getInstance().init('e56929a4c3888c23e97a7e70e34ccf6c');
860	  amplitude.getInstance().setUserId(null);
861	  //amplitude.getInstance().regenerateDeviceId();
862
863    var userProperties = {
864			custom_domain: "www.sanjayuvaach.com",
865			org_id: "6607bac1264d7a788887653c",
866			default_google_login_enabled: 'true' == 'true',
867			personalized_google_login_enabled: '' != '' && 'true' == 'false' ? true : false,
868			facebook_login_enabled: '' == 'true' ? true : false
869	  };
870	  amplitude.getInstance().setUserProperties(userProperties);
871    
872/*     var deviceId = uuid();
873	  amplitude.getInstance().setDeviceId(deviceId);
874	  sessionStorage.setItem('amplitudeDeviceId', deviceId); */
875	</script>
875
876	
877	
877<script type="text/javascript">
878		window.signupParams = {source: "store", platform: "web", sourceId: null};
879		var showGraphyFomoFlag = '';
880		
881			showGraphyFomoFlag = '6607bac1264d7a788887653c';
882		
883	</script>
883
884
885	
885<script type="text/javascript">
886		function hideCheckoutLoader() {
887			if(typeof window.hideLoader =="function") {
888				window.hideLoader();
889			}
890		}
891		var checkoutRedirectGuestUsers = 'signup';
892	</script>
892
893
894
895
896
897
898
899<script type="text/template" id="spcoursecard-2-template">
900		<div class="column third">
901			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
902			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
903			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
904			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
905			<h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4>
906			<p class="size-16"><@ if(item.rating !== undefined) { @>
907								<span class="text-gray ratingIcons icon-text">
908								<@ for(var i=1;i<6;i++) { @>
909									<@ if(item.rating.avgRating >= i) { @><i class="material-icons text-primary">star</i><@ }else if(item.rating.avgRating > i-1 && item.rating.avgRating < i) { @><i class="material-icons text-primary">star_half</i><@ }else { @>
910									<i class="material-icons">star_border</i>								
911								<@ } } @></span><span><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</span>
912			<@ }else { @> <span class="text-gray ratingIcons icon-text">&nbsp;</span> <@ } @></p>
913			<p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
914				<@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
915			
916			<p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', true)) @></span><br></p>
917			<div style="margin:1em 0"></div>
918			</a>
919		</div>
920	</script>
vendor: 1 bytes, line 920
920
921<script type="text/template" id="spcoursecard-1-template">
922		<div class="column third">
923			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
924			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
925			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
926			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
927			<h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4>
928			<div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
929
930			<p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', true)) @></span><br></p>
931			<div style="margin:1em 0"></div>
932			</a>
933		</div>
934	</script>
vendor: 1 bytes, line 934
934
935<script type="text/template" id="spcoursecard-3-template">
936		<div class="column third">
937			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
938			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
939			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
940			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
941			<h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4>
942			<div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
943			<p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
944				<@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
945			<p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', true)) @></span><br></p>
946			<div style="margin:1em 0"></div>
947			</a>
948		</div>
949	</script>
949
950	
951<script type="text/template" id="spcoursecard-4-template">
952		<div class="column third text-center" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;">
953			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
954			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
955			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
956			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
957			</a>
958			<h3 class="size-18 text-center" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><b class="text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h3>
959			<div class="discription"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
960			<p class="size-18 price text-primary"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', true)) @></p>
961			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>Buy now<br></a>
962		</div>
963	</script>
963	
964<script type="text/template" id="spcoursecard-5-template">
965		<div class="column third" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;">
966			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
967			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>			
968			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
969			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
970			</a>
971			<h3 class="sub-heading"><b class="size-18 text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h4>
972			<p class="size-16 description text-primary"> <@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
973				Instructor : <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
974			<@if(item.rating){@>
975				<p class="size-16 description text-primary">Rating: &nbsp;
976 					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
977						<@if(item.rating){@> 
978							<@if(item.rating.avgRating){@> 
979								<@ if(item.rating.avgRating >= ratingsSize) {@> 
980									<i class="icon ion-android-star text-primary"></i>&nbsp; 
981								<@ } else if(item.rating.avgRating > ratingsSize-1 && item.rating.avgRating < ratingsSize) { @> 
982									<i class="icon ion-android-star-half text-primary"></i>&nbsp; 
983								<@ } @>
984							<@}@>		
985		  				<@}@>
986					<@}@>
987				</p>
988			<@}@>
989		
990			<p class="size-18 price text-primary">Price : <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', true)) @></p>
991			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>Buy now</a>
992		</div>
993	</script>
993
994	
995<script type="text/template" id="spcoursecard-6-template">
996		<div class="column third">
997			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
998			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
999				
1000				
1001				<@  var itemCategory =  (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:''@>
1002				
1003				<@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) { @> 
1004				   <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="course_card_tapped_checkout" amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}'>
1005				<@ } else { @>
1006 				   <a title="<@- item['spayee:resource']['spayee:title'] @>" amplitude-event="course_card_tapped_checkout" amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}'>  
1007                <@ } @>
1008			
1009			
1010			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')" style="border-radius: 20px; margin-bottom: 0px; width: 100%; height: 190px;object-fit:cover;">
1011			</a>
1012			<div style="font-weight: 800; line-height: 1.1; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;" class="text-ellipsis"><@- item['spayee:resource']['spayee:title'] @></div>
1013			<p class="size-16 description text-primary"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @> Courses<@ } @></p>
1014			<p class="size-18 price text-primary"><@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) @> <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', false)) @></p>
1015			<@ if (item.isMembershipPage != undefined && !item.isMembershipPage) { @>
1016            
1017				
1018					<@ var itemCategory =  (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @>
1019					<@ if(isMultiplePlansAvailable(sessionCountry, item) === false) { @>
1020						<a title="<@- item['spayee:resource']['spayee:title'] @>" href="/single-checkout/<@- item['_id'] @>?pid=<@ print(getCoursePid(sessionCountry, item)) @>" class="buy-btn btn btn-primary" amplitude-event="course_buy_now_tapped_checkout" amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}' style="border: none;padding: 16px 61px; font-size: 16px; letter-spacing: 0.08px; line-height: 16px; font-weight: 600; text-decoration: none; display: block; text-align: center;">
1021							Buy now
1022						</a>
1023					<@ } else { @>
1024
1025						<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="course_buy_now_tapped_checkout" amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}' style="border: none;padding: 16px 61px; font-size: 16px; letter-spacing: 0.08px; line-height: 16px; font-weight: 600; text-decoration: none; display: block; text-align: center;">
1026							Buy now
1027						</a>
1028					<@ } @>
1029				
1030				
1031			
1032			<@ } @>
1033		</div>
1034	</script>
1034			
1035	
1036	
1037<script type="text/template" id="spcoursecard-7-template">
1038		<div class="column third course-mob-block">
1039			<div class="inner-course-block">
1040			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
1041			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>			
1042			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
1043			<img class="lazy" data-style="width: 100%; height: auto;" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')" >
1044			</a>
1045			<div class="course-price-block">
1046			<p class="text-ellipsis" title="<@- item['spayee:resource']['spayee:title'] @>" style="font-size: 18px; font-weight: 700; line-height: 1.3rem; width: 100%; margin-top: 0px; margin-bottom: 0px; min-height: 47px; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;">
1047				<@- item['spayee:resource']['spayee:title'] @>
1048			</p>
1049			<p class="text-primary" style="word-break: break-all; font-size: 14px; font-weight: 500; line-height: 1.5; margin-top: 16px; margin-bottom: 0px;">
1050					<@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', false)) @>
1051			</p>
1052			</div>
1053			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border: none; cursor: pointer; border-radius: 4px; padding: 13px 28px; line-height: 1.5; font-weight: 600; font-size: 14px; letter-spacing: 0.15px; margin-top: 28px;">
1054				Enroll now
1055			</a>
1056			</div>
1057		</div>
1058</script>
1058		
1059	
1060<script type="text/template" id="spcoursecard-8-template">
1061	 <div class="row clearfix" style="margin-bottom: 24px; margin-top: 14px;">
1062			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
1063			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1064                    <div class="column third center" style="padding-left: 0px; padding-right: 0px;">
1065                        <img
1066                            class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')"
1067                            style="margin-top: 0px; margin-bottom: 0px;"
1068                        />
1069                    </div>
1070                    <div class="column two-third course-block-mob" style="display: flex; flex-direction: column; justify-content: center;">
1071                        <div class="course-price-block">	
1072							<h3 style="color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; line-height: 1.1; margin-bottom: 0px; margin-top: 0px; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;">
1073								<@- item['spayee:resource']['spayee:title'] @>
1074							</h3>
1075                        	<div class="sortDescription8">
1076                            	<@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @>
1077                        	</div>
1078						</div>
1079
1080                        <a class="buy-btn btn btn-primary" title="<@- item['spayee:resource']['spayee:title'] @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" style="width: fit-content; text-align: left; display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; cursor: pointer; background-color: rgb(231, 215, 73); color: rgb(0, 0, 0);border-radius: 0px;padding: 16px 48px;line-height: 16px;font-weight: 700;font-size: 16px;letter-spacing: 0.08px;border-image: initial;">
1081                            Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', false)) @>
1082                        </a>
1083					</div>
1084        </div>
1085	</script>
1085	
1086
1087
1088	<!-- vegas TEMPLATE 9 NEW-->
1089	
1089<script type="text/template" id="spcoursecard-9-template" >
1090    <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;">
1091        <div style="border:1px solid #D7D7D7; border-radius:24px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;">
1092            <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @>
1093            <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1094            
1095            <a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>
1096                <img style="height:200px; width:100%; object-fit:fill; margin:0px 0px; border-top-left-radius:24px; border-top-right-radius:24px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
1097            </a>
1098            
1099			<div style="padding:10px 20px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1100				<h3 
1101					class="size-18 text-left" 
1102					title="<@- item['spayee:resource']['spayee:title'] @>" 
1103					style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;"
1104				>
1105					<b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b>
1106				</h3>
1107			
1108				<div 
1109					class="size-16 text-ellipsis course-card-text" 
1110					title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 
1111					style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;"
1112				>
1113				<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1114				</div>
1115			</div>
1116			
1117                <div style="margin-top: auto; margin-left:10px;">
1118                    <a style="background-color:#FB5607 !important; border:0px !important; border-radius:62px !important; padding:10px 16px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 
1119                       class="buy-btn btn btn-primary" 
1120                       title="<@- item['spayee:resource']['spayee:title'] @>" 
1121                       amplitude-event="buy_now_tapped_course_checkout" 
1122                       amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1123                       href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1124                        Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', false)) @>
1125                    </a>
1126                </div>
1127            </div>
1128        </div>
1129    </div>
1130</script>
1130
1131
1132			<!--Blaze Course nEW tEMPLATE 10-->
1133			
1133<script type="text/template" id="spcoursecard-10-template">
1134							<div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 10px;margin-top:10px; text-align:left;">
1135								<div style="height: 100%; display: flex; flex-direction: column;">
1136									<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @>
1137									<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1138									
1139									<a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none; color:black; font-size:24px;">
1140										<img style="height:320px;  object-fit:cover; margin:0px 0px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
1141									</a>
1142									
1143									<div style=" flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1144										<h3 
1145			    class="size-18 text-left" 
1146			    style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: white;"
1147			>
1148			    <b title="<@= item['spayee:resource']['spayee:title'] @>" style="color:white;">
1149			        <@- item['spayee:resource']['spayee:title'] @>
1150			    </b>
1151			</h3>
1152										
1153										<div title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" class="size-16 text-ellipsis course-card-text" style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;color:white;">
1154											<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1155										</div>
1156										
1157										<div style="margin-top: auto;">
1158											<a style="width:100% !important;font-weight:600 !important; letter-spacing:0px; color:black !important; background-color:#D8FD46 !important; border:0px !important; border-radius:0px !important; padding:20px 36px !important; width: fit-content; display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; cursor: pointer; padding: 16px 28px; line-height: 16px; font-weight: 700; font-size: 16px; letter-spacing: 0px; border-image: initial;" 
1159											class="buy-btn btn btn-primary" 
1160											title="<@- item['spayee:resource']['spayee:title'] @>" 
1161											amplitude-event="buy_now_tapped_course_checkout" 
1162											amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1163											href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1164											 Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', false)) @>
1165										 </a>
1166			
1167										</div>
1168									</div>
1169								</div>
1170							</div>
1171						</script>
1171
1172			
1173			<!--Olive Course 11-->
1174			
1174<script type="text/template" id="spcoursecard-11-template" >
1175				<@ 
1176				// Calculate colors based on index
1177				var colorIndex = (typeof window.courseCardColorIndex === 'undefined') ? 0 : window.courseCardColorIndex;
1178				var colors = [
1179					{ bg: '#FFA46B', btnBg: '#361500' },  // Orange card → Dark brown button
1180					{ bg: '#87A1F6', btnBg: '#001A71' },  // Blue card → Dark blue button
1181					{ bg: '#B073DC', btnBg: '#34005A' }  // Purple card → Dark brown button (default)
1182				];
1183				var currentColor = colors[colorIndex % 3];
1184				window.courseCardColorIndex = colorIndex + 1;
1185				@>
1186				
1187				<div class="column third text-center course-card course-card-fixed-height" style="padding: 0 15px; margin-bottom: 30px;">
1188					<div class="course-card-wrapper" style="background-color: <@- currentColor.bg @>; height: 100%; border-radius: 32px; overflow: hidden;">
1189						<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; 
1190						if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @>
1191						
1192						<a class="course-image-link" style="display: block; padding: 16px;padding-bottom:0px" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1193							<img style="height:320px; width:100%; object-fit:cover; border-radius: 32px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
1194						</a>
1195						
1196						<div style="padding: 20px;" class="course-card-content">
1197							<h3 style="font-size:24px; text-transform:uppercase; color: black; margin: 0 0 15px 0; text-align: left;white-space:nowrap; overflow: hidden; text-overflow: ellipsis;width: 100%;display:block;">
1198								<b title="<@= item['spayee:resource']['spayee:title'] @>"><@- item['spayee:resource']['spayee:title'] @></b>
1199							</h3>
1200							<div title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" class="size-16 text-ellipsis course-card-text" style="max-height: 3rem; min-height: 3rem; color:black; margin-bottom: 12px;text-align: left;">
1201								<@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"&nbsp;") @>
1202							</div>
1203							<a class="enroll-button" 
1204							   style="display: block; 
1205									  background-color: <@- currentColor.btnBg @>; 
1206									  color: white !important; 
1207									  padding: 12px; 
1208									  text-align: center; 
1209									  font-weight: 600; 
1210									  text-decoration: none;
1211									  border-radius: 32px;"
1212							   href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1213								Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', false)) @>
1214							</a>
1215						</div>
1216					</div>
1217				</div>
1218				
1219			</script>
1219
1220			
1221
1222			<!-- Nebula Course 12-->
1223			
1223<script type="text/template" id="spcoursecard-12-template" >
1224				<div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;">
1225					<div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;">
1226						<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @>
1227						<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1228						
1229						<a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>
1230							<img style="height:240px; width:100%; object-fit:fill; margin:0px 0px; border-radius:16px; " class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
1231						</a>
1232						
1233						<div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1234							<h3 
1235								class="size-18 text-left" 
1236								title="<@- item['spayee:resource']['spayee:title'] @>" 
1237								style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;"
1238							>
1239								<b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b>
1240							</h3>
1241						
1242							<div 
1243								class="size-16 text-ellipsis course-card-text" 
1244								title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 
1245								style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;"
1246							>
1247							<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1248							</div>
1249						</div>
1250							
1251							<div style="margin-top: auto; margin-left:0px;">
1252								<a style="background-color:#6715FF !important;  border-radius:12px !important; padding:10px 16px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 
1253								   class="buy-btn btn btn-primary" 
1254								   title="<@- item['spayee:resource']['spayee:title'] @>" 
1255								   amplitude-event="buy_now_tapped_course_checkout" 
1256								   amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1257								   href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1258									Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', false)) @>
1259								</a>
1260							</div>
1261						</div>
1262					</div>
1263				</div>
1264			</script>
1264
1265
1266
1267
1268		<!--Dusk Course-13-->
1269		
1269<script type="text/template" id="spcoursecard-13-template" >
1270			<div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;">
1271				<div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;">
1272					<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @>
1273					<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1274					
1275					<a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>
1276						<img style="height:240px; width:100%; object-fit:fill; margin:0px 0px; border-radius:16px; " class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
1277					</a>
1278					
1279					<div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1280						<h3 
1281							class="size-18 text-left" 
1282							title="<@- item['spayee:resource']['spayee:title'] @>" 
1283							style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;"
1284						>
1285							<b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b>
1286						</h3>
1287					
1288						<div 
1289							class="size-16 text-ellipsis course-card-text" 
1290							title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 
1291							style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;"
1292						>
1293						<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1294						</div>
1295					</div>
1296					
1297				   
1298						
1299						<div style="margin-top: auto; margin-left:0px;">
1300							<a style="background-color:#282400 !important;border:0px ;  border-radius:41px !important; padding:10px 24px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 
1301							   class="buy-btn btn btn-primary" 
1302							   title="<@- item['spayee:resource']['spayee:title'] @>" 
1303							   amplitude-event="buy_now_tapped_course_checkout" 
1304							   amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1305							   href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1306								Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '0.0', '', false)) @>
1307							</a>
1308						</div>
1309					</div>
1310				</div>
1311			</div>
1312		</script>
1312
1313			
1314			
1315
1316
1317
1318
1319
1320
1321
1322<!-- Curriculum 1st Template -->
1323<script type="text/template" id="coursecurr-1-template">
1324       <table class="table courseContents">
1325        <thead>
1326            <tr>
1327                <td style="width: 50px;"></td>
1328                <td style="width: 50px;"></td>
1329                <td></td>
1330            </tr>
1331        </thead>
1332        <tbody>
1333            <@ $.each(item, function(index, value) { @>
1334            <tr>
1335                <td><i class="material-icons courseItemIcon" data-type="<@- value.type @>"></i></td>
1336                <td colspan="2">
1337                    <@- value.title @> 
1338					<@ if(value.type == 'aiheading') { @>
1339						<small>(coming soon)</small><@ } @>
1340					<@ if(assetInfo && value.type == 'video' && value.duration !== undefined && value.duration > 0) { @>
1341						<small>(<@ print(Math.floor(value.duration)) @>:00)</small><@ } @>
1342					<@ if(assetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @>
1343						<small>(<@- value.pages @> pages)</small>
1344					<@ } @>
1345                </td>
1346            </tr>
1347            <@ if(value.items != undefined) { @> <@ $.each(value['items'], function(index1, value1) { @>
1348            <tr>
1349                <td></td>
1350                <td><i class="material-icons courseItemIcon" data-type="<@- value1.type @>"></i></td>
1351                <td>
1352                    <@- value1.title @>
1353					<@ if(assetInfo && value.type == 'video' && value1.duration !== undefined && value1.duration > 0) { @><small>(<@ print(Math.floor(value1.duration)) @>:00)</small><@ } @>
1354					<@ if(assetInfo && value1.type =='pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1355					<@ if(value1.type =='aiheading') { @><small>(coming soon)</small><@ } @>
1356                </td>
1357            </tr>
1358            <@ }); @> <@ } @> <@ }); @>
1359        </tbody>
1360    </table>
1361</script>
1361
1362
1363
1364<!-- Curriculum 2nd Template -->
1365<script type="text/template" id="coursecurr-2-template">
1366    <div class="column full curriculum2"  spellcheck="false">
1367      <div class="course-content1" >
1368    	<p style="font-size: 15px; font-weight: 400; margin-top: 0px;">
1369    		<@if(summary.modules && summary.modules>0){@>
1370    			<@print(summary.modules)@> Modules &nbsp;<i class="icon ion-android-folder-open"></i>&nbsp; &nbsp; <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>|<@}@>&nbsp; &nbsp;
1371    		<@}@>
1372    		<@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>
1373    			<@print(summary.sessions)@> Sessions <i class="icon ion-android-laptop"></i>&nbsp; &nbsp; <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>|<@}@>&nbsp; &nbsp;
1374    		<@}@>
1375    		<@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
1376    			<@print(millisecondsToHHMMSSStr(summary.durations))@> Total Time&nbsp;&nbsp;<i class="icon ion-ios-clock-outline"></i>
1377    		<@}@>
1378    	</p>
1379      </div>
1380
1381
1382    	<@ $.each(item, function(index, value) { @>
1383    	<div class="course-course-content-box" >
1384    		<div class="course-content-blue-title <@if(value && value.contents){@> bg-primary <@}else if($('#'+id).closest('div.is-section').hasClass("is-bg-grey")){@>bg-white<@}else{@>is-bg-grey<@}@>" >
1385              <span class="title-icon">
1386    			<span class="material-icons <@if(value && !value.contents){@> text-primary <@}@>"><@ print(getCourseAssetIcon(value.type))@></span>
1387    		  </span>
1388    			<div class="titl5b" >
1389    				<h3 class="<@if(value && !value.contents){@> text-primary <@}@>">
1390    					<@print(value.title)@> <@ if(curriculumAssetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @><small>(<@- value.pages @> pages)</small><@ } @>
1391    					<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
1392    							<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value.id)@>" class="previewBtn"><span class="<@if(value && !value.contents){@> text-primary <@}@>">Preview</span></a>
1393    					<@}@>
1394    				</h3>
1395    		  		<p class="<@if(value && !value.contents){@> text-primary <@}@>"><@if(value && value.contents && curriculumAssetInfo){@>
1396    						Sessions: <@print(value.contents)@>
1397    					<@}@>
1398    					<@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@>|<@}@>
1399    						Time: <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1400    					<@}@>
1401    				<@if(value && value.contents>0){@><span class="material-icons">expand_more</span><@}@>  </p>
1402    			</div>
1403    		</div>
1404    <@if(value && value.items){@>
1405    	<@ $.each(value['items'], function(index1, value1) { @>
1406    		<div class="course-content-body <@if(index==0){@>showing<@ }@>" >
1407    				<div class="desc1 " >
1408    				<div class="is-box-9" >
1409    					<div class="boxa1" >
1410    						<span class="material-icons text-primary"><@ print(getCourseAssetIcon(value1.type))@></span>
1411    						<p> <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1412							<@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
1413							</p>
1414		
1415    					</div>
1416    				</div>
1417    				<div class="is-box-1" >
1418    					<div class="boxa2" >
1419    						<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1420    								<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>#<@print(value1.id)@>">
1421										<@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1422									</a>
1423    						<@}@>
1424    					</div>
1425    				</div>
1426    				<div class="is-box-2" >
1427    					<div class="boxa2" >
1428    						<p class="duration"><@if(value1.duration && curriculumAssetInfo){@><@print(millisecondsToHHMMSSStr(value1.duration))@><@}@></p>
1429    					</div>
1430    				</div>
1431    				</div>
1432    		</div>
1433    	<@ }); @>
1434    <@}@>
1435    	</div>
1436      <@ }); @>
1437
1438    </div>
1439</script>
1439
1440
1441
1442
1443
1444
1445<!-- Curriculum 3rd Template -->
1446<script type="text/template" id="coursecurr-3-template">
1447     <div class="column full" spellcheck="false" data-gramm="false">
1448        <div class="accordion-syllabus" >
1449			<@ $.each(item, function(index, value) { @>
1450            <div class="accordion-syllabus-item">
1451                <header class="accordion-syllabus-header">
1452                    <h4 class="accordion-syllabus-header__title">
1453                        <span class="text-primary">
1454							<@if(index<9){@>
1455									0<@print(index+1)@>
1456								<@ } else {@> 
1457									<@print(index+1)@> 
1458							<@ } @>
1459						</span>
1460                        <p><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
1461							<@if(value && value.items){@>
1462								<@ print(value.items.length) @> attachment(s) 
1463							<@}@>
1464						<@if(value.moduleDurations && curriculumAssetInfo){@>
1465							<@if(value && value.contents){@> • <@}@>
1466    						<@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1467    					<@}@>
1468						</span></p>
1469						
1470                    </h4>
1471                    <div class="accordion-syllabus-header__info">
1472                        <p class="text-primary hide-sm">
1473							<@if(value && value.items){@>
1474								<@ print(value.items.length) @> attachment(s) 
1475							<@}@>
1476						<@if(value.moduleDurations && curriculumAssetInfo){@>
1477							<@if(value && value.contents){@> • <@}@>
1478    						<@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1479    					<@}@>
1480						</p>
1481						<@if(value && value.items){@>
1482                        <div class="accordion-syllabus-header__icon text-primary">
1483                            <i class="fa fa-angle-left" aria-hidden="true"></i>
1484                        </div>
1485						<@}@>
1486                    </div>
1487                </header>
1488				<@if(value && value.items){@>
1489                <div class="accordion-content" style="">
1490                    <div class="accordian-content-block">
1491                        <ul class="accordian-list">
1492							<@ $.each(value['items'], function(index1, value1) { @>
1493                            <li class="accordian-list__item">
1494                                <div class="accordian-content-card">
1495                                    <div class="accordian-content-card__info">
1496                                        <div class="accordian-content-card__ico">
1497											<@ if(value1.type == 'code'){ @>
1498												<img src="/resources/images/CodeIcon.svg">
1499											<@ } else { @>
1500												<span class="material-icons text-primary">
1501													<@ print(getCourseAssetIcon(value1.type))@>
1502												</span>
1503											<@ } @>
1504										</div>
1505                                        <div class="accordian-content-card__title">
1506											<@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1507											<@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
1508										</div>
1509                                    </div>
1510                                    <div class="accordian-content-card__link">
1511										<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1512    										<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn">
1513												<span class="text-primary">
1514													<@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @><span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span>
1515												</span>
1516											</a>
1517    									<@}@>
1518                                    </div>
1519                                </div>
1520                            </li>
1521                    		<@ }); @>
1522                        </ul>
1523                    </div>
1524                </div>
1525			<@ } @>
1526            </div>
1527           <@ }); @>   
1528        </div>
1529    </div>
1530</script>
1530
1531
1532
1533
1534<!-- Curriculum 4th Template -->
1535<script type="text/template" id="coursecurr-4-template">
1536   <div class="column full coursecurr4">
1537	 <@ $.each(item, function(index, value) { @>
1538	 <div class="accordion-syllabus-item">
1539	 <header class="accordion-syllabus-header" >
1540		 <h4 class="accordion-syllabus-header__title">
1541			 <span>
1542				 <@if(index<9){@>0<@print(index+1)@><@ } else {@> <@print(index+1)@> <@ } @>
1543			 </span>
1544			 <div class="accordion-syllabus-header__title-block" > 
1545				 <p style="font-size: 20px; font-weight: 700;">
1546					 <@print(value.title)@>
1547				 </p>
1548				 <p class="text-primary" style="font-weight: 500; font-size: 14px; line-height: 150%; margin-top: 10px; ">
1549					 <@if(value && value.type == 'aiheading'){@>
1550						 (coming soon)
1551					 <@}@>
1552					 <@if(value && value.items){@>
1553						 <@ print(value.items.length) @> attachment(s) 
1554					 <@}@>
1555					 <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@> • <@}@>
1556						 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1557					 <@}@>
1558				 </p>
1559			 </div>
1560		 </h4>
1561		 <@if(value && value.items){@>
1562		 <div class="accordion-syllabus-header__info" >
1563			 <div class="accordion-syllabus-header__icon" >
1564				 <i class="fa fa-angle-left" aria-hidden="true"></i>
1565			 </div>
1566		 </div>
1567		 <@ } @>
1568	 </header>
1569	 <@if(value && value.items){@>
1570	 <div class="accordion-content"  style="">
1571		 <div class="accordian-content-block" >
1572			 <ul class="accordian-list">
1573				 <@ $.each(value['items'], function(index1, value1) { @>
1574				 <li class="accordian-list__item">
1575					 <div class="accordian-content-card" >
1576						 <div class="accordian-content-card__info" >
1577							 <div class="accordian-content-card__ico" >
1578								 <@ if(value1.type == 'code'){ @>
1579									 <img src="/resources/images/CodeIcon.svg">
1580								 <@ } else { @>
1581									 <span class="material-icons text-primary">
1582										 <@ print(getCourseAssetIcon(value1.type))@>262
1583									 </span>
1584								 <@ } @>
1585							 </div>
1586							 <div class="accordian-content-card__title" >
1587								 <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1588								 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
1589							 </div>
1590						 </div>
1591						 <div class="accordian-content-card__link" >
1592							 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1593							 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn">
1594								 <span class="text-primary">
1595									 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span>
1596								 </span>
1597							 </a>
1598							 <@ } @>
1599						 </div>
1600					 </div>
1601				 </li>
1602				 <@ }); @>
1603			 </ul>
1604		 </div>
1605	 </div>
1606	 <@ } @>
1607   </div>
1608  <@ }); @>  
1609 </div>
1610 </script>
1610
1611
1612 <!-- vegas curriculum-5-->
1613 
1613<script>
1614	// Simple responsive positioning
1615	function updatePosition() {
1616		const element = document.getElementById('totalTimeElement');
1617		if(element){
1618		if (window.innerWidth > 768) {
1619			element.style.position = 'absolute';
1620			element.style.top = "5px";
1621			element.style.right = '122px';
1622		} else {
1623			element.style.position = 'static';
1624			element.style.margin = '0 0';
1625		}
1626		}
1627	}
1628	
1629	// Run on load and resize
1630	window.addEventListener('load', updatePosition);
1631	window.addEventListener('resize', updatePosition);
1632	</script>
1632
1633 
1633<script type="text/template" id="coursecurr-5-template">
1634	<div class="total-time" id="totalTimeElement" style="
1635    font-size: 18px;
1636    font-weight: 600;
1637    color: #FB5607;
1638    padding: 8px 12px;
1639    border-radius: 4px;
1640    white-space: nowrap;">
1641     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
1642        <@print(millisecondsToHHMMSSStr(summary.durations))@>
1643    <@}@>
1644</div>
1645
1646<div class="accordion-syllabus" style="max-width:1000px !important">
1647    <@ $.each(item, function(index, value) { @>
1648    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
1649        <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:0px;box-shadow:none;padding:0.5rem !important">
1650            <h4 class="accordion-syllabus-header__title">
1651                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
1652                    <@if(index < 9) {@>  
1653                        Week <@print(index + 1)@>:  
1654                    <@ } else {@>  
1655                        Week <@print(index + 1)@>:
1656                    <@ } @>  
1657                </span>
1658                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
1659                    <@if(value && value.items){@>
1660                        <@ print(value.items.length) @> attachment(s) 
1661                    <@} else {@>
1662                        1 attachment(s)
1663                    <@}@>
1664                    <@if(value.moduleDurations && curriculumAssetInfo){@>
1665						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1666					<@}@>
1667                </span></p>
1668            </h4>
1669			
1670            <div class="accordion-syllabus-header__info">
1671                <p class="text-primary hide-sm" style="color:#FB5607 !important;">
1672                    <@if(value && value.items){@>
1673                        <@ print(value.items.length) @> attachment(s) 
1674                    <@} else {@>
1675                        1 attachment(s)
1676                    <@}@>
1677                    <@if(value.moduleDurations && curriculumAssetInfo){@>
1678						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1679					<@}@>
1680                </p>
1681                <div class="accordion-syllabus-header__icon text-primary">
1682                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#FB5607;"></i>
1683                </div>
1684            </div>
1685        </header>
1686        <div class="accordion-content" style="filter:none;">
1687            <div class="accordian-content-block" style="background:#F5F5F5 !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
1688                <ul class="accordian-list">
1689                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
1690                    <@ if(value['items'] && value['items'].length > 0) { @>
1691                        <@ $.each(value['items'], function(index1, value1) { @>
1692                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
1693							<style>
1694								@media (max-width: 768px) {
1695								  .accordian-content-card {
1696									flex-direction: column !important;
1697									align-items: stretch !important;
1698								  }
1699							  
1700								  .accordian-content-card__top {
1701									flex-direction: row !important;
1702									justify-content: space-between !important;
1703									align-items: center !important;
1704									width: 100% !important;
1705								  }
1706							  
1707								  .accordian-content-card__title {
1708									flex: 1 !important;
1709									margin: 0 10px !important;
1710									white-space: nowrap;
1711									overflow: hidden;
1712									text-overflow: ellipsis;
1713								  }
1714							  
1715								  .accordian-content-card__bottom {
1716									flex-direction: row !important;
1717									justify-content: space-between !important;
1718									align-items: center !important;
1719									width: 100% !important;
1720									margin-top: 6px !important;
1721								  }
1722							  
1723								  .accordian-content-card__link {
1724									flex: 1 !important;
1725									min-width: 0 !important;
1726									text-align: left !important;
1727								  }
1728							  
1729								  .accordian-content-card__time {
1730									flex-shrink: 0 !important;
1731									text-align: right !important;
1732								  }
1733								}
1734							  </style>
1735							  
1736							  <div class="accordian-content-card"
1737     style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
1738
1739							  
1740								<!-- Row 1: Icon + Title + Collapse Icon -->
1741								<div class="accordian-content-card__top"
1742									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
1743							  
1744								  <!-- Icon -->
1745								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
1746									<@ if(value1.type == 'code'){ @>
1747									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
1748									<@ } else { @>
1749									  <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;">
1750										<@ print(getCourseAssetIcon(value1.type))@>
1751									  </span>
1752									<@ } @>
1753								  </div>
1754							  
1755								  <!-- Title -->
1756								  <div class="accordian-content-card__title"
1757									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1758									<@print(value1.title)@>
1759								  </div>
1760							  
1761								  <!-- Collapse Icon (optional) -->
1762								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
1763									<!-- Example placeholder, add real icon if needed -->
1764									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
1765								  </div>
1766								</div>
1767							  
1768								<!-- Row 2: Preview Button and Time -->
1769								<div class="accordian-content-card__bottom"
1770									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
1771							  
1772								  <!-- Preview Button -->
1773								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
1774									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1775									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
1776										 class="previewBtn"
1777										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1778										<span class="text-primary" style="color:#FB5607;">
1779										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1780										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span>
1781										</span>
1782									  </a>
1783									<@}@>
1784								  </div>
1785							  
1786								  <!-- Time -->
1787								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
1788									<p class="text-primary course-asset-time"
1789									   style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;">
1790									  <@ if(value1.duration && value1.duration > 0) { @>
1791										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
1792									  <@ } else { @>
1793										--
1794									  <@ } @>
1795									</p>
1796								  </div>
1797							  
1798								</div>
1799							  </div>
1800							  
1801							
1802                        </li>
1803                        <@ }); @>
1804                    <@ } else { @>
1805                        <li class="accordian-list__item" style="padding:0px 0px !important;">
1806							<div class="accordian-content-card"
1807							style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
1808					   
1809						   <!-- Row 1: Icon + Title + Collapse Icon -->
1810						   <div class="accordian-content-card__top"
1811								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
1812						 
1813							   <!-- Icon -->
1814							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
1815								   <@ if(value.type == 'code'){ @>
1816									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
1817								   <@ } else { @>
1818									   <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;">
1819										   <@ print(getCourseAssetIcon(value.type))@>
1820									   </span>
1821								   <@ } @>
1822							   </div>
1823						 
1824							   <!-- Title -->
1825							   <div class="accordian-content-card__title"
1826									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1827								   <@print(value.title)@>
1828							   </div>
1829						 
1830							   <!-- Collapse Icon (optional) -->
1831							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
1832								   <!-- Example placeholder, add real icon if needed -->
1833								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
1834							   </div>
1835						   </div>
1836						 
1837						   <!-- Row 2: Preview Button and Time -->
1838						   <div class="accordian-content-card__bottom"
1839								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
1840						 
1841							   <!-- Preview Button -->
1842							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
1843								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
1844									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
1845										  class="previewBtn"
1846										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1847										   <span class="text-primary" style="color:#FB5607;">
1848											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1849											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span>
1850										   </span>
1851									   </a>
1852								   <@}@>
1853							   </div>
1854						 
1855							   <!-- Time -->
1856							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
1857								   <p class="text-primary course-asset-time"
1858									  style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;">
1859									   <@ if(value.duration && value.duration > 0) { @>
1860										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
1861									   <@ } else { @>
1862										   --
1863									   <@ } @>
1864								   </p>
1865							   </div>
1866						   </div>
1867					   </div>
1868                        </li>
1869                    <@ } @>
1870                </ul>
1871            
1872                <@ if(itemsCount > 5) { @>
1873                    <div style="text-align: center; margin-top: 10px;">
1874						<button style="background-color: #FB5607; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
1875						onclick="
1876							var parentAccordion = this.closest('.accordion-content');
1877							parentAccordion.style.maxHeight = 'none';
1878							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
1879							this.style.display = 'none';
1880						">
1881                            View All
1882                        </button>
1883                    </div>
1884                <@ } @>
1885            </div>
1886        </div>
1887    </div>
1888    <@ }); @>
1889    <@ if(item.length > 5) { @>
1890        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
1891            <button style="background-color: #FB5607; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
1892                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
1893                View All Sessions
1894            </button>
1895        </div>
1896    <@ } @>
1897</div>
1898	</div>
1899</script>
1899
1900
1901
1902<!--Blaze-Curriculum-6-->
1903<script type="text/template" id="coursecurr-6-template">
1904    <div class="column full" spellcheck="false" data-gramm="false">
1905        <div class="total-time" id="totalTimeElement" style="
1906            font-size: 18px;
1907            font-weight: 600;
1908            color: #D8FD46;
1909            padding: 8px 12px;
1910            border-radius: 4px;
1911            white-space: nowrap;
1912            background: #232323;
1913            margin-bottom: 20px;">
1914            <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
1915                <@print(millisecondsToHHMMSSStr(summary.durations))@>
1916            <@}@>
1917        </div>
1918
1919        <div class="accordion-syllabus">
1920            <@ $.each(item, function(index, value) { @>
1921            <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
1922                <header class="accordion-syllabus-header" style="background:#232323 !important; border-radius:0px;box-shadow:none;padding:20px 20px !important">
1923                    <h4 class="accordion-syllabus-header__title">
1924                        <span class="text-primary" style="font-size:18px ; font-weight:600; color:white;"> 
1925                            <@if(index < 9) {@>  
1926								Week <@print(index + 1)@>:  
1927							<@ } else {@>  
1928								Week <@print(index + 1)@>:
1929							<@ } @>  
1930                        </span>
1931                        <p style="font-size:18px ; font-weight:600;color:white;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;color:#D8FD46 !important;">
1932							<@if(value && value.items){@>
1933								<@ print(value.items.length) @> attachment(s) 
1934							<@} else {@>
1935								1 attachment(s)
1936							<@}@>
1937							<@if(value.moduleDurations && curriculumAssetInfo){@>
1938								• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1939							<@}@>
1940						</span></p>
1941                    </h4>
1942                    <div class="accordion-syllabus-header__info">
1943                        <p class="text-primary hide-sm" style="color:#D8FD46 !important;">
1944                            <@if(value && value.items){@>
1945                                <@ print(value.items.length) @> attachment(s) 
1946                            <@} else {@>
1947                                1 attachment(s)
1948                            <@}@>
1949							<@if(value.moduleDurations && curriculumAssetInfo){@>
1950								• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1951							<@}@>
1952                        </p>
1953                        <div class="accordion-syllabus-header__icon text-primary">
1954                            <i class="fa fa-angle-left" aria-hidden="true" style="color:#D8FD46;"></i>
1955                        </div>
1956                    </div>
1957                </header>
1958                <div class="accordion-content" style="filter:none;background:#181818;">
1959                    <div class="accordian-content-block" style="box-shadow:none;padding:16px 20px !important;background:transparent !important;">
1960                        <ul class="accordian-list">
1961                            <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
1962                            <@ if(value['items'] && value['items'].length > 0) { @>
1963                                <@ $.each(value['items'], function(index1, value1) { @>
1964                                <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
1965                                    <style>
1966                                        @media (max-width: 768px) {
1967                                            .accordian-content-card {
1968                                                flex-direction: column !important;
1969                                                align-items: stretch !important;
1970                                            }
1971                                        
1972                                            .accordian-content-card__top {
1973                                                flex-direction: row !important;
1974                                                justify-content: space-between !important;
1975                                                align-items: center !important;
1976                                                width: 100% !important;
1977                                            }
1978                                        
1979                                            .accordian-content-card__title {
1980                                                flex: 1 !important;
1981                                                margin: 0 10px !important;
1982                                                white-space: nowrap;
1983                                                overflow: hidden;
1984                                                text-overflow: ellipsis;
1985                                            }
1986                                        
1987                                            .accordian-content-card__bottom {
1988                                                flex-direction: row !important;
1989                                                justify-content: space-between !important;
1990                                                align-items: center !important;
1991                                                width: 100% !important;
1992                                                margin-top: 6px !important;
1993                                            }
1994                                        
1995                                            .accordian-content-card__link {
1996                                                flex: 1 !important;
1997                                                min-width: 0 !important;
1998                                                text-align: left !important;
1999                                            }
2000                                        
2001                                            .accordian-content-card__time {
2002                                                flex-shrink: 0 !important;
2003                                                text-align: right !important;
2004                                            }
2005                                        }
2006                                    </style>
2007                                    
2008                                    <div class="accordian-content-card"
2009                                        style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; ">
2010                                    
2011                                        <!-- Row 1: Icon + Title + Collapse Icon -->
2012                                        <div class="accordian-content-card__top"
2013                                            style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2014                                        
2015                                            <!-- Icon -->
2016                                            <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2017                                                <@ if(value1.type == 'code'){ @>
2018                                                    <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);">
2019                                                <@ } else { @>
2020                                                    <span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;">
2021                                                        <@ print(getCourseAssetIcon(value1.type))@>
2022                                                    </span>
2023                                                <@ } @>
2024                                            </div>
2025                                        
2026                                            <!-- Title -->
2027                                            <div class="accordian-content-card__title"
2028                                                style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2029                                                <@print(value1.title)@>
2030                                                <!-- <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @>
2031                                                    <small style="color: #999;">(<@- value1.pages @> pages)</small>
2032                                                <@ } @>
2033                                                <@ if(value1.type == 'aiheading') { @>
2034                                                    <small style="color: #999;">(coming soon)</small>
2035                                                <@ } @> -->
2036                                            </div>
2037                                        
2038                                            <!-- Collapse Icon -->
2039                                            <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2040                                            </div>
2041                                        </div>
2042                                    
2043                                        <!-- Row 2: Preview Button and Time -->
2044                                        <div class="accordian-content-card__bottom"
2045                                            style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2046                                        
2047                                            <!-- Preview Button -->
2048                                            <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2049                                                <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2050                                                <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2051                                                    class="previewBtn"
2052                                                    style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2053                                                    <span class="text-primary" style="color:#D8FD46;">
2054                                                        <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2055                                                        <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span>
2056                                                    </span>
2057                                                </a>
2058                                                <@}@>
2059                                            </div>
2060                                        
2061                                            <!-- Time -->
2062                                            <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2063                                                <p class="text-primary course-asset-time"
2064                                                    style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;">
2065                                                    <@ if(value1.duration && value1.duration > 0) { @>
2066                                                        <@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2067                                                    <@ } else { @>
2068                                                        --
2069                                                    <@ } @>
2070                                                </p>
2071                                            </div>
2072                                        </div>
2073                                    </div>
2074                                </li>
2075                                <@ }); @>
2076                            <@ } else { @>
2077								<li class="accordian-list__item" style="padding:0px 0px !important;">
2078									<div class="accordian-content-card"
2079										style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; ">
2080								   
2081										<!-- Row 1: Icon + Title + Collapse Icon -->
2082										<div class="accordian-content-card__top"
2083											style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2084									  
2085											<!-- Icon -->
2086											<div class="accordian-content-card__ico" style="flex-shrink: 0;">
2087												<@ if(value.type == 'code'){ @>
2088													<img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);">
2089												<@ } else { @>
2090													<span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;">
2091														<@ print(getCourseAssetIcon(value.type))@>
2092													</span>
2093												<@ } @>
2094											</div>
2095									  
2096											<!-- Title -->
2097											<div class="accordian-content-card__title"
2098												style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2099												<@print(value.title)@>
2100											</div>
2101									  
2102											<!-- Collapse Icon (optional) -->
2103											<div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2104												<!-- Example placeholder, add real icon if needed -->
2105												<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2106											</div>
2107										</div>
2108									  
2109										<!-- Row 2: Preview Button and Time -->
2110										<div class="accordian-content-card__bottom"
2111											style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2112									  
2113											<!-- Preview Button -->
2114											<div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2115												<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2116													<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2117													   class="previewBtn"
2118													   style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2119														<span class="text-primary" style="color:#D8FD46;">
2120															<@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2121															<span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span>
2122														</span>
2123													</a>
2124												<@}@>
2125											</div>
2126									  
2127											<!-- Time -->
2128											<div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2129												<p class="text-primary course-asset-time"
2130												   style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;">
2131													<@ if(value.duration && value.duration > 0) { @>
2132														<@ print(millisecondsToHHMMSSStr(value.duration)) @>
2133													<@ } else { @>
2134														--
2135													<@ } @>
2136												</p>
2137											</div>
2138										</div>
2139									</div>
2140								</li>
2141                            <@ } @>
2142                        </ul>
2143                    
2144                        <@ if(itemsCount > 5) { @>
2145                            <div style="text-align: center; margin-top: 10px;">
2146                                <button style="background-color: #D8FD46; color: black; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 
2147                                   onclick="
2148							var parentAccordion = this.closest('.accordion-content');
2149							parentAccordion.style.maxHeight = 'none';
2150							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2151							this.style.display = 'none';
2152						">
2153                                    View All
2154                                </button>
2155                            </div>
2156                        <@ } @>
2157                    </div>
2158                </div>
2159            </div>
2160            <@ }); @>
2161            <@ if(item.length > 5) { @>
2162                <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2163                    <button style="background-color: #D8FD46; color: black; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 
2164                        onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2165                        View All Sessions
2166                    </button>
2167                </div>
2168            <@ } @>
2169        </div>
2170    </div>
2171</script>
2171
2172
2173<script>
2174    // Simple responsive positioning (same as Vegas)
2175    function updatePosition() {
2176        const element = document.getElementById('totalTimeElement');
2177        if(element){
2178            if (window.innerWidth > 768) {
2179                element.style.position = 'absolute';
2180                element.style.top = "5px";
2181                element.style.right = '122px';
2182            } else {
2183                element.style.position = 'static';
2184                element.style.margin = '0 0';
2185            }
2186        }
2187    }
2188    
2189    // Run on load and resize
2190    window.addEventListener('load', updatePosition);
2191    window.addEventListener('resize', updatePosition);
2192</script>
2192
2193
2194
2195
2196
2197<!--Nebula Curriculum 7-->
2198
2199
2200<script>
2201	// Simple responsive positioning
2202	function updatePosition() {
2203		const element = document.getElementById('totalTimeElement');
2204		if(element){
2205		if (window.innerWidth > 768) {
2206			element.style.position = 'absolute';
2207			element.style.top = "5px";
2208			element.style.right = '122px';
2209		} else {
2210			element.style.position = 'static';
2211			element.style.margin = '0 0';
2212		}
2213		}
2214	}
2215	
2216	// Run on load and resize
2217	window.addEventListener('load', updatePosition);
2218	window.addEventListener('resize', updatePosition);
2219	</script>
2219
2220 
2220<script type="text/template" id="coursecurr-7-template">
2221	<div class="total-time" id="totalTimeElement" style="
2222    font-size: 18px;
2223    font-weight: 600;
2224    color: #6715FF;
2225    padding: 8px 12px;
2226    border-radius: 4px;
2227    white-space: nowrap;">
2228     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
2229        <@print(millisecondsToHHMMSSStr(summary.durations))@>
2230    <@}@>
2231</div>
2232
2233<div class="accordion-syllabus" style="max-width:1000px !important">
2234    <@ $.each(item, function(index, value) { @>
2235    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
2236        <header class="accordion-syllabus-header" style="background:#F1ECFB !important; border-radius16px;box-shadow:none;padding:20px !important">
2237            <h4 class="accordion-syllabus-header__title">
2238                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
2239                    <@if(index < 9) {@>  
2240                        Week <@print(index + 1)@>:  
2241                    <@ } else {@>  
2242                        Week <@print(index + 1)@>:
2243                    <@ } @>  
2244                </span>
2245                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
2246                    <@if(value && value.items){@>
2247                        <@ print(value.items.length) @> attachment(s) 
2248                    <@} else {@>
2249                        1 attachment(s)
2250                    <@}@>
2251                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2252						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2253					<@}@>
2254                </span></p>
2255            </h4>
2256			
2257            <div class="accordion-syllabus-header__info">
2258                <p class="text-primary hide-sm" style="color:#6715FF !important;">
2259                    <@if(value && value.items){@>
2260                        <@ print(value.items.length) @> attachment(s) 
2261                    <@} else {@>
2262                        1 attachment(s)
2263                    <@}@>
2264                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2265						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2266					<@}@>
2267                </p>
2268                <div class="accordion-syllabus-header__icon text-primary">
2269                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#6715FF;"></i>
2270                </div>
2271            </div>
2272        </header>
2273        <div class="accordion-content" style="filter:none;background:transparent !important;">
2274            <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
2275                <ul class="accordian-list">
2276                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
2277                    <@ if(value['items'] && value['items'].length > 0) { @>
2278                        <@ $.each(value['items'], function(index1, value1) { @>
2279                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
2280							<style>
2281								@media (max-width: 768px) {
2282								  .accordian-content-card {
2283									flex-direction: column !important;
2284									align-items: stretch !important;
2285								  }
2286							  
2287								  .accordian-content-card__top {
2288									flex-direction: row !important;
2289									justify-content: space-between !important;
2290									align-items: center !important;
2291									width: 100% !important;
2292								  }
2293							  
2294								  .accordian-content-card__title {
2295									flex: 1 !important;
2296									margin: 0 10px !important;
2297									white-space: nowrap;
2298									overflow: hidden;
2299									text-overflow: ellipsis;
2300								  }
2301							  
2302								  .accordian-content-card__bottom {
2303									flex-direction: row !important;
2304									justify-content: space-between !important;
2305									align-items: center !important;
2306									width: 100% !important;
2307									margin-top: 6px !important;
2308								  }
2309							  
2310								  .accordian-content-card__link {
2311									flex: 1 !important;
2312									min-width: 0 !important;
2313									text-align: left !important;
2314								  }
2315							  
2316								  .accordian-content-card__time {
2317									flex-shrink: 0 !important;
2318									text-align: right !important;
2319								  }
2320								}
2321							  </style>
2322							  
2323							  <div class="accordian-content-card"
2324     style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
2325
2326							  
2327								<!-- Row 1: Icon + Title + Collapse Icon -->
2328								<div class="accordian-content-card__top"
2329									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2330							  
2331								  <!-- Icon -->
2332								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2333									<@ if(value1.type == 'code'){ @>
2334									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2335									<@ } else { @>
2336									  <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;">
2337										<@ print(getCourseAssetIcon(value1.type))@>
2338									  </span>
2339									<@ } @>
2340								  </div>
2341							  
2342								  <!-- Title -->
2343								  <div class="accordian-content-card__title"
2344									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2345									<@print(value1.title)@>
2346								  </div>
2347							  
2348								  <!-- Collapse Icon (optional) -->
2349								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2350									<!-- Example placeholder, add real icon if needed -->
2351									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2352								  </div>
2353								</div>
2354							  
2355								<!-- Row 2: Preview Button and Time -->
2356								<div class="accordian-content-card__bottom"
2357									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2358							  
2359								  <!-- Preview Button -->
2360								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2361									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2362									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2363										 class="previewBtn"
2364										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2365										<span class="text-primary" style="color:#6715FF;">
2366										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2367										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span>
2368										</span>
2369									  </a>
2370									<@}@>
2371								  </div>
2372							  
2373								  <!-- Time -->
2374								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2375									<p class="text-primary course-asset-time"
2376									   style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;">
2377									  <@ if(value1.duration && value1.duration > 0) { @>
2378										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2379									  <@ } else { @>
2380										--
2381									  <@ } @>
2382									</p>
2383								  </div>
2384							  
2385								</div>
2386							  </div>
2387							  
2388							
2389                        </li>
2390                        <@ }); @>
2391                    <@ } else { @>
2392                        <li class="accordian-list__item" style="padding:0px 0px !important;">
2393							<div class="accordian-content-card"
2394							style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
2395					   
2396						   <!-- Row 1: Icon + Title + Collapse Icon -->
2397						   <div class="accordian-content-card__top"
2398								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2399						 
2400							   <!-- Icon -->
2401							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2402								   <@ if(value.type == 'code'){ @>
2403									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2404								   <@ } else { @>
2405									   <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;">
2406										   <@ print(getCourseAssetIcon(value.type))@>
2407									   </span>
2408								   <@ } @>
2409							   </div>
2410						 
2411							   <!-- Title -->
2412							   <div class="accordian-content-card__title"
2413									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2414								   <@print(value.title)@>
2415							   </div>
2416						 
2417							   <!-- Collapse Icon (optional) -->
2418							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2419								   <!-- Example placeholder, add real icon if needed -->
2420								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2421							   </div>
2422						   </div>
2423						 
2424						   <!-- Row 2: Preview Button and Time -->
2425						   <div class="accordian-content-card__bottom"
2426								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2427						 
2428							   <!-- Preview Button -->
2429							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2430								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2431									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2432										  class="previewBtn"
2433										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2434										   <span class="text-primary" style="color:#6715FF;">
2435											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2436											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span>
2437										   </span>
2438									   </a>
2439								   <@}@>
2440							   </div>
2441						 
2442							   <!-- Time -->
2443							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2444								   <p class="text-primary course-asset-time"
2445									  style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;">
2446									   <@ if(value.duration && value.duration > 0) { @>
2447										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
2448									   <@ } else { @>
2449										   --
2450									   <@ } @>
2451								   </p>
2452							   </div>
2453						   </div>
2454					   </div>
2455                        </li>
2456                    <@ } @>
2457                </ul>
2458            
2459                <@ if(itemsCount > 5) { @>
2460                    <div style="text-align: center; margin-top: 10px;">
2461						<button style="background-color: #6715FF; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2462						onclick="
2463							var parentAccordion = this.closest('.accordion-content');
2464							parentAccordion.style.maxHeight = 'none';
2465							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2466							this.style.display = 'none';
2467						">
2468                            View All
2469                        </button>
2470                    </div>
2471                <@ } @>
2472            </div>
2473        </div>
2474    </div>
2475    <@ }); @>
2476    <@ if(item.length > 5) { @>
2477        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2478            <button style="background-color: #6715FF; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2479                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2480                View All Sessions
2481            </button>
2482        </div>
2483    <@ } @>
2484</div>
2485	</div>
2486</script>
2486
2487
2488
2489
2490<!--Olive Curriculum 8-->
2491<script>
2492	// Simple responsive positioning
2493	function updatePosition() {
2494		const element = document.getElementById('totalTimeElement');
2495		if(element){
2496		if (window.innerWidth > 768) {
2497			element.style.position = 'absolute';
2498			element.style.top = "5px";
2499			element.style.right = '122px';
2500		} else {
2501			element.style.position = 'static';
2502			element.style.margin = '0 0';
2503		}
2504		}
2505	}
2506	
2507	// Run on load and resize
2508	window.addEventListener('load', updatePosition);
2509	window.addEventListener('resize', updatePosition);
2510	</script>
2510
2511 
2511<script type="text/template" id="coursecurr-8-template">
2512	<div class="total-time" id="totalTimeElement" style="
2513    font-size: 18px;
2514    font-weight: 600;
2515    color: #064400;
2516    padding: 8px 12px;
2517    border-radius: 4px;
2518    white-space: nowrap;">
2519     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
2520        <@print(millisecondsToHHMMSSStr(summary.durations))@>
2521    <@}@>
2522</div>
2523
2524<div class="accordion-syllabus" style="max-width:1000px !important">
2525    <@ $.each(item, function(index, value) { @>
2526    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
2527        <header class="accordion-syllabus-header" style="background:#E5E5E5 !important; border-radius16px;box-shadow:none;padding:20px !important">
2528            <h4 class="accordion-syllabus-header__title">
2529                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
2530                    <@if(index < 9) {@>  
2531                        Week <@print(index + 1)@>:  
2532                    <@ } else {@>  
2533                        Week <@print(index + 1)@>:
2534                    <@ } @>  
2535                </span>
2536                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
2537                    <@if(value && value.items){@>
2538                        <@ print(value.items.length) @> attachment(s) 
2539                    <@} else {@>
2540                        1 attachment(s)
2541                    <@}@>
2542                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2543						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2544					<@}@>
2545                </span></p>
2546            </h4>
2547			
2548            <div class="accordion-syllabus-header__info">
2549                <p class="text-primary hide-sm" style="color:#064400 !important;">
2550                    <@if(value && value.items){@>
2551                        <@ print(value.items.length) @> attachment(s) 
2552                    <@} else {@>
2553                        1 attachment(s)
2554                    <@}@>
2555                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2556						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2557					<@}@>
2558                </p>
2559                <div class="accordion-syllabus-header__icon text-primary">
2560                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#064400;"></i>
2561                </div>
2562            </div>
2563        </header>
2564        <div class="accordion-content" style="filter:none;background:transparent !important;">
2565            <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
2566                <ul class="accordian-list">
2567                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
2568                    <@ if(value['items'] && value['items'].length > 0) { @>
2569                        <@ $.each(value['items'], function(index1, value1) { @>
2570                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
2571							<style>
2572								@media (max-width: 768px) {
2573								  .accordian-content-card {
2574									flex-direction: column !important;
2575									align-items: stretch !important;
2576								  }
2577							  
2578								  .accordian-content-card__top {
2579									flex-direction: row !important;
2580									justify-content: space-between !important;
2581									align-items: center !important;
2582									width: 100% !important;
2583								  }
2584							  
2585								  .accordian-content-card__title {
2586									flex: 1 !important;
2587									margin: 0 10px !important;
2588									white-space: nowrap;
2589									overflow: hidden;
2590									text-overflow: ellipsis;
2591								  }
2592							  
2593								  .accordian-content-card__bottom {
2594									flex-direction: row !important;
2595									justify-content: space-between !important;
2596									align-items: center !important;
2597									width: 100% !important;
2598									margin-top: 6px !important;
2599								  }
2600							  
2601								  .accordian-content-card__link {
2602									flex: 1 !important;
2603									min-width: 0 !important;
2604									text-align: left !important;
2605								  }
2606							  
2607								  .accordian-content-card__time {
2608									flex-shrink: 0 !important;
2609									text-align: right !important;
2610								  }
2611								}
2612							  </style>
2613							  
2614							  <div class="accordian-content-card"
2615     style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
2616
2617							  
2618								<!-- Row 1: Icon + Title + Collapse Icon -->
2619								<div class="accordian-content-card__top"
2620									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2621							  
2622								  <!-- Icon -->
2623								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2624									<@ if(value1.type == 'code'){ @>
2625									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2626									<@ } else { @>
2627									  <span class="material-icons text-primary" style="color:#064400; font-size: 24px;">
2628										<@ print(getCourseAssetIcon(value1.type))@>
2629									  </span>
2630									<@ } @>
2631								  </div>
2632							  
2633								  <!-- Title -->
2634								  <div class="accordian-content-card__title"
2635									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2636									<@print(value1.title)@>
2637								  </div>
2638							  
2639								  <!-- Collapse Icon (optional) -->
2640								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2641									<!-- Example placeholder, add real icon if needed -->
2642									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2643								  </div>
2644								</div>
2645							  
2646								<!-- Row 2: Preview Button and Time -->
2647								<div class="accordian-content-card__bottom"
2648									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2649							  
2650								  <!-- Preview Button -->
2651								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2652									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2653									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2654										 class="previewBtn"
2655										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2656										<span class="text-primary" style="color:#064400;">
2657										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2658										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span>
2659										</span>
2660									  </a>
2661									<@}@>
2662								  </div>
2663							  
2664								  <!-- Time -->
2665								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2666									<p class="text-primary course-asset-time"
2667									   style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;">
2668									  <@ if(value1.duration && value1.duration > 0) { @>
2669										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2670									  <@ } else { @>
2671										--
2672									  <@ } @>
2673									</p>
2674								  </div>
2675							  
2676								</div>
2677							  </div>
2678							  
2679							
2680                        </li>
2681                        <@ }); @>
2682                    <@ } else { @>
2683                        <li class="accordian-list__item" style="padding:0px 0px !important;">
2684							<div class="accordian-content-card"
2685							style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
2686					   
2687						   <!-- Row 1: Icon + Title + Collapse Icon -->
2688						   <div class="accordian-content-card__top"
2689								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2690						 
2691							   <!-- Icon -->
2692							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2693								   <@ if(value.type == 'code'){ @>
2694									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2695								   <@ } else { @>
2696									   <span class="material-icons text-primary" style="color:#064400; font-size: 24px;">
2697										   <@ print(getCourseAssetIcon(value.type))@>
2698									   </span>
2699								   <@ } @>
2700							   </div>
2701						 
2702							   <!-- Title -->
2703							   <div class="accordian-content-card__title"
2704									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2705								   <@print(value.title)@>
2706							   </div>
2707						 
2708							   <!-- Collapse Icon (optional) -->
2709							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2710								   <!-- Example placeholder, add real icon if needed -->
2711								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2712							   </div>
2713						   </div>
2714						 
2715						   <!-- Row 2: Preview Button and Time -->
2716						   <div class="accordian-content-card__bottom"
2717								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2718						 
2719							   <!-- Preview Button -->
2720							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2721								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2722									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2723										  class="previewBtn"
2724										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2725										   <span class="text-primary" style="color:#064400;">
2726											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2727											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span>
2728										   </span>
2729									   </a>
2730								   <@}@>
2731							   </div>
2732						 
2733							   <!-- Time -->
2734							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2735								   <p class="text-primary course-asset-time"
2736									  style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;">
2737									   <@ if(value.duration && value.duration > 0) { @>
2738										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
2739									   <@ } else { @>
2740										   --
2741									   <@ } @>
2742								   </p>
2743							   </div>
2744						   </div>
2745					   </div>
2746                        </li>
2747                    <@ } @>
2748                </ul>
2749            
2750                <@ if(itemsCount > 5) { @>
2751                    <div style="text-align: center; margin-top: 10px;">
2752						<button style="background-color: #064400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2753						onclick="
2754							var parentAccordion = this.closest('.accordion-content');
2755							parentAccordion.style.maxHeight = 'none';
2756							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2757							this.style.display = 'none';
2758						">
2759                            View All
2760                        </button>
2761                    </div>
2762                <@ } @>
2763            </div>
2764        </div>
2765    </div>
2766    <@ }); @>
2767    <@ if(item.length > 5) { @>
2768        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2769            <button style="background-color: #064400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2770                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2771                View All Sessions
2772            </button>
2773        </div>
2774    <@ } @>
2775</div>
2776	</div>
2777</script>
2777
2778
2779
2780
2781<!--Dusk Curriculum 9-->
2782<script>
2783	// Simple responsive positioning
2784	function updatePosition() {
2785		const element = document.getElementById('totalTimeElement');
2786		if(element){
2787		if (window.innerWidth > 768) {
2788			element.style.position = 'absolute';
2789			element.style.top = "5px";
2790			element.style.right = '122px';
2791		} else {
2792			element.style.position = 'static';
2793			element.style.margin = '0 0';
2794		}
2795		}
2796	}
2797	
2798	// Run on load and resize
2799	window.addEventListener('load', updatePosition);
2800	window.addEventListener('resize', updatePosition);
2801	</script>
2801
2802 
2802<script>
2803	// Simple responsive positioning
2804	function updatePosition() {
2805		const element = document.getElementById('totalTimeElement');
2806		if(element){
2807		if (window.innerWidth > 768) {
2808			element.style.position = 'absolute';
2809			element.style.top = "5px";
2810			element.style.right = '122px';
2811		} else {
2812			element.style.position = 'static';
2813			element.style.margin = '0 0';
2814		}
2815		}
2816	}
2817	
2818	// Run on load and resize
2819	window.addEventListener('load', updatePosition);
2820	window.addEventListener('resize', updatePosition);
2821	</script>
2821
2822 
2822<script type="text/template" id="coursecurr-9-template">
2823	<div class="total-time" id="totalTimeElement" style="
2824    font-size: 18px;
2825    font-weight: 600;
2826    color: #282400;
2827    padding: 8px 12px;
2828    border-radius: 4px;
2829    white-space: nowrap;">
2830     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
2831        <@print(millisecondsToHHMMSSStr(summary.durations))@>
2832    <@}@>
2833</div>
2834
2835<div class="accordion-syllabus" style="max-width:1000px !important">
2836    <@ $.each(item, function(index, value) { @>
2837    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
2838        <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:8px;box-shadow:none;padding:20px !important">
2839            <h4 class="accordion-syllabus-header__title">
2840                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
2841                    <@if(index < 9) {@>  
2842                        Week <@print(index + 1)@>:  
2843                    <@ } else {@>  
2844                        Week <@print(index + 1)@>:
2845                    <@ } @>  
2846                </span>
2847                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
2848                    <@if(value && value.items){@>
2849                        <@ print(value.items.length) @> attachment(s) 
2850                    <@} else {@>
2851                        1 attachment(s)
2852                    <@}@>
2853                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2854						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2855					<@}@>
2856                </span></p>
2857            </h4>
2858			
2859            <div class="accordion-syllabus-header__info">
2860                <p class="text-primary hide-sm" style="color:#282400 !important;">
2861                    <@if(value && value.items){@>
2862                        <@ print(value.items.length) @> attachment(s) 
2863                    <@} else {@>
2864                        1 attachment(s)
2865                    <@}@>
2866                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2867						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2868					<@}@>
2869                </p>
2870                <div class="accordion-syllabus-header__icon text-primary">
2871                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#282400;"></i>
2872                </div>
2873            </div>
2874        </header>
2875        <div class="accordion-content" style="filter:none;background:transparent !important;">
2876            <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
2877                <ul class="accordian-list">
2878                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
2879                    <@ if(value['items'] && value['items'].length > 0) { @>
2880                        <@ $.each(value['items'], function(index1, value1) { @>
2881                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
2882							<style>
2883								@media (max-width: 768px) {
2884								  .accordian-content-card {
2885									flex-direction: column !important;
2886									align-items: stretch !important;
2887								  }
2888							  
2889								  .accordian-content-card__top {
2890									flex-direction: row !important;
2891									justify-content: space-between !important;
2892									align-items: center !important;
2893									width: 100% !important;
2894								  }
2895							  
2896								  .accordian-content-card__title {
2897									flex: 1 !important;
2898									margin: 0 10px !important;
2899									white-space: nowrap;
2900									overflow: hidden;
2901									text-overflow: ellipsis;
2902								  }
2903							  
2904								  .accordian-content-card__bottom {
2905									flex-direction: row !important;
2906									justify-content: space-between !important;
2907									align-items: center !important;
2908									width: 100% !important;
2909									margin-top: 6px !important;
2910								  }
2911							  
2912								  .accordian-content-card__link {
2913									flex: 1 !important;
2914									min-width: 0 !important;
2915									text-align: left !important;
2916								  }
2917							  
2918								  .accordian-content-card__time {
2919									flex-shrink: 0 !important;
2920									text-align: right !important;
2921								  }
2922								}
2923							  </style>
2924							  
2925							  <div class="accordian-content-card"
2926     style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
2927
2928							  
2929								<!-- Row 1: Icon + Title + Collapse Icon -->
2930								<div class="accordian-content-card__top"
2931									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2932							  
2933								  <!-- Icon -->
2934								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2935									<@ if(value1.type == 'code'){ @>
2936									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2937									<@ } else { @>
2938									  <span class="material-icons text-primary" style="color:#282400; font-size: 24px;">
2939										<@ print(getCourseAssetIcon(value1.type))@>
2940									  </span>
2941									<@ } @>
2942								  </div>
2943							  
2944								  <!-- Title -->
2945								  <div class="accordian-content-card__title"
2946									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2947									<@print(value1.title)@>
2948								  </div>
2949							  
2950								  <!-- Collapse Icon (optional) -->
2951								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2952									<!-- Example placeholder, add real icon if needed -->
2953									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2954								  </div>
2955								</div>
2956							  
2957								<!-- Row 2: Preview Button and Time -->
2958								<div class="accordian-content-card__bottom"
2959									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2960							  
2961								  <!-- Preview Button -->
2962								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2963									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2964									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2965										 class="previewBtn"
2966										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2967										<span class="text-primary" style="color:#282400;">
2968										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2969										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span>
2970										</span>
2971									  </a>
2972									<@}@>
2973								  </div>
2974							  
2975								  <!-- Time -->
2976								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2977									<p class="text-primary course-asset-time"
2978									   style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;">
2979									  <@ if(value1.duration && value1.duration > 0) { @>
2980										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2981									  <@ } else { @>
2982										--
2983									  <@ } @>
2984									</p>
2985								  </div>
2986							  
2987								</div>
2988							  </div>
2989							  
2990							
2991                        </li>
2992                        <@ }); @>
2993                    <@ } else { @>
2994                        <li class="accordian-list__item" style="padding:0px 0px !important;">
2995							<div class="accordian-content-card"
2996							style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
2997					   
2998						   <!-- Row 1: Icon + Title + Collapse Icon -->
2999						   <div class="accordian-content-card__top"
3000								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
3001						 
3002							   <!-- Icon -->
3003							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
3004								   <@ if(value.type == 'code'){ @>
3005									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
3006								   <@ } else { @>
3007									   <span class="material-icons text-primary" style="color:#282400; font-size: 24px;">
3008										   <@ print(getCourseAssetIcon(value.type))@>
3009									   </span>
3010								   <@ } @>
3011							   </div>
3012						 
3013							   <!-- Title -->
3014							   <div class="accordian-content-card__title"
3015									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
3016								   <@print(value.title)@>
3017							   </div>
3018						 
3019							   <!-- Collapse Icon (optional) -->
3020							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
3021								   <!-- Example placeholder, add real icon if needed -->
3022								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
3023							   </div>
3024						   </div>
3025						 
3026						   <!-- Row 2: Preview Button and Time -->
3027						   <div class="accordian-content-card__bottom"
3028								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
3029						 
3030							   <!-- Preview Button -->
3031							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
3032								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
3033									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
3034										  class="previewBtn"
3035										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
3036										   <span class="text-primary" style="color:#282400;">
3037											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
3038											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span>
3039										   </span>
3040									   </a>
3041								   <@}@>
3042							   </div>
3043						 
3044							   <!-- Time -->
3045							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
3046								   <p class="text-primary course-asset-time"
3047									  style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;">
3048									   <@ if(value.duration && value.duration > 0) { @>
3049										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
3050									   <@ } else { @>
3051										   --
3052									   <@ } @>
3053								   </p>
3054							   </div>
3055						   </div>
3056					   </div>
3057                        </li>
3058                    <@ } @>
3059                </ul>
3060            
3061                <@ if(itemsCount > 5) { @>
3062                    <div style="text-align: center; margin-top: 10px;">
3063						<button style="background-color: #282400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
3064						onclick="
3065							var parentAccordion = this.closest('.accordion-content');
3066							parentAccordion.style.maxHeight = 'none';
3067							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
3068							this.style.display = 'none';
3069						">
3070                            View All
3071                        </button>
3072                    </div>
3073                <@ } @>
3074            </div>
3075        </div>
3076    </div>
3077    <@ }); @>
3078    <@ if(item.length > 5) { @>
3079        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
3080            <button style="background-color: #282400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
3081                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
3082                View All Sessions
3083            </button>
3084        </div>
3085    <@ } @>
3086</div>
3087	</div>
3088</script>
3088
3089
3090
3091
3092
3093
3094
3095<!-- Feedback Template First -->
3096<script type="text/template" id="widget-1-template">
3097<div class="column full feedbackContainer feedback1 spectre">
3098<@if(msg){@>
3099	<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3100<@}else{@>
3101<div class="avgratingbox">
3102  <div class="flex-row" >
3103        <div class="is-box-2" >
3104           <p style="color: rgb(247, 247, 247); font-weight: 700!important; font-size: 40px!important; text-align: center; letter-spacing: 3px; padding-bottom: 0px; margin-bottom: 0px; line-height: 1; margin-top: 0px;"> 
3105			<@ if(ratings && ratings.avgRating) {@>
3106				<@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3107			<@}else{@>
3108				0
3109			<@}@>
3110		  </p>
3111          <h5 class="ratings1" style="text-align: center; margin-bottom: 0px; margin-top: 0px; line-height: 1;">  
3112          <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3113					<@if(ratings){@> 
3114						<@ if(ratings.avgRating >= ratingsSize) {@> 
3115							<i class="icon ion-android-star"></i>&nbsp; 
3116						<@ } else if(ratings.avgRating > ratingsSize-1 && ratings.avgRating < ratingsSize) { @> 
3117							<i class="icon ion-android-star-half"></i>&nbsp;
3118						<@ } else { @> 
3119							<i class="icon ion-android-star-outline"></i>&nbsp; 
3120						<@ } @>
3121					<@} else {@>
3122						<i class="icon ion-android-star-outline"></i>&nbsp;
3123					<@}@>		
3124		  <@}@>
3125          </h5>        
3126          <p style="margin: 10px 0 0 !important;text-align: center;line-height: 1;font-size: 30px!important;"><i class="fa-light fa-users t-white"></i> </p>
3127          <p style="margin-bottom: 10px; margin-top: 0px; font-size: 12px!important; letter-spacing: 1px; font-weight: 500!important; color: rgb(247, 247, 247); text-align: center;">
3128			Total <@ if(ratings){print(ratings.total) }else{0}@> Reviews 
3129		  </p>
3130        </div>
3131        <div class="is-box-9">
3132			<@ for (i = 0; i < 5; i++) {@>
3133				<div class="box7878"> 
3134            <div style="flex:1;">							
3135					<div class="meter <@print(ratingsPer[(parseInt(i)+1)+'-star'].cls)@> nostripes">
3136                  		<span style="width: <@print(ratingsPer[(parseInt(i)+1)+'-star'].rates)@>%"></span>
3137               		</div>	
3138            </div>
3139            <div id="ratingbox">
3140              <p class="ratings2" style=" line-height: 1;">  
3141				<@ for (ratingsSize = 5; ratingsSize >=1; ratingsSize--) {@>
3142						<@if(ratingsSize>i){@>
3143							<i class="fa fa-solid fa-star-sharp text-primary"></i>&nbsp;
3144						<@} else {@>
3145							<i class="fa fa-solid fa-star-sharp"></i>&nbsp;
3146						<@}@>
3147				<@}@>
3148               <span class="t-white">					
3149					<@ if(ratings && ratings.ratingsCount){print(ratings.ratingsCount[(parseInt(5)-i)+'-stars'])}else{0} @>
3150			   </span>
3151              </p>
3152
3153            </div>
3154          </div>
3155	  	<@}@>
3156        </div>        
3157  	</div>
3158</div>
3159	<div class="bg-secondary" style="padding:15px 15px;border-radius:10px;border-top-right-radius: 0;border-top-left-radius: 0;" >
3160		<p
3161			style="font-size: 16px!important; font-weight: 500!important; letter-spacing: 1px;" class="text-primary">
3162			Reviews
3163		</p>
3164
3165<div class="review-box" id="createCustomReview" style="display:none">
3166<div class="flex-row">
3167	<div class="is-box-2 centerbox">
3168		<div class="spectre">
3169			<figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" >
3170				<img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
3171			</figure>	
3172			<@if(typeof SPUSER !== 'undefined'){ @><p class="review-name"><@ print(SPUSER.name) @> </p><@ } @>
3173		</div>
3174	</div>
3175	<div class="is-box-10">
3176		<textarea rows="3" class="form-input"
3177			placeholder="Add your review here"></textarea>
3178		<div class="rating3">
3179			<p id="rating-stars">
3180				<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 
3181					class="fa fa-solid fa-star-sharp text-primary rating-star" data-value='<@- ratingsSize @>'></i> <@}@>
3182			</p>
3183
3184			<button class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3185				data-reviewData="reviewlist"
3186				style="padding: 2px 28px; text-transform: uppercase; border-radius: 40px;">Post</button>
3187		</div>
3188	</div>
3189</div>
3190</div>		
3191	
3192	<div id="reviewlist">
3193	<@ $.each(items, function(index, item) { @>
3194	<div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3195		<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3196			<a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3197		<@ } @>
3198		<div class="flex-row">
3199			<div class="is-box-2 centerbox">
3200				<div class="spectre">
3201					<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3202						<figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" >
3203							<img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
3204					<@ } else {@>	
3205					<figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="uppercase avatar avatar-lg figsize" >
3206						<img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>">	
3207					<@ } @>
3208					</figure>
3209					<p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @><@ print(SPUSER.name) @><@ } else {@>	<@ print(item.userName) @><@ } @>	</p>
3210				</div>
3211			</div>
3212			<div class="is-box-10">
3213				<div class="rating4">
3214					<p>
3215						<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@
3216						if(item.rating >= ratingsSize) {@> 
3217							<i class="fa fa-solid fa-star-sharp text-primary"></i>
3218						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3219							<i class="fa fa-solid fa-star-sharp-half text-primary"></i> 
3220						<@ } else { @> 
3221							<i class="fa fa-solid fa-star-sharp"></i> 
3222						<@}@> 
3223						<@ }@>
3224					</p>
3225					<p
3226						style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;">
3227						<time class="timestamp"
3228							datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@
3229							print(parseDate(item.createdDate.$date)) @></time>
3230					</p>
3231				</div>
3232				<p  class="reviewTxt"
3233					style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@
3234					print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @></p>
3235				<div class="comment-tag">
3236					<@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @>
3237				</div>
3238			</div>
3239		</div>
3240	</div>
3241	<@ }); @>
3242	</div>	
3243	<button class="bg-primary loadMoreReviewsBtn reviewLMbtn" data-itemTemplate="feedback-1-item-template" data-reviewData="reviewlist" >Load More Reviews</button>
3244</div>
3245<@}@>
3246</script>
3246
3247
3248
3249<script type="text/template" id="feedback-1-item-template">
3250<div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>"">
3251<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3252	<a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3253<@ } @>
3254<div class="flex-row">
3255	<div class="is-box-2 centerbox">
3256		<div class="spectre">
3257			<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3258				<figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="avatar avatar-lg figsize" >
3259					<img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
3260			<@ } else {@>	
3261			<figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="avatar avatar-lg figsize" >
3262				<img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>">	
3263			<@ } @>
3264			</figure>
3265			<p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @><@ print(SPUSER.name) @><@ } else {@>	<@ print(item.userName) @><@ } @>	</p>
3266		</div>
3267	</div>
3268	<div class="is-box-10">
3269		<div class="rating4">
3270			<p>
3271				<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@
3272				if(item.rating >= ratingsSize) {@> 
3273					<i class="fa fa-solid fa-star-sharp text-primary"></i>
3274				<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3275					<i class="fa fa-solid fa-star-sharp-half text-primary"></i>
3276				<@ } else { @> 
3277					<i class="fa fa-solid fa-star-sharp-outline"></i> 
3278				<@}@> 
3279				<@ } @>
3280			</p>
3281			<p
3282				style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;">
3283				<time class="timestamp"
3284					datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@
3285					print(parseDate(item.createdDate.$date)) @></time>
3286			</p>
3287		</div>
3288		<p  class="reviewTxt"
3289			style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@
3290			print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @></p>
3291		<div class="comment-tag">
3292			<@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @>
3293		</div>
3294	</div>
3295</div>
3296</div>
3297</script>
3297
3298
3299
3300<!-- Feedback Template Second -->
3301<script type="text/template" id="feedback-2-template">
3302<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3303<@if(msg){@>
3304	<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3305<@}else{@>
3306<@ if(total > 0 && ratings && ratings.avgRating) {@>
3307<div class="avgratingbox">
3308<div class="column third">
3309   <div class="is-card avgRatingContainer" >
3310      <div class="avgRatingInnerContainer">
3311         <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3312         <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3313            <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i>
3314            <div style="margin-left: 25px;">
3315               <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3316                  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;">
3317                     <@ if(ratings && ratings.avgRating) {@>
3318                     <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3319                     <@}else{@>
3320                     0
3321                     <@}@>
3322                  </h3>
3323                  <p class="avgRatingReviews">/5</p>
3324               </span>
3325               <p class="avgRatingReviews">
3326                  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3327               </p>
3328            </div>
3329         </div>
3330      </div>
3331   </div>
3332</div>
3333</div>
3334<@ } @>
3335<div id="feedback2Reviewlist" class="reviewslist">
3336   <@ $.each(items, function(index, item) { @>
3337   		<@ var template = _.template($("#feedback-2-item-template").html()); print(template({item: item})) @>
3338   <@ }); @>
3339   <@}@>
3340</div>
3341<div class="row clearfix">
3342   <div class="column full">
3343      <p class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-2-item-template" data-reviewData="feedback2Reviewlist" style="text-align: right; font-size: 14px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none;">
3344         View more
3345      </p>
3346   </div>
3347</div>
3348</script>
3348
3349
3350<script type="text/template" id="feedback-2-item-template">
3351	<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3352      <div class="is-card avgRatingContainer">
3353         <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3354			<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3355				<a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3356			<@ } @>
3357            <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 80px; max-height: 80px; overflow: hidden;">
3358   			<@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3359   		 	</p>
3360			<div class="reviewerName">
3361           	<p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px;">
3362   				<@ print(item.userName) @>
3363   		 	</p></div>
3364			
3365			 <p style="margin: 0px;">
3366				<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3367					<@ if(item.rating >= ratingsSize) {@> 
3368						<i class="fa fa-solid fa-star-sharp text-primary"></i>
3369					<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3370						<i class="fa fa-solid fa-star-sharp-half text-primary"></i> 
3371					<@ } @> 
3372				<@ }@>
3373			 </p>		
3374
3375      	 </div>
3376	  </div>	
3377   </div>
3378</script>
vendor: 1 bytes, line 3378
3378
3379<script type="text/template" id="feedback-2-createTemplate">
3380	<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3381  <div class="is-boxes">
3382    <div class="is-box-centered">
3383      <div class="is-container container" style="max-width: 940px;">
3384	
3385		<div class="review-box review-add-box">
3386            <div class="is-container container is-content-800" >
3387               <div class="row clearfix" >
3388                  <div class="column full" >
3389                     <h1 style="text-align: center; font-size: 28px; line-height: 1.1; font-weight: 700; letter-spacing: 0px; color: var(--themeColor); margin-bottom: 44px;">Add a review</h1>
3390                  </div>
3391               </div>
3392               <div class="textarea-cont">
3393                  <div class="review-star text-primary" style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;">
3394					<span id="rating-stars">
3395                     <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 
3396                        class="fa fa-solid fa-star-sharp rating-star" data-value='<@- ratingsSize @>'></i> <@}@>
3397					</span>
3398                  </div>
3399                  <textarea class="add-review-textarea" id="reviewText" style="background: transparent;width: 100%; border-width: 0px; padding-right: 28px; padding-bottom: 28px; min-height: 150px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;" placeholder="Add your review here"></textarea>
3400                  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3401						<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p>
3402				<@ } @>
3403               </div>
3404               <div  style="margin-top: 20px; display: flex; justify-content: flex-end;">
3405                  <button id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3406					data-reviewData="feedback2Reviewlist" disabled >Submit</button>
3407               </div>
3408            </div>
3409		</div>
3410		</div>
3411		</div>
3412	</div>
3413</div>
3414</script>
3414
3415
3416<!-- Vegas 4th feedback Template-->
3417
3418
3419<script type="text/template" id="feedback-4-template">
3420	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3421	<@if(msg){@>
3422		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3423	<@}else{@>
3424	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3425	<div class="avgratingbox">
3426	<div class="column third">
3427	   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" >
3428		  <div class="avgRatingInnerContainer">
3429			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3430			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3431				<i class="icon ion-android-star text-primary" style="font-size: 80px;"></i>
3432				<div style="margin-left: 25px;">
3433				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3434					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;">
3435						 <@ if(ratings && ratings.avgRating) {@>
3436						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3437						 <@}else{@>
3438						 0
3439						 <@}@>
3440					  </h3>
3441					  <p class="avgRatingReviews">/5</p>
3442				   </span>
3443				   <p class="avgRatingReviews">
3444					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3445				   </p>
3446				</div>
3447			 </div>
3448		  </div>
3449	   </div>
3450	</div>
3451	</div>
3452	<@ } @>
3453	<div id="feedback4Reviewlist" class="reviewslist">
3454	   <@ $.each(items, function(index, item) { @>
3455			   <@ var template = _.template($("#feedback-4-item-template").html()); print(template({item: item})) @>
3456	   <@ }); @>
3457	   <@}@>
3458	</div>
3459	<div class="row clearfix">
3460	   <div class="column full" style="text-align: center;">
3461		  <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-4-item-template" data-reviewData="feedback4Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#FB5607; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;">
3462			View All Reviews
3463		  </a>
3464	   </div>
3465	</div>
3466	</script>
3466
3467	
3468	
3468<script type="text/template" id="feedback-4-item-template">
3469		<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3470		  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; ">
3471			 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3472				<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3473					<a  style="color:#FB5607 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3474				<@ } @>
3475				<p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;">
3476				   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3477					</p>
3478				<div class="reviewerName">
3479				   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3480					   <@ print(item.userName) @>
3481					</p></div>
3482				
3483				 <p style="margin: 0px;">
3484					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3485						<@ if(item.rating >= ratingsSize) {@> 
3486							<i class="fa fa-solid fa-star-sharp text-primary" style="color:#FB5607 !important;"></i>
3487						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3488							<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#FB5607 !important;"></i> 
3489						<@ } @> 
3490					<@ }@>
3491				 </p>		
3492	
3493			   </div>
3494		  </div>	
3495	   </div>
3496	</script>
3496
3497	
3497<script type="text/template" id="feedback-4-createTemplate">
3498		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3499	  <div class="is-boxes">
3500		<div class="is-box-centered">
3501		  <div class="is-container container" style="max-width: 1200px;">
3502		
3503			<div class="review-box review-add-box">
3504				<div class="is-container container is-content-1200" >
3505				   <div class="row clearfix" >
3506					  <div class="column full" >
3507						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3508					  </div>
3509				   </div>
3510				   <div class="textarea-cont">
3511					<div style="display:flex; gap:30px;">
3512						<div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div>
3513						<div class="review-star1 text-primary" 
3514						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3515					   <span id="rating-stars" >
3516						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3517							   <i class="fa fa-solid fa-star-sharp rating-star" 
3518								  data-value='<@- ratingsSize @>' 
3519								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3520						   <@}@>
3521					   </span>
3522				   </div>
3523				   <style></style>
3524				   
3525				   
3526					</div>
3527					  <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea>
3528					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3529							<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p>
3530					<@ } @>
3531				   </div>
3532				   <div  style=" display: flex; justify-content: center;">
3533					  <button style="letter-spacing:0px !important ; background-color:#FB5607;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3534						data-reviewData="feedback4Reviewlist" disabled >Submit</button>
3535				   </div>
3536				</div>
3537			</div>
3538			</div>
3539			</div>
3540		</div>
3541	</div>
3542	</script>
3542
3543	
3544
3545
3546
3547<!-- Blaze 5th feedback Template-->
3548<script type="text/template" id="feedback-5-template">
3549	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3550	<@if(msg){@>
3551		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3552	<@}else{@>
3553	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3554	<div class="avgratingbox">
3555	<div class="column third">
3556	   <div class="is-card avgRatingContainer" style="background:#232323; border-radius:0px;padding:21px;" >
3557		  <div class="avgRatingInnerContainer">
3558			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;color:white;">Customer ratings</h3>
3559			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3560				<i class="icon ion-android-star text-primary" style="font-size: 80px;color:rgb(216, 253, 70);"></i>
3561				<div style="margin-left: 25px;">
3562				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3563					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: rgb(216, 253, 70); line-height: 1.3;">
3564						 <@ if(ratings && ratings.avgRating) {@>
3565						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3566						 <@}else{@>
3567						 0
3568						 <@}@>
3569					  </h3>
3570					  <p class="avgRatingReviews" style="color:white;">/5</p>
3571				   </span>
3572				   <p class="avgRatingReviews" style="color:white;">
3573					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3574				   </p>
3575				</div>
3576			 </div>
3577		  </div>
3578	   </div>
3579	</div>
3580	</div>
3581	<@ } @>
3582	<div id="feedback5Reviewlist" class="reviewslist">
3583	   <@ $.each(items, function(index, item) { @>
3584			   <@ var template = _.template($("#feedback-5-item-template").html()); print(template({item: item})) @>
3585	   <@ }); @>
3586	   <@}@>
3587	</div>
3588	<div class="row clearfix">
3589	   <div class="column full" style="text-align: center;">
3590		  <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-5-item-template" data-reviewData="feedback5Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#D8FD46; color:black; padding:12px 28px; border-radius:0px;text-decoration:none;">
3591			View All Reviews
3592		  </a>
3593	   </div>
3594	</div>
3595	</script>
3595
3596	
3597	
3598	
3598<script type="text/template" id="feedback-5-item-template">
3599		<style>
3600			.template5-review .reviewTxt{
3601				color:white !important;
3602			}
3603			.template5-review .reviewerName p{
3604				color:white !important;
3605			}
3606		</style>
3607		<div class="column third reviewcontainer template5-review <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> selfreview <@ } @>">
3608			<div class="is-card avgRatingContainer" style="border:1px solid #232323;padding:20px;">
3609				<div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;">
3610					<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>
3611						<a style="color:#D8FD46 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>">
3612							<i class="material-icons">delete</i>
3613						</a>
3614					<@ } @>
3615					<p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;">
3616						<@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3617					</p>
3618					<div class="reviewerName">
3619						<p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5; ">
3620							<@ print(item.userName) @>
3621						</p>
3622					</div>
3623	
3624					<p style="margin: 0px;">
3625						<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) { @>
3626							<@ if(item.rating >= ratingsSize) { @>
3627								<i class="fa fa-solid fa-star-sharp text-primary" style="color:#D8FD46 !important;"></i>
3628							<@ } else if(item.rating > ratingsSize - 1 && item.rating < ratingsSize) { @>
3629								<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#D8FD46 !important;"></i>
3630							<@ } @>
3631						<@ } @>
3632					</p>
3633				</div>
3634			</div>
3635		</div>
3636	</script>
3636
3637	
3638	
3638<script type="text/template" id="feedback-5-createTemplate">
3639		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3640	  <div class="is-boxes">
3641		<div class="is-box-centered" style="background:#181818;">
3642		  <div class="is-container container" style="max-width: 1200px;">
3643		
3644			<div class="review-box review-add-box">
3645				<div class="is-container container is-content-1200" >
3646				   <div class="row clearfix" >
3647					  <div class="column full" >
3648						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: white; ">Add a review</h1>
3649					  </div>
3650				   </div>
3651				   <div class="textarea-cont" style="background:transparent">
3652					<div style="display:flex; gap:30px;">
3653						<div><h3 style="font-size:18px;font-weight:600; color:white;">Overall Rating</h3></div>
3654						<div class="review-star text-primary" 
3655						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3656					   <span id="rating-stars" >
3657						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3658							   <i class="fa fa-solid fa-star-sharp rating-star" 
3659								  data-value='<@- ratingsSize @>' 
3660								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3661						   <@}@>
3662					   </span>
3663				   </div>
3664				   
3665				   
3666					</div>
3667					  <textarea class="add-review-textarea" id="reviewText" style="color:white;background:#232323;width: 100%; border: 1px solid #636363; padding: 28px;  min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:0px !important" placeholder="Add your review here"></textarea>
3668					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3669							<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p>
3670					<@ } @>
3671				   </div>
3672				   <div  style=" display: flex; justify-content: center;margin-top:20px;">
3673					  <button style="letter-spacing:0px !important ; background-color:#D8FD46;padding:12px 28px !important; border-radius:0px !important; color:black;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3674						data-reviewData="feedback5Reviewlist" disabled >Submit</button>
3675				   </div>
3676				</div>
3677			</div>
3678			</div>
3679			</div>
3680		</div>
3681	</div>
3682	</script>
3682
3683
3684
3685
3686
3687
3688
3689
3690
3691
3692
3693
3694
3695
3696
3697
3698<!-- Nebula Feedback 6-->
3699
3700<script type="text/template" id="feedback-6-template">
3701	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3702	<@if(msg){@>
3703		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3704	<@}else{@>
3705	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3706	<div class="avgratingbox">
3707	<div class="column third">
3708	   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" >
3709		  <div class="avgRatingInnerContainer">
3710			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3711			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3712				<i class="icon ion-android-star text-primary" style="font-size: 80px;    color: #6715FF !important;"></i>
3713				<div style="margin-left: 25px;">
3714				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3715					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800;     color: #6715FF !important; line-height: 1.3;">
3716						 <@ if(ratings && ratings.avgRating) {@>
3717						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3718						 <@}else{@>
3719						 0
3720						 <@}@>
3721					  </h3>
3722					  <p class="avgRatingReviews">/5</p>
3723				   </span>
3724				   <p class="avgRatingReviews">
3725					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3726				   </p>
3727				</div>
3728			 </div>
3729		  </div>
3730	   </div>
3731	</div>
3732	</div>
3733	<@ } @>
3734	<div id="feedback6Reviewlist" class="reviewslist">
3735	   <@ $.each(items, function(index, item) { @>
3736			   <@ var template = _.template($("#feedback-6-item-template").html()); print(template({item: item})) @>
3737	   <@ }); @>
3738	   <@}@>
3739	</div>
3740	<div class="row clearfix">
3741	   <div class="column full" style="text-align: center;">
3742		  <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-6-item-template" data-reviewData="feedback6Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#6715FF; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;">
3743			View All Reviews
3744		  </a>
3745	   </div>
3746	</div>
3747	</script>
3747
3748	
3749	
3749<script type="text/template" id="feedback-6-item-template">
3750		<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3751		  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; ">
3752			 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3753				<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3754					<a  style="color:#6715FF !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3755				<@ } @>
3756				<p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;">
3757				   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3758					</p>
3759				<div class="reviewerName">
3760				   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3761					   <@ print(item.userName) @>
3762					</p></div>
3763				
3764				 <p style="margin: 0px;">
3765					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3766						<@ if(item.rating >= ratingsSize) {@> 
3767							<i class="fa fa-solid fa-star-sharp text-primary" style="color:#6715FF !important;"></i>
3768						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3769							<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#6715FF !important;"></i> 
3770						<@ } @> 
3771					<@ }@>
3772				 </p>		
3773	
3774			   </div>
3775		  </div>	
3776	   </div>
3777	</script>
3777
3778	
3778<script type="text/template" id="feedback-6-createTemplate">
3779		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3780	  <div class="is-boxes">
3781		<div class="is-box-centered">
3782		  <div class="is-container container" style="max-width: 1200px;">
3783		
3784			<div class="review-box review-add-box">
3785				<div class="is-container container is-content-1200" >
3786				   <div class="row clearfix" >
3787					  <div class="column full" >
3788						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3789					  </div>
3790				   </div>
3791				   <div class="textarea-cont" style="background:transparent">
3792					<div style="display:flex; gap:30px;">
3793						<div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div>
3794						<div class="review-star1 text-primary" 
3795						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3796					   <span id="rating-stars" >
3797						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3798							   <i class="fa fa-solid fa-star-sharp rating-star" 
3799								  data-value='<@- ratingsSize @>' 
3800								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3801						   <@}@>
3802					   </span>
3803				   </div>
3804				   <style></style>
3805				   
3806				   
3807					</div>
3808					  <textarea class="add-review-textarea" id="reviewText" style="background:white;width: 100%; border: 1px solid #c3c0c0; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea>
3809					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3810							<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: grey; margin-top: 0px;"><@ print(SPUSER.name) @></p>
3811					<@ } @>
3812				   </div>
3813				   <div  style=" display: flex; justify-content: center;">
3814					  <button style="letter-spacing:0px !important ; background-color:#6715FF;padding:12px 28px !important;margin-top:30px;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3815						data-reviewData="feedback6Reviewlist" disabled >Submit</button>
3816				   </div>
3817				</div>
3818			</div>
3819			</div>
3820			</div>
3821		</div>
3822	</div>
3823	</script>
3823
3824
3825
3826
3827
3828
3829<!-- Olive Feedback 7-->
3830<script type="text/template" id="feedback-7-template">
3831	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3832	<@if(msg){@>
3833		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3834	<@}else{@>
3835	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3836	<div class="avgratingbox">
3837	<div class="column third">
3838	   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" >
3839		  <div class="avgRatingInnerContainer">
3840			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3841			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3842				<i class="icon ion-android-star text-primary" style="font-size: 80px;    color: #064400 !important;"></i>
3843				<div style="margin-left: 25px;">
3844				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3845					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800;     color: #064400 !important; line-height: 1.3;">
3846						 <@ if(ratings && ratings.avgRating) {@>
3847						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3848						 <@}else{@>
3849						 0
3850						 <@}@>
3851					  </h3>
3852					  <p class="avgRatingReviews">/5</p>
3853				   </span>
3854				   <p class="avgRatingReviews">
3855					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3856				   </p>
3857				</div>
3858			 </div>
3859		  </div>
3860	   </div>
3861	</div>
3862	</div>
3863	<@ } @>
3864	<div id="feedback7Reviewlist" class="reviewslist">
3865	   <@ $.each(items, function(index, item) { @>
3866			   <@ var template = _.template($("#feedback-7-item-template").html()); print(template({item: item})) @>
3867	   <@ }); @>
3868	   <@}@>
3869	</div>
3870	<div class="row clearfix">
3871	   <div class="column full" style="text-align: center;">
3872		  <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-7-item-template" data-reviewData="feedback7Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#064400; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;">
3873			View All Reviews
3874		  </a>
3875	   </div>
3876	</div>
3877	</script>
3877
3878	
3879	
3879<script type="text/template" id="feedback-7-item-template">
3880		<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3881		  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; ">
3882			 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3883				<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3884					<a  style="color:#064400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3885				<@ } @>
3886				<p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;">
3887				   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3888					</p>
3889				<div class="reviewerName">
3890				   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3891					   <@ print(item.userName) @>
3892					</p></div>
3893				
3894				 <p style="margin: 0px;">
3895					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3896						<@ if(item.rating >= ratingsSize) {@> 
3897							<i class="fa fa-solid fa-star-sharp text-primary" style="color:#064400 !important;"></i>
3898						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3899							<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#064400 !important;"></i> 
3900						<@ } @> 
3901					<@ }@>
3902				 </p>		
3903	
3904			   </div>
3905		  </div>	
3906	   </div>
3907	</script>
3907
3908	
3908<script type="text/template" id="feedback-7-createTemplate">
3909		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3910	  <div class="is-boxes">
3911		<div class="is-box-centered">
3912		  <div class="is-container container" style="max-width: 1200px;">
3913		
3914			<div class="review-box review-add-box">
3915				<div class="is-container container is-content-1200" >
3916				   <div class="row clearfix" >
3917					  <div class="column full" >
3918						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3919					  </div>
3920				   </div>
3921				   <div class="textarea-cont">
3922					<div style="display:flex; gap:30px;">
3923						<div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div>
3924						<div class="review-star1 text-primary" 
3925						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3926					   <span id="rating-stars" >
3927						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3928							   <i class="fa fa-solid fa-star-sharp rating-star" 
3929								  data-value='<@- ratingsSize @>' 
3930								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3931						   <@}@>
3932					   </span>
3933				   </div>
3934				   <style></style>
3935				   
3936				   
3937					</div>
3938					  <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea>
3939					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3940							<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p>
3941					<@ } @>
3942				   </div>
3943				   <div  style=" display: flex; justify-content: center;">
3944					  <button style="letter-spacing:0px !important ; background-color:#064400;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3945						data-reviewData="feedback7Reviewlist" disabled >Submit</button>
3946				   </div>
3947				</div>
3948			</div>
3949			</div>
3950			</div>
3951		</div>
3952	</div>
3953	</script>
3953
3954
3955
3956
3957
3958	<!--Dusk Feedback-8-->
3959	
3959<script type="text/template" id="feedback-8-template">
3960		<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3961		<@if(msg){@>
3962			<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3963		<@}else{@>
3964		<@ if(total > 0 && ratings && ratings.avgRating) {@>
3965		<div class="avgratingbox">
3966		<div class="column third">
3967		   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;background:#F5F5F5;" >
3968			  <div class="avgRatingInnerContainer">
3969				 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3970				 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3971					<i class="icon ion-android-star text-primary" style="font-size: 80px;    color: #282400 !important;"></i>
3972					<div style="margin-left: 25px;">
3973					   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3974						  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800;     color: #282400 !important; line-height: 1.3;">
3975							 <@ if(ratings && ratings.avgRating) {@>
3976							 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3977							 <@}else{@>
3978							 0
3979							 <@}@>
3980						  </h3>
3981						  <p class="avgRatingReviews">/5</p>
3982					   </span>
3983					   <p class="avgRatingReviews">
3984						  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3985					   </p>
3986					</div>
3987				 </div>
3988			  </div>
3989		   </div>
3990		</div>
3991		</div>
3992		<@ } @>
3993		<div id="feedback8Reviewlist" class="reviewslist">
3994		   <@ $.each(items, function(index, item) { @>
3995				   <@ var template = _.template($("#feedback-8-item-template").html()); print(template({item: item})) @>
3996		   <@ }); @>
3997		   <@}@>
3998		</div>
3999		<div class="row clearfix">
4000		   <div class="column full" style="text-align: center;">
4001			  <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-8-item-template" data-reviewData="feedback8Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#282400; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;">
4002				View All Reviews
4003			  </a>
4004		   </div>
4005		</div>
4006		</script>
4006
4007		
4008		
4008<script type="text/template" id="feedback-8-item-template">
4009			<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
4010			  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:#F5F5F5; padding:20px; ">
4011				 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
4012					<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
4013						<a  style="color:#282400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
4014					<@ } @>
4015					<p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;">
4016					   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
4017						</p>
4018					<div class="reviewerName">
4019					   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
4020						   <@ print(item.userName) @>
4021						</p></div>
4022					
4023					 <p style="margin: 0px;">
4024						<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
4025							<@ if(item.rating >= ratingsSize) {@> 
4026								<i class="fa fa-solid fa-star-sharp text-primary" style="color:#282400 !important;"></i>
4027							<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
4028								<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#282400 !important;"></i> 
4029							<@ } @> 
4030						<@ }@>
4031					 </p>		
4032		
4033				   </div>
4034			  </div>	
4035		   </div>
4036		</script>
4036
4037		
4037<script type="text/template" id="feedback-8-createTemplate">
4038			<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
4039		  <div class="is-boxes">
4040			<div class="is-box-centered">
4041			  <div class="is-container container" style="max-width: 1200px;">
4042			
4043				<div class="review-box review-add-box">
4044					<div class="is-container container is-content-1200" >
4045					   <div class="row clearfix" >
4046						  <div class="column full" >
4047							 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
4048						  </div>
4049					   </div>
4050					   <div class="textarea-cont">
4051						<div style="display:flex; gap:30px;">
4052							<div><h3 style="font-size:18px;font-weight:600;">Overall rating</h3></div>
4053							<div class="review-star1 text-primary" 
4054							style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
4055						   <span id="rating-stars" >
4056							   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
4057								   <i class="fa fa-solid fa-star-sharp rating-star" 
4058									  data-value='<@- ratingsSize @>' 
4059									  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
4060							   <@}@>
4061						   </span>
4062					   </div>
4063					   <style></style>
4064					   
4065					   
4066						</div>
4067						  <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea>
4068						  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
4069								<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p>
4070						<@ } @>
4071					   </div>
4072					   <div  style=" display: flex; justify-content: center;">
4073						  <button style="letter-spacing:0px !important ; background-color:#282400;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
4074							data-reviewData="feedback8Reviewlist" disabled >Submit</button>
4075					   </div>
4076					</div>
4077				</div>
4078				</div>
4079				</div>
4080			</div>
4081		</div>
4082		</script>
4082
4083
4084
4085
4086<div class="spectre">
4087<div class="modal" id="reviewModal">
4088			<a href="javascript:void(0);" class="modal-overlay close"
4089				aria-label="Close"></a>	
4090			<div class="modal-container">
4091				<div class="modal-header">
4092					<a href="javascript:void(0);"
4093						class="close btn btn-clear float-right" aria-label="Close"></a>
4094					<div class="modal-title h5">Review</div>
4095				</div>
4096				<div class="modal-body" style="max-height: 90vh;padding-top: 0;">
4097				</div>
4098			</div>
4099			
4100			  
4101			  
4102</div>
4103
4104  
4105</div>
4106
4107
4108
4109
4110
4111	
4112
4113
4114
4115
4116
4117
4118
4119 
4120
4121<script>
4122	var created_date = `Created Date`;
4123	var uname_msg = `Name`;
4124	var email_msg = `Email`;
4125	var has_web_token = `Has Web Token`;
4126	var has_mobile_token = `Has Mobile Token`;
4127	var actions_msg = `Actions`;
4128	var delete_user = `Delete User`;
4129	var create_target_audience = `Create Target Audience`;
4130	var msg_now = `NOW`;
4131	var msg_now_2 = `Now`;
4132	var msg_scheduled = `SCHEDULED`;
4133	var msg_recurring = `RECURRING`;
4134	var msg_weeks = `weeks`;
4135	var msg_months = `month(s)`;
4136	var msg_days = `days`;
4137	var notification_screen = `Notification Screen`;
4138	var coursepackagelandingpage = `Course/Package landing page`;
4139	var search_course_name = `Search by course/package name`;
4140	var webinar_landing_page = `Webinar landing page`;
4141	var search_by_webinar_name = `Search by webinar name`;
4142	var categorypage = `Category Page`;
4143	var custompage = `Custom Page`;
4144	var blogpage = `Blog Page`;
4145	var customlink = `Custom Link`;
4146	var homepage_msg = `Homepage`;
4147	var search_category = `Search category`;
4148	var search_page_title = `Search by Page title`;
4149	var search_blog_title = `Search by Blog title`;
4150	var enter_the_link = `Enter the link`;
4151	var membership_page = `Membership page`;
4152	var pick_a_date = `Pick a date`;
4153	var pick_first_push_date = `Pick a first push date`;
4154	var every_msg = `Every`;
4155	var starting_msg = `Starting`;
4156	var msg_published = `Published`;
4157	var msg_unpublished = `Unpublished`;
4158	var msg_customize = `Customize`;
4159	var msg_edit = `Edit`;
4160	var msg_featured_image = `Featured Image`;
4161	var msg_preview = `Preview`;
4162	var msg_delete = `Delete`;
4163	var msg_unpublish = `Unpublish`;
4164	var msg_publish = `Publish  `;
4165	var msg_question= `questions`;
4166	var try_new_coding_assignment= `Try new coding assignment`;
4167	var change_enrollment_date = `Change Enrollment Date`;
4168	var change_expiry = `Change Expiry`;
4169	var change_remanining_time = `Change Remaining Time`;
4170	var remove_from_course = `Remove From Course`;
4171	var reset_course_progress = `Reset Course Progress`;
4172	var complete_report = `Complete Report`;
4173	var msg_progress = `Progress`;
4174	var timetaken = `Time Taken`;
4175	var msg_user_details = `User Details`;
4176	var graphy_platform_fees_note = `Amount after deducting Graphy platform fees. This does not include your payment gateway charges.`;
4177	var final_price_note = `Final payable price by learners`;
4178	var save_alert_message = `Save progress before moving forward.`;
4179	var no_chapter_alert_message = `Please add at least one chapter in the course.`;
4180	var download_msg = `Download`;
4181	var revoke_msg = `Revoke`;
4182	var yes_msg = `Yes`;
4183	var no_msg = `No`;
4184	var details_hover = `Details`;
4185	var hide_notification = `Hide Notification`;
4186	var notify_learners_hover = `Notify Learners`;
4187	var search_course_package = `Search Courses to add in this package.`;
4188	var bulk_delete = `Bulk Delete`;
4189	var scheduled_msg = `Scheduled`;
4190	var inprogress_msg = `In Progress`;
4191	var completed_msg = `Completed`;
4192	var yes_all_caps = `YES`;
4193	var no_all_caps = `NO`;
4194	var discount_msg = `Discount`;
4195	var max_discount = `Max Discount`;
4196	var min_cart = `Min Cart`;
4197	var delete_bookmark = `Delete Bookmark`;
4198	var view_question = `View question`;
4199	var msg_free = `Free`;
4200	var membership_expiration_note = `Membership will be canceled on next billing date.`;
4201	var msg_active = `Active`;
4202	var msg_inactive = `Inactive`;
4203	var delete_hover = `Delete`;
4204	var view_hover = `View`;
4205	var coursewise = `Course Wise`;
4206	var learner_wise = `Learner wise`;
4207	var segment_wise = `Segment wise`;
4208	var unregistered_msg = `Unregistered`;
4209	var target_audience_deleted = `Target Audience Deleted`;
4210	var courses_msg = `course(s)`;
4211	var learners_msg = `learner(s)`;
4212	var unregistered_learners = `Unregistered Learner`;
4213	var all_learners = `All Learners`;
4214	var course_wise_learners = `Course wise Learners`;
4215	var segment_wise_learners = `Segment wise Learners`;
4216	var with_token = `with token`;
4217	var segments_msg = `segments`;
4218	var add_users_msg = `Add Users`;
4219	var approx_msg = `Approx`;
4220	var revoke_cancellation_request = `Revoke Cancellation request.`;
4221	var remove_scheduled_membership_cancellation = `Remove Scheduled Membership Cancellation`;
4222	var schedule_to_stop_subscription = `Schedule to stop Subscription`;
4223	var stop_subscription = `Stop subscription`;
4224	var available_for_review_all_caps = `AVAILABLE FOR REVIEW`;
4225	var reviewed_all_caps = `REVIEWED`;
4226	var rejected_all_caps = `REJECTED`;
4227	var preview_code = `Preview Code`;
4228	var approve_msg = `Approve`;
4229	var reject_msg = `Reject`;
4230	var history_msg = `History`;
4231	var message_hover= `Message`;
4232	var remove_msg= `Remove`;
4233	var enroll_msg= `Enroll`;
4234	var change_validity= `Change Validity`;
4235	var learners_selected= `learner(s) selected`;
4236	var select_all_msg= `Select all`;
4237	var do_you_want_to_delete_course= `Do you really want to delete this course?`;
4238	var do_you_want_to_revoke_this_certificate= `Do you really want to revoke this certificate?`;
4239	var do_you_want_to_revoke_entry= `Do you really want to revoke this entry?`;
4240	var do_you_want_to_edit_enrollment_date= `Do you really want to edit enrollment date of all learners?`;
4241	var do_you_want_to_edit_enrollment_date_for_selected= `Do you really want to edit enrollment date of selected learners?`;
4242	var do_you_want_to_edit_course_validity= `Do you really want to edit course validity of all learners?`;
4243	var do_you_want_to_edit_course_validity_for_selected= `Do you really want to edit course validity of selected learners?`;
4244	var do_you_want_to_remove_selected= `Do you really want to remove selected learners?`;
4245	var do_you_want_to_remove_all= `Do you really want to remove all learners?`;
4246	var do_you_want_to_create_zip= `Do you really want to create zip for this course?`;
4247	var do_you_want_to_deactivate= `Do you really want to deactivate?`;
4248	var successfully_done_alert= `Successfully Done.`;
4249	var please_select_atleast_1_learner= `Please select atleast 1 learner !`;
4250	var on_msg= `On`;
4251	var single_correct_option = `Single Correct Option`;
4252	var multiple_correct_options = `Multiple Correct Options`;
4253	var numerical_Fill_in_the_Blank = `Numerical/Fill in the Blank`;
4254	var match_the_Column = `Match the Column`;
4255	var subjective = `Subjective`;
4256	var your_target_audience_appear= `Your target audience user(s) will appear here`;
4257	var your_upcoming_campaign= `Your upcoming campaign will appear here`;
4258	var status_msg= `Status`;
4259	var stop_campaign= `Stop Campaign`;
4260	var copy_campaign= `Copy Campaign`;
4261	var platform_fee_tax = `platform fees including taxes`;
4262	var pg_fees_taxes = `payment gateway fees including taxes`;
4263	var msg_quiz = `Quiz`;
4264	var msg_livetest = `Live test`;
4265	var msg_heading = `Heading`;
4266	var msg_text = `Text`;
4267	var msg_form = `Form`;
4268	var msg_live_class = `Live class`;
4269	var msg_live_class_rec = `live class recording`;
4270	var msg_code = `Code`;
4271	var msg_assignment = `Assignment`;
4272	var msg_added = `added`;
4273	var msg_about = `About`;
4274	var msg_year = `year`;
4275	var msg_month = `Month`;
4276	var msg_day = `day`;
4277	//var msg_hour = `hh`;
4278	//var msg_minute = `mm`;
4279	//var msg_seconds = `seconds`;
4280	var msg_month_l = `month`;
4281	var msg_day_l = `day`;
4282	var msg_hour_l = `hour`;
4283	var msg_minute_l = `minute`;
4284	var msg_second_l = `second`;
4285	var mobile_number=`Mobile Number`;
4286	var status_android =`Status (ANDROID)`;
4287	var status_ios =`Status (IOS)`;
4288	var delivery_time=`Delivery Time`;
4289	var sure_unhide=`Are you sure you want to unhide this course ?`;
4290	var become_a_partner=`Become a Partner`;
4291	var failed_msg=`Failed`;
4292	var sent_msg=`Sent`;
4293	var pending_msg=`Pending`;
4294	var running_msg=`Running`;
4295	var add_pricing_plan = `Add pricing plan`;
4296	var msg_add = `Add`;
4297	var of_msg = `of`;
4298	var items_msg = `items`
4299	var ago_msg = `ago`
4300	var items_msg = `items`;
4301	
4302	var january_msg = `January`;
4303	var february_msg = `February`;
4304	var march_msg = `March`;
4305	var april_msg = `April`;
4306	var may_msg = `May`;
4307	var june_msg = `June`;
4308	var july_msg = `July`;
4309	var august_msg = `August`;
4310	var september_msg = `September`;
4311	var october_msg = `October`;
4312	var november_msg = `November`;
4313	var december_msg = `December`;
4314	var sunday_msg = `Sunday`;
4315	var monday_msg = `Monday`;
4316	var tuesday_msg = `Tuesday`;
4317	var wednesday_msg = `Wednesday`;
4318	var thursday_msg = `Thursday`;
4319	var friday_msg = `Friday`;
4320	var saturday_msg = `Saturday`;
4321	var at_msg = `at`;
4322	var generate_outline = `Generate outline using AI`;
4323	var it_take_min = `It may take a min.`;
4324	var msg_ok = `OK`;
4325	var edit_pricing_plan = `Edit pricing plan`;
4326
4327</script>
4327
4328
4329
4330
4331
4332
4333
4334
4335<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-2.0.3.min.js"></script>
4335
4336
4337<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/underscore-min.js?v=1.9.1"></script>
4337
4338
4339<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.form.js"></script>
vendor: 1 bytes, line 4339
4339
4340<script async src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.noty.packaged.min.js"></script>
vendor: 1 bytes, line 4340
4340
4341<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 4341
4341
4342<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.timeago.js"></script>
vendor: 1 bytes, line 4342
4342
4343<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/js-webshim/minified/extras/modernizr-custom.js"></script>
vendor: 1 bytes, line 4343
4343
4344<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.datetimepicker.js"></script>
4344
4345
4346
4347
4348
4349
4350
4351
4352
4353<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/aes.js"></script>
vendor: 1 bytes, line 4353
4353
4354<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/mode-ecb-min.js"></script>
vendor: 1 bytes, line 4354
4354
4355<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/pad-nopadding-min.js"></script>
4355
4356
4357<!-- 
4357<script src="https://unpkg.com/@popperjs/core@2"></script>
vendor: 1 bytes, line 4357
4357
4358<script src="https://unpkg.com/tippy.js@6"></script>
4358 -->
4359<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.3.3/umd/popper.js" integrity="sha512-jSMYzs1Iebw2Uew+Y9karoqkqTDEzbqkdttIkHJKh3auQ6aGV7p8b7A3Yo9k/LsMvUFqWt5AV66hfo1OwH4Jjg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 4359
4359
4360<script src="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.0.0/tippy-bundle.umd.js"></script>
4360
4361
4362<script type="text/javascript">
4363	var passwordPolicyRequired = false;
4364	var checkoutV2 = true;
4365	var primaryFieldPhoneEnabled = false;
4366	var orgLanguageCode = "";
4367	var SPEERESCDN = "https://d502jbuhuh9wk.cloudfront.net";
4368</script>
4368
4369
4370<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sutils_919c30bb7230024efec7b939763642a2.js"></script>
vendor: 1 bytes, line 4370
4370
4371<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/utils/dateUtils_f53456b03f1287667a7b24fb63b367ce.js"></script>
vendor: 1 bytes, line 4371
4371
4372<script type="text/javascript">
4373	// Make org object globally available for dateUtils
4374	window.org = window.org || {};
4375	window.org.currencyCode = "false"=='true'?'USD':'INR';
4376	var websiteV3Org = false;
4377	var orgCreatedDate = {"$date":"2024-03-30T07:09:53.431Z"};
4378</script>
4378
4379
4380	
4380<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/talk_b564486691065235006e186474078666.js"></script>
4380
4381
4382
4383
4384
4385
4386<script type="text/javascript">
4387	var trialExpired = "false";
4388	var planCancelled = "false";
4389	var isFreePlan = false;
4390	
4391</script>
vendor: 1 bytes, line 4391
4391
4392<script type="text/javascript" id="dsf239df">
4393	var ctx = "/s",
4394		isFirstLogin = "", cjs = CryptoJS;
4395		
4396	var defaultCoreColor = "#5755d9", theme1CoreColor = "#572b7a", theme2CoreColor = "#3f51b5", theme3CoreColor = "#009051", 
4397		theme4CoreColor = "#596439", theme5CoreColor = "#F0591D", theme6CoreColor = "#28a745", theme7CoreColor = "#1bbc9b", 
4398		theme8CoreColor = "#f38f20", apkId = "6231373436231373432363038663465653864613523630386634656538646135", theme9CoreColor = "#c0af01", theme10CoreColor = "#e8d3a4",
4399		webColor = defaultCoreColor,
4400		CFCDN = "https://d502jbuhuh9wk.cloudfront.net", mobileNotification = false, webNotification = false, 
4401		iosPlayVideo = false,
4402		chromeDrmPlayback = false,
4403		gaType = "";
4404		
4405	
4406	
4407	$("#dsf239df").remove();
4408</script>
4408
4409
4410
4411
4412
4413
4414
4415
4416	
4417		<input type="hidden" id="orgCurrencyCode" value="INR" />
4418	
4419	
4420
4421
4422
4423	
4423<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/detect-private-browsing.js"></script>
4423
4424	
4424<script type="text/javascript">
4425	detectPrivateMode(
4426        function(is_private) {
4427            if(typeof is_private !== 'undefined' && is_private) {
4428            		$("input[name=privateMode]").val("private");
4429            }
4430        }
4431    );
4432	</script>
4432
4433
4434
4435
4436	
4437	
4438		
4438<script type="text/javascript"
4439			src="https://d502jbuhuh9wk.cloudfront.net/resources/js/intlTelInput.min.js"></script>
4439
4440		
4440<script type="text/javascript">
4441		
4442			var ipInfo = localStorage.getItem('ipInfo');
4443	        if(!ipInfo) {
4444	        	$.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
4445	        		if(resp) {
4446	        			var ipInfoStr = JSON.stringify(resp);
4447	    				var ipInfoField = document.getElementById("ipInfo");
4448	    				var countryCode = (resp.country) ? resp.country : "in";
4449				        sessionStorage.setItem('countryCode', countryCode);
4450						if('statusText' in resp) {
4451	    					if((resp['statusText'] !== 'error') && ('ip' in resp)) {
4452	    						localStorage.setItem('ipInfo', ipInfoStr);
4453	    						if(ipInfoField) {
4454	    							ipInfoField.value = ipInfoStr;
4455	    		        		}
4456							}
4457						}
4458			        	else if('ip' in resp) {
4459			        		localStorage.setItem('ipInfo', ipInfoStr);
4460			        		if(ipInfoField) {
4461			        			ipInfoField.value = ipInfoStr;
4462			        		}
4463		        		}
4464					}
4465	        	})
4466	        }
4467		
4468		  $("#sphone").intlTelInput({
4469		      initialCountry: "auto",
4470		      geoIpLookup: function(callback) {
4471		    	 var scountryCode = sessionStorage.getItem('countryCode');
4472		    	 
4473		    	 if(scountryCode !== null) {
4474		    		 callback(scountryCode);
4475		    	 }else {
4476		    		 $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
4477				          var countryCode = (resp && resp.country) ? resp.country : "in";
4478				          callback(countryCode);
4479				          sessionStorage.setItem('countryCode', countryCode);
4480				        });
4481		    	 }
4482		      },
4483		      preferredCountries: ["in", "us"],
4484		      separateDialCode: true,
4485		      utilsScript: "/resources/js/intlUtils.js"
4486		    });
4487		  	
4488		  </script>
4488
4489	
4490
4491
4492
4493<div class="spectre">
4494
4495	
4496	
4497	
4498
4499	
4499<script type="text/javascript">
4500		if(top != self) {
4501		    //iframe
4502		    $(".toast").remove();
4503		}
4504	</script>
4504
4505	
4506	
4507</div>
4508
4509	
4510
4511<input type="hidden" id="orgCreditAlias"
4512	value="Sanjay Bhoi Coins" />
4513
4514
4515
4516
4517<script>
4518
4519
4520
4521
4522	var orgTaxLabel = "Tax";
4523
4524
4525
4526	var sessionCountry = "";
4527
4528	$(document).ready(function() {		
4529		$("input[name='userMobileVerify']").change(function(data){
4530			var uniqueMobileSwitch = $('#uniqueMobileId');
4531			if(data.target.value==='true'){
4532				$('input[name=uniqueMobile]').prop('checked', true)
4533				$('#uniqueMobileLabelId').show();				
4534			}else{
4535				$('input[name=uniqueMobile]').prop('checked', false)
4536				$('#uniqueMobileLabelId').hide();
4537			}
4538		});
4539	});
4540	
4541	
4542		
4543		
4544			localStorage.removeItem('microserviceAuthToken');
4545		
4546   
4547   
4548   
4549	
4550	
4551			localStorage.removeItem('communityToken');
4552	
4553   
4554   
4555   
4556	
4557	
4558			localStorage.removeItem('chatRefreshToken');
4559	
4560
4561
4562
4563	
4564	
4565			localStorage.removeItem('refreshToken');
4566	
4567
4568	
4569</script>
4569
4570
4571
4572<!-- amplitude script start -->
4573
4574
4575
4576	
4576<script type="text/javascript">
4577	    window.localStorage.removeItem('loginAmplitudeEventSent');
4578	</script>
4578
4579
4580
4581<!-- amplitude script end -->
4582
4583 
4584
4585 <div id="template-container"></div>
4586
4587	
4588	
4588<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sstore_5ffb558e86d7b5ef265e05fb0bfbef79.js"></script>
4588
4589
4590	
4590<script type="text/javascript">
4591		$(".isoDateTime").each(function() {
4592			var dateTxt = $.trim($(this).text());
4593			
4594			if(dateTxt !== "") {
4595				if(isNaN(dateTxt)) {
4596					$(this).text(new Date(dateTxt).dateFormat("D M d, Y"));
4597				}else {
4598					$(this).text(new Date(parseFloat(dateTxt)).dateFormat("D M d, Y"));
4599				}
4600			}else {
4601				$(this).text("");
4602			}
4603		});
4604		store.bindEvents();
4605	</script>
4605
4606	
4606<script type="text/javascript">
4607		window.signupParams = {source: "newsletter", platform: "web", sourceId: ""};
4608	</script>
4608
4609	
4610	
4610<script src="https://d502jbuhuh9wk.cloudfront.net/static/files/lazyload.min.js"></script>
4610
4611	
4611<script type="text/javascript">
4612	var lazyLoadInstance = new LazyLoad({
4613	  unobserve_entered: true,
4614	  callback_enter: function(element) {
4615		  resizeCdnImage(element);
4616	  }
4617	});
4618	</script>
4618
4619</body>
4620</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.