PageSourceSearch

https://www.theathenaadventures.com/s/store

html theathenaadventures.com collected 2026-10-08 05:14:15 UTC 224,733 bytes, 4,638 lines download raw bytes

1
2
3
4
5
6<!DOCTYPE html>
7<html>
8<head>
9	<title>The Athena Adventures</title>
10	<meta name="keywords" content="Athena Adventures, online course, wisdom journey, personal growth, self-discovery, transformational course, myth-inspired course, creativity course, inner wisdom, guided reflection, personal development, learning adventure"/>
11	<meta name="description" content="The Athena Adventures is a myth-inspired learning journey that blends wisdom, creativity, reflection, and personal growth into an engaging course experience."/>
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 	
68		<meta name="viewport" content="width=device-width, initial-scale=1.0">
69 	
70 	
71  
72    
73   		
74   		
75   		
76   		
77   		
78   		
79   		
80    
81    <meta name="google" content="notranslate">
82    
83    	
84        	<link rel="canonical" href="https://www.theathenaadventures.com/s/store" />
85  
86
87
88<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
89<link rel="icon" href="/favicon.ico" type="image/x-icon">
90
91
92
93
94
95
96	
97		
97<script>var orgCountry = "IN";</script>
97
98	
99	
100
101
102<link id="theme" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre.min.css" rel="stylesheet">
103
104<link rel="preconnect" href="https://fonts.googleapis.com"> 
105<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
106
107<link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" as="style" onload="this.onload=null;this.rel='stylesheet'">
108<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" ></noscript>
109
110<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" as="style" onload="this.onload=null;this.rel='stylesheet'">
111<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" ></noscript>
112
113<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
114<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" ></noscript>
115
116<link id="theme-exp" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre-exp.min.css" rel="stylesheet">
117
118
119
120	
121	<link href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstyles_0f8f8346b730ed7f9d44d25335e652c6.css" rel="stylesheet">
122	<link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstore_052a28d8fc16dab749345a09dfcd63bf.css"/>
123	
124	<link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/stylesheets/gtheme9.css?v=7"/>
125	
126	<style type="text/css">
127		#loginLoader{
128			position: absolute;
129	    	left: 0;
130	    	right: 0;
131	    	margin-left: auto;
132	    	margin-right: auto;
133	    	width: 100px;
134	    	top: 50%;
135		}
136	    .customSocialBtn {
137	      	display: flex; 
138	    	white-space: nowrap;
139	    	justify-content: center;
140	    	align-items: center;
141	    	padding: 11px 67px;
142	    	position: static;
143	    	left: 0px;
144	    	top: 40px;
145	    	cursor: pointer;
146	    	margin: auto;
147	    	border: none;
148	    	gap: 10px;
149	    	/*width: 364px;
150	    	height: 48px;
151	      	 background: #000000; */
152	    	/*For New Button Remove Bellow Codes and Uncomment upper Code  */
153	    	background: white;
154	      	border-radius: 4px;
155	      	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
156	      	width: 245px;
157	      	height: 40px;
158	    }
159	  
160	    .customSocialBtn img.icon {     
161	    	height: 20px;
162	    	width: 20px;
163	    }
164	    .customSocialBtn span.buttonText {
165	    	font-style: normal;
166	    	font-weight: 900;
167	    	font-size: 16px;
168	    	line-height: 120%;
169			opacity: 0.9;
170	    	font-family: 'Roboto', sans-serif;
171	    	/* color: #F7F7F7; */
172	    	/*For New Button Remove Bellow Codes and Uncomment upper Code  */
173	    	color: #808080;
174	    }
175	</style>
176	
177	
178		
179		
180		 
181			<style type="text/css">
182				
183					.main.container { margin-top: calc(var(--headerHeight) + 25px); }
184				
185			</style>
186		
187	
188	
189		
190		
191			<style type="text/css">
192				footer a, footer+div a {
193					color: var(--footerTextColor) !important;
194				}
195				footer .socialIcons {text-align: right;}
196				@media (max-width: 600px) {
197					footer .linksCont a { display: block !important; }
198					footer .socialIcons {text-align: center;margin-top: 20px;}
199				}
200			</style>
201		
202	
203
204
205
206
207
208<style type="text/css">
209	:root {
210	 	--themeColor: #5755d9;
211	 	--themeBGColor: #fff;
212		--headerHeight: 65px;
213		--headerTextColor: #4c2b7f;
214		--headerBGColor: #ffffff;
215		
216	}
217
218
219	:root {
220	 	--themeColor: #6715FF;
221	 	--themeBGColor: #fff;
222	 	--themeCornerRadius: 12px;
223	 	--themeGrayColor: #F1ECFB;
224	 }
225
226</style>
227
228<style type="text/css">
229	
230    
231
232</style>
233
234
235
236
237<script type="text/javascript">
238	window.onload = function(event) {
239	   document.querySelectorAll('header .avatar img').forEach(function(img){
240		   	if(img.naturalWidth == 0) {
241		   		img.style.display='none';
242		   	}
243	   })
244	};
245	var RESCDN = "https://d502jbuhuh9wk.cloudfront.net";
246	
247	function showCourseDefaultCover(img, cid) {
248		var rndm = ((parseInt(cid.replace(/[a-z]/g, '')) % 10) % 6) + 1;
249		rndm = isNaN(rndm) ? 1 : rndm;
250		if(img === null) {
251			return RESCDN + "/resources/images/cc"+rndm+".jpg";
252		}
253		
254		img.src = RESCDN + "/resources/images/cc"+rndm+".jpg";
255	}
256</script>
256
257
258
259
260	
261	
262
263
264
265
266
267
268
269<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>
269
270
271<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>
271
272
273<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>
273
274
275
276
277
278
279
280<script type="text/template" id="consentPromptTemplate">
281<div class="spectre">
282	<div class="modal active" id="consentPrompt">
283		    <a href="javascript:void(0);" class="modal-overlay" aria-label="Close"></a>
284		    <div class="modal-container" style="max-width:325px">
285		      <div class="modal-header" style="padding:0.8rem 0.8rem 0px 0.8rem;">
286		        <div class="modal-title h5 text-center">Updated Terms</div>
287		      </div>
288		      <div class="modal-body">
289		        
290				<form id="consentForm" style="text-align:center; font-size:13px">
291					<div class="content"></div><br>
292					<div class="text-center">
293						<button id="consentBtn" type="button" class="btn close btn-primary">I Agree</button>
294					</div>
295				</form>
296
297		    </div>
298		  </div>
299</div>
300</script>
300
301
302
303<script>
304	var hideCookiePopup = false;
305	var cookieConsentEnabled = true;
306	if(!cookieConsentEnabled){
307		hideCookiePopup = true;
308	}
309	var SPORG = {subscriptionPlan: "launch", checkout_version: "2", customer_type: "r"};
310</script>
vendor: 1 bytes, line 310
310
311<script type="text/template" id="cookiePopupTemplate">
312<div class="spectre" style="position: fixed; bottom: 0; width: 100%; opacity:1; z-index: 9999;">
313		<div class="modal-container p-0" id="cookiePopup">        
314			<form id="cookiePopupForm">
315				<div class="columns" style="align-items: center;">
316					<div class="column col-sm-12 content text-center"></div>
317					<div class="column col-sm-12 text-center">
318						<a href="/privacy-policy" class="btn" target="_blank" id="viewPrivacyPolicyBtn" style="margin-right:15px;">View privacy policy</a>
319						<button id="acceptCookiesBtn" type="button" class="btn close btn-primary">Accept cookies</button>
320					</div>
321				</div>
322			</form>
323		</div>
324</div>
325</script>
325
326
327
328
329	
330		
331		
332			
333		
334	
335
336
337
338
339
340
341
342
343	
344
345
346<!-- Google Tag Manager -->
347<script>
vendor: 327 bytes, lines 347-351
347(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
348new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
349j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
350'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
351})(window,document,'script','dataLayer','
351GTM-KW7N9P2
vendor: 4 bytes, line 351
351');
352</script>
352
353<!-- End Google Tag Manager -->
354 
355 	
355<script defer type="text/javascript" src="https://api.pirsch.io/pirsch-extended.js" 
356    id="pirschextendedjs" 
357    data-code="oHFOd5zHvaGtKiB3W0xkR0PyZyVlDhZ0"></script>
357
358 
359	<meta name="google-site-verification" content="" />
360</head>
361<body class="theme9">
362	
363		
364		
365			
366
367
368
369<div class="header spectre fixed"
370	style="background-color: #ffffff;">
371	
372	<header class="navbar container" style="min-height: 65px;">
373		  
374		  <div id="navbar-section-btn">
375		  	
376				<a href="javascript:void(0);" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.theathenaadventures.com","button":"cart"}' class="nav-link badge cartBtn mr-2" data-badge="0"><i class="material-icons">shopping_cart</i></a>
377			
378		  	<a class="btn btn-link btn-action ml-2" id="header-collapse-btn"  href="javascript:void(0);">
379				<i class="icon-menu material-icons">menu</i>
380		  	</a>
381		  </div>
382		  <section class="navbar-section" style="min-height: 65px;">
383		    <a href="/" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.theathenaadventures.com","button":"profile_logo"}'><img alt="logo" onerror="this.src='https://d502jbuhuh9wk.cloudfront.net/resources/images/yourlogohere.jpg'" src='https://d502jbuhuh9wk.cloudfront.net/logos/64410a76e4b01c9b6e8f32ab.png?v=5'/></a>
384		  </section>
385		  
386		  <section class="navbar-section menu-links">
387			
388				<a href="/s/store" class="nav-link" data-id="courses" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.theathenaadventures.com","button":"store"}'>Courses</a>
389			
390			
391				<a href="/blog" class="nav-link" data-id="blog" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.theathenaadventures.com","button":"blog"}'>Blog</a>
392			
393			
394				<a href="/aboutus" class="nav-link" data-id="about" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.theathenaadventures.com","button":"about"}'>About</a>
395			
396			
397				
398					<a class="nav-link" href="/contactus" data-id="90aiin03s" >Contact</a>
399				
400			
401			
402			
403			
404				<a href="/products#nav_bar" class="nav-link" amplitude-event="digital_products_tapped" amplitude-payload='{"source":"nav_bar"}' href="javascript:void(0);">Digital Products</a>
405			
406			
407				<a href="/memberships" class="nav-link" amplitude-event="membership_tapped" amplitude-payload='{"membership_id": "6875218d245e4318875bc627","source":"nav_bar"}' href="javascript:void(0);">Membership</a>
408			
409			
410				
411				
412					
413						
414						
415							<a href="javascript:void(0);" class="nav-link badge cartBtn hide-md" data-badge="0"><i class="fa-regular fa-cart-shopping"></i></a>
416						
417					
418		    			<a href="javascript:void(0);" class="btn btn-primary loginBtn">Login</a>
419				
420			
421		  </section>
422	</header>
423	
424	
425</div>
426		
427	
428	<div class="spectre">
429	<div class="main container" style="margin-top: 65px;">
430		<div class="columns pt-2">
431			<div class="column col-4 col-sm-12">
432				<div class="dropdown categoriesBtn col-12">
433					  <a href="#" class="btn btn-lg btn-primary dropdown-toggle" tabindex="0"><span class="icon-text">Category</span> <i class="material-icons">arrow_drop_down</i></a>
434					  <ul class="menu"></ul>
435				</div>
436			</div>
437		</div>
438		
439			
440				<div class="columns" style="margin-top: 50px;" id="courseslist">
441					<div class="column col-12 loading loading-lg"></div>
442					<div class="empty col-12" style="display: none;">
443						<p class="empty-title">
444							
445							Keep a lookout for our courses, they're coming soon
446						
447			  			</p>
448			  			
449					</div>
450				</div>
451			
452			
453		
454	</div>
455	</div>
456
457
458
459
460	
461		
462		
463			
464
465
466
467
468
469
470
471
472
473
474<div class="yogya-footer" style="display: flex !important;align-items:center;justify-content:center;clear:both;width: 100%;flex-direction: column; row-gap:30px; background: #F7F7F7; color: #232228; padding: 80px 10px;">
475	
476		
477		
478			
479				
480				
481					<a style="display: flex !important;align-items:center;justify-content:center;text-decoration: none !important;background: #000 !important;color: #fff !important;padding: 12px 20px !important;border-radius: 4px !important;font-size: 14px !important;font-weight: 600 !important;line-height: 20px !important;" rel="nofollow" href="https://graphy.com/products/create-and-sell-course-online?utm_campaign=brendaganwani&utm_source=gc&utm_device=website&gref=brendaganwani" target="_blank"><img alt="Launch your Graphy" style="height: 20px; width: 11px; margin-right: 12px;" src="/resources/images/grvector.svg">Launch your Graphy</a>
482					<div class="text-center" style="font-size: 12px;font-weight: 400;line-height: 20px;letter-spacing: 0.015em;">100K+ creators trust <a href="https://graphy.com/products/create-and-sell-course-online?utm_campaign=brendaganwani&utm_source=gc&utm_device=website&gref=brendaganwani" target="_blank" rel="nofollow" style="color: #000 !important;text-decoration: underline !important;padding: 0 !important;font-size: inherit !important;">Graphy</a> to teach online</div>
483				
484			
485		
486	
487	<div style="display: flex !important;align-items:center;justify-content:center;column-gap: 12px;">
488		<a href="https://www.facebook.com/brenda.ganwani/" class="fbPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;
488display: flex;align-items:center;justify-content:center;"><i class="fa-brands fa-facebook-f" style="font-size: 11px"></i></a>
489		<a href="https://www.instagram.com/brenda_ganwani/" class="instaPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;display: flex;align-items:center;justify-content:center;"><i class="fa-brands fa-instagram" style="font-size: 11px"></i></a> 
490		
491		
492		<a href="https://www.youtube.com/@bganwani" class="yPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;display: flex;align-items:center;justify-content:center;" ><i class="fa-brands fa-youtube" style="font-size: 11px"></i></a>
493		
494	</div>
495	<div style="display: flex !important;align-items:center;justify-content:center;font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0.015em;column-gap: 12px;flex-wrap: wrap;">
496		<span>The Athena Adventures <i class="fa-regular fa-copyright"></i> 2026</span> <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 
497		<a href="/privacypolicy" style="color: #232228 !important; padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Privacy policy</a>  <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 
498		<a href="/termsofuse" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Terms of use</a> <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 
499		<a href="/contactus" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Contact us</a> <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 
500		<a href="/refundpolicy" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Refund policy</a>
501	</div>
502</div>
503
504
505
506
507
508		
509	
510
511
512	
513	
514
515
516
517
518<script>const customDomain = "www.theathenaadventures.com";</script>
518
519
520   
521  
522
523<script>
524var disabledLocleVar='Disabled';
525var enabledLocaleVar='Enabled';
526var smsLocaleVar='SMS';
527var webpushLocaleVar='Web Push';
528var mobilepushLocaleVar='Mobile Push';
529var invoicenumberLocaleVar='Invoice Number';
530var productLocaleVar='Product';
531var dateLocaleVar='Date';
532var amountLocaleVar='Amount';
533var detailsLocaleVar='Details';
534var subscriptionPlanLocaleVar='Subscription Plan';
535var addonsLocaleVar='Add Ons';
536var showLocalVar='Show';
537var hideLocaleVar='Hide';
538</script>
538 
539<div class="spectre">
540
541	
542	
543		
544		
545		
546			
547				
547<script>
548					var isPopupLogin = true;
549					var login = '';
550					var message = '';
551					function closeLoginPopup() {
552						$("#loginFormHtml").removeClass("active");
553						$("body").removeClass("overflowYDisable");
554					}
555				</script>
555
556				
557				
558				
559					
560				
561
562				<div class="modal" id="loginFormHtml">
563					<iframe id="microfe-popup-login" src="/t/public/login" loading="lazy"
564						style="width: calc(100% + 10px); height: 100vh; border: none;"
565						onload="$(this).parent().removeClass('loading');"></iframe>
566				</div>
567			
568		
569	 
570	
571
572	<div class="modal" id="cartHtml">
573		<a href="javascript:void(0);" class="modal-overlay close"
574			aria-label="Close"></a>
575		<div class="modal-container" style="max-width: 800px;">
576			<div class="modal-header">
577				<a href="javascript:void(0);"
578					class="close btn btn-clear float-right" aria-label="Close"></a>
579				<div class="modal-title h5">
580					<i class="fa-regular fa-shopping-cart"></i>
581					Cart
582					(<span class="cartCount">0</span>
583					Items
584					)
585				</div>
586			</div>
587			<div class="modal-body" style="max-height: 70vh;">
588				<div class="content">
589
590					<div class="text-center msg loading"></div>
591					<div class="text-center msg noItems" style="display: none;">
592						There are no items in your cart<br/>
593						<a class="btn btn-primary" href="/s/store"
594							style="margin: 20px auto;">
595							Add More
596						</a>
597					</div>
598					<div class="items msg" style="display: none;">
599						<div class="m-0 cartDiv">
600							<table class="table cartTable">
601								<thead>
602									<tr>
603										<th colspan="2">Item Details</th>
604										<th class="text-right">Price</th>
605										<th style="width: 50px;"></th>
606									</tr>
607								</thead>
608								<tbody></tbody>
609							</table>
610						</div>
611						<div class="suggestCart mt-2 bg-gray p-2" style="display: none;">
612							<h6>You may also be interested in</h6>
613							<div class="columns loading" id="cartRelatedCont"></div>
614						</div>
615					</div>
616				</div>
617			</div>
618			<div class="modal-footer">
619				<div class="msg items clearfix">
620					
621						
622						
623							<div class="float-left text-gray">
624								Note: Promo Codes can be applied after checkout
625							</div>
626						
627						
628					
629					<div class="float-right">
630						Total Amount
631						<span class="text-primary curr">₹<span
632							class="totalAmount">0</span></span>
633					</div>
634				</div>
635				<div class="msg items clearfix mt-2">
636					<a class="btn float-left" href="/s/store" amplitude-event="add_more_course_checkout">
637						Add More
638					</a>
639					
640					
641						
642							
643						
644						
645					
646					<a class="btn btn-primary float-right" href="/s/checkout" amplitude-event="checkout_tapped_course_checkout" amplitude-payload='{"currency": "INR" }'>Checkout</a>
647				</div>
648			</div>
649		</div>
650	</div>
651	<div class="modal" id="newCheckoutHtml" style="padding: 0; z-index: 10000;">
652	<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>
653		<!-- <a href="javascript:void(0);" class="modal-overlay close"
654			aria-label="Close"></a>
655		<div class="modal-container" style=""> -->
656		
657
658			<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>
659				
660		<!-- </div> -->
661	</div>
662</div>
663
664<script type="text/template" id="cartItemTemplate">
665		<tr data-id="<@- item.id @>" data-type="<@- item.type @>" data-title="<@- item.title @>" data-price="<@- item.price @>" data-coursecategory="<@- item.courseCategory @>">
666			<@ var itemType = item.type; @>
667			<td style="width:150px;">	
668				<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item.id +"/"+ item.id +"_scaled_cover.jpg?v=" + coverVersion; if(isNaN(coverVersion)) { curl = showCourseDefaultCover(null, item.id)   } @>
669				<img alt="<@- item.title @> cover" style="width:100%;max-height:100px;" class="img-fit-contain lazy"  onerror="showCourseDefaultCover(this, '<@- item.id @>')" 
670						data-src='<@- curl @>' />
671			</td>
672			<td class="itemTitle"><@- item.title @><@ if(item.description !== undefined) { @><div class='text-gray variantDescription'><@ print(item.description) @></div><@ } @></td>
673			<td class="text-right curr"><@ if(item.priceWithoutTax !== undefined && 'GST' != '') { @><@ print(getDisplayAmount(item.priceWithoutTax)) @><br><small><@ print(getDisplayAmount(item.price)) @> incl. <@- item.gstRate @>% GST</small><@ } else { @><@ print(getDisplayAmount(item.price)) @> <@ if(item.gstRate > 0 && 'GST' != '') { print("<br><small>incl. " +item.gstRate+"% GST</small>") } @><@ } @> 				
674			<@ if(item.pgChargesLearnerPercent !==undefined && getDisplayAmount(item.pgChargesLearnerPercent).includes('₹')) {@> <br><small>Internet handling fees: <@print(getDisplayAmount(item.pgChargesLearnerPercent/100*item.price))@></small> <@} @>
675			</td>
676			<td>
676<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>
677		</tr>
678	</script>
vendor: 1 bytes, line 678
678
679<script type="text/template" id="cartcoursecard-template">
680		<div class="column col-2 col-md-4 scourse <@- item['spayee:resource']['spayee:courseType'] @>" title="<@- item["spayee:resource"]["spayee:title"] @>">
681			  <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
682				<@ 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)   } @>
683		              <img style="width: 100%;" alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl  @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
684					  <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>
685		      </a>
686		</div>
687	</script>
vendor: 1 bytes, line 687
687
688<script type="text/template" id="coursecard-template">
689		<div class="column scourse <@- item['spayee:resource']['spayee:courseType'] @> hidePackageRibbon<@- item['spayee:resource']['spayee:hidePackageRibbon'] @>">
690					
691					
692					
693					<@ var itemCategory =  (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @>
694
695					<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@>"
696						amplitude-event="course_card_tapped_checkout"
697						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, '18.5', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable('', item) @>","wallet_coins_enabled_on_school":"false","category":"<@- itemCategory @>"}'
698					>
699					
700						
701					
702		              <div class="card-image relative <@ print(item["spayee:resource"]["spayee:availableForMembership"] ? 'includedInMembership' : '') @>">
703						<@ 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);   } @>
704						<div class="blurbg lazy" data-bg="<@- curl @>"></div>
705		                <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
706		              </div>
707		              <div class="card-body text-ellipsis">
708							<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>
709
710							<@ if(item.rating !== undefined) { @>
711								<span class="text-gray ratingIcons icon-text">
712								<@ for(var i=1;i<6;i++) { @>
713									<@ 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 { @>
714									<i class="material-icons">star_border</i>								
715								<@ } } @></span><small class="d-inline-block pl-1 text-dark"><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</small>
716							<@ }else { @> <span class="text-gray ratingIcons icon-text">&nbsp;</span> <@ } @>
717							<br>
718							<span class="text-gray">
719								<@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @>
720									<@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses
721								<@ }else { @>
722									<@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:publisher"]):"&nbsp;") @>
723								<@ } @>
724							</span>
725					  </div>
726		              <div class="card-footer">
727						<@ print(getCourseDisplayPrice('₹', '', item, '18.5', '', true)) @>
728						<span class="text-gray" style="font-size:small">
729							<@ if(item['spayee:resource']['spayee:instalmentPlanId']!=null && item['spayee:resource']['spayee:instalmentPlanId'] !== "") { @>
730								<@ print(getCourseInstalmentDisplayPrice('', item))@>
731								<@ }else { @>
732								<@ "&nbsp;" @>
733							<@ } @>
734						</span>
735		              </div>
736					<div style="padding: 0 0.8rem 0.8rem 0.8rem;">
737						<span class="text-gray" style="font-size:small">
738							<@ if(getMultiplePlanLabel('', item)>1) {@>
739							<i class="material-icons text-primary" style="font-size:small">discount</i>
740							<@ print(' Flexible pricing plans') } @>
741						</span>
742					</div>
743		            </a>
744		</div>
745	</script>
745
746
747<script type="text/template" id="blogcard-template">
748		<div class="column col-3 col-md-6 col-sm-6 col-xs-12 scourse" style="margin-bottom: 20px;">
749					<a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="/blog/<@- item['spayee:resource']['spayee:url'] @>">
750		              <div class="card-image relative">
751						<@ if(item['spayee:resource']['spayee:cover'] !== undefined && item['spayee:resource']['spayee:cover']) { @>
752							<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>
753							<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 @>')">
754						<@ }else { @>
755							<div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png"></div>
756							<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'>
757						<@ } @>
758		              </div>
759		              <div class="card-body text-ellipsis"><span style="color:#2f4f4f;"><@- item["spayee:resource"]["spayee:title"] @></span></div>
760		              <div class="card-footer" style="padding: 0.4rem;">
761						<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>
762						<@ var pdate = item.createdDate.$date; if(item['spayee:resource']['spayee:publishDate'] !== undefined && item['spayee:resource']['spayee:publishDate'] !== '') { pdate = item['spayee:resource']['spayee:publishDate']; } @>
763						<time class="float-right text-warning"><@ print(formatDate(new Date(pdate))) @></time>
764		              </div>
765		            </a>
766		</div>
767	</script>
767
768	
769	
769<script type="text/javascript">
770	  var uuid = function (a) {
771		  // https://github.com/amplitude/Amplitude-Javascript/blob/master/src/uuid.js
772		  return a // if the placeholder was passed, return
773		    ? // a random number from 0 to 15
774		      (
775		        a ^ // unless b is 8,
776		        ((Math.random() * // in which case
777		          16) >> // a random number from
778		          (a / 4))
779		      ) // 8 to 11
780		        .toString(16) // in hexadecimal
781		    : // or otherwise a concatenated string:
782		      (
783		        [1e7] + // 10000000 +
784		        -1e3 + // -1000 +
785		        -4e3 + // -4000 +
786		        -8e3 + // -80000000 +
787		        -1e11
788		      ) // -100000000000,
789		        .replace(
790		          // replacing
791		          /[018]/g, // zeroes, ones, and eights with
792		          uuid, // random hex digits
793		        );
794	  };
795		
796	  (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
797	  ;r.type="text/javascript"
798	  ;r.integrity="sha384-tzcaaCH5+KXD4sGaDozev6oElQhsVfbJvdi3//c2YvbY02LrNlbpGdt3Wq4rWonS"
799	  ;r.crossOrigin="anonymous";r.async=true
800	  ;r.src="https://cdn.amplitude.com/libs/amplitude-8.5.0-min.gz.js"
801	  ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
802	  console.log("[Amplitude] Error: could not load SDK")}}
803	  ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
804	  ;function s(e,t){e.prototype[t]=function(){
805	  this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
806	  var o=function(){this._q=[];return this}
807	  ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"]
808	  ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[]
809	  ;return this}
810	  ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
811	  ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u
812	  ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
813	  ;function v(e){function t(t){e[t]=function(){
814	  e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
815	  for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
816	  e=(!e||e.length===0?"$default_instance":e).toLowerCase()
817	  ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])
818	  }return n._iq[e]};e.amplitude=n})(window,document);
819	
820	  amplitude.getInstance().init('e56929a4c3888c23e97a7e70e34ccf6c');
821	  amplitude.getInstance().setUserId(null);
822	  //amplitude.getInstance().regenerateDeviceId();
823
824    var userProperties = {
825			custom_domain: "www.theathenaadventures.com",
826			org_id: "64410a76e4b01c9b6e8f32ab",
827			default_google_login_enabled: 'true' == 'true',
828			personalized_google_login_enabled: '458039325812-j4dp9fnsu0rgr2m93s6f0k1d3kkualeg.apps.googleusercontent.com' != '' && 'true' == 'false' ? true : false,
829			facebook_login_enabled: '' == 'true' ? true : false
830	  };
831	  amplitude.getInstance().setUserProperties(userProperties);
832    
833/*     var deviceId = uuid();
834	  amplitude.getInstance().setDeviceId(deviceId);
835	  sessionStorage.setItem('amplitudeDeviceId', deviceId); */
836	</script>
836
837	
838	
838<script type="text/javascript">
839		window.signupParams = {source: "store", platform: "web", sourceId: null};
840		var showGraphyFomoFlag = '';
841		
842			showGraphyFomoFlag = '64410a76e4b01c9b6e8f32ab';
843		
844	</script>
844
845
846	
846<script type="text/javascript">
847		function hideCheckoutLoader() {
848			if(typeof window.hideLoader =="function") {
849				window.hideLoader();
850			}
851		}
852		var checkoutRedirectGuestUsers = 'signup';
853	</script>
853
854
855
856
857
858
859
860<script type="text/template" id="spcoursecard-2-template">
861		<div class="column third">
862			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
863			<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;">
864			<@ 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);   } @>
865			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
866			<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>
867			<p class="size-16"><@ if(item.rating !== undefined) { @>
868								<span class="text-gray ratingIcons icon-text">
869								<@ for(var i=1;i<6;i++) { @>
870									<@ 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 { @>
871									<i class="material-icons">star_border</i>								
872								<@ } } @></span><span><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</span>
873			<@ }else { @> <span class="text-gray ratingIcons icon-text">&nbsp;</span> <@ } @></p>
874			<p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
875				<@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
876			
877			<p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', true)) @></span><br></p>
878			<div style="margin:1em 0"></div>
879			</a>
880		</div>
881	</script>
vendor: 1 bytes, line 881
881
882<script type="text/template" id="spcoursecard-1-template">
883		<div class="column third">
884			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
885			<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;">
886			<@ 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);   } @>
887			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
888			<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>
889			<div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
890
891			<p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', true)) @></span><br></p>
892			<div style="margin:1em 0"></div>
893			</a>
894		</div>
895	</script>
vendor: 1 bytes, line 895
895
896<script type="text/template" id="spcoursecard-3-template">
897		<div class="column third">
898			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
899			<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;">
900			<@ 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);   } @>
901			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
902			<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>
903			<div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
904			<p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
905				<@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
906			<p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', true)) @></span><br></p>
907			<div style="margin:1em 0"></div>
908			</a>
909		</div>
910	</script>
910
911	
912<script type="text/template" id="spcoursecard-4-template">
913		<div class="column third text-center" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;">
914			<@ 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);   } @>
915			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
916			<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;">
917			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
918			</a>
919			<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>
920			<div class="discription"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
921			<p class="size-18 price text-primary"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', true)) @></p>
922			<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>
923		</div>
924	</script>
924	
925<script type="text/template" id="spcoursecard-5-template">
926		<div class="column third" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;">
927			<@ 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);   } @>
928			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>			
929			<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;">
930			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
931			</a>
932			<h3 class="sub-heading"><b class="size-18 text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h4>
933			<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 { @>
934				Instructor : <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
935			<@if(item.rating){@>
936				<p class="size-16 description text-primary">Rating: &nbsp;
937 					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
938						<@if(item.rating){@> 
939							<@if(item.rating.avgRating){@> 
940								<@ if(item.rating.avgRating >= ratingsSize) {@> 
941									<i class="icon ion-android-star text-primary"></i>&nbsp; 
942								<@ } else if(item.rating.avgRating > ratingsSize-1 && item.rating.avgRating < ratingsSize) { @> 
943									<i class="icon ion-android-star-half text-primary"></i>&nbsp; 
944								<@ } @>
945							<@}@>		
946		  				<@}@>
947					<@}@>
948				</p>
949			<@}@>
950		
951			<p class="size-18 price text-primary">Price : <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', true)) @></p>
952			<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>
953		</div>
954	</script>
954
955	
956<script type="text/template" id="spcoursecard-6-template">
957		<div class="column third">
958			<@ 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);   } @>
959			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
960				
961				
962				<@  var itemCategory =  (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:''@>
963				
964				<@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) { @> 
965				   <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, '18.5', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}'>
966				<@ } else { @>
967 				   <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, '18.5', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}'>  
968                <@ } @>
969			
970			
971			<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;">
972			</a>
973			<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>
974			<p class="size-16 description text-primary"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @> Courses<@ } @></p>
975			<p class="size-18 price text-primary"><@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) @> <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @></p>
976			<@ if (item.isMembershipPage != undefined && !item.isMembershipPage) { @>
977            
978				
979					<@ var itemCategory =  (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @>
980					<@ if(isMultiplePlansAvailable(sessionCountry, item) === false) { @>
981						<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, '18.5', '', 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;">
982							Buy now
983						</a>
984					<@ } else { @>
985
986						<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, '18.5', '', 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;">
987							Buy now
988						</a>
989					<@ } @>
990				
991				
992			
993			<@ } @>
994		</div>
995	</script>
995			
996	
997	
998<script type="text/template" id="spcoursecard-7-template">
999		<div class="column third course-mob-block">
1000			<div class="inner-course-block">
1001			<@ 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);   } @>
1002			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>			
1003			<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;">
1004			<img class="lazy" data-style="width: 100%; height: auto;" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')" >
1005			</a>
1006			<div class="course-price-block">
1007			<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;">
1008				<@- item['spayee:resource']['spayee:title'] @>
1009			</p>
1010			<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;">
1011					<@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @>
1012			</p>
1013			</div>
1014			<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;">
1015				Enroll now
1016			</a>
1017			</div>
1018		</div>
1019</script>
1019		
1020	
1021<script type="text/template" id="spcoursecard-8-template">
1022	 <div class="row clearfix" style="margin-bottom: 24px; margin-top: 14px;">
1023			<@ 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);   } @>
1024			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1025                    <div class="column third center" style="padding-left: 0px; padding-right: 0px;">
1026                        <img
1027                            class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')"
1028                            style="margin-top: 0px; margin-bottom: 0px;"
1029                        />
1030                    </div>
1031                    <div class="column two-third course-block-mob" style="display: flex; flex-direction: column; justify-content: center;">
1032                        <div class="course-price-block">	
1033							<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;">
1034								<@- item['spayee:resource']['spayee:title'] @>
1035							</h3>
1036                        	<div class="sortDescription8">
1037                            	<@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @>
1038                        	</div>
1039						</div>
1040
1041                        <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;">
1042                            Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @>
1043                        </a>
1044					</div>
1045        </div>
1046	</script>
1046	
1047
1048
1049	<!-- vegas TEMPLATE 9 NEW-->
1050	
1050<script type="text/template" id="spcoursecard-9-template" >
1051    <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;">
1052        <div style="border:1px solid #D7D7D7; border-radius:24px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;">
1053            <@ 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); } @>
1054            <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1055            
1056            <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 @>"}'>
1057                <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 @>')">
1058            </a>
1059            
1060			<div style="padding:10px 20px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1061				<h3 
1062					class="size-18 text-left" 
1063					title="<@- item['spayee:resource']['spayee:title'] @>" 
1064					style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;"
1065				>
1066					<b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b>
1067				</h3>
1068			
1069				<div 
1070					class="size-16 text-ellipsis course-card-text" 
1071					title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 
1072					style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;"
1073				>
1074				<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1075				</div>
1076			</div>
1077			
1078                <div style="margin-top: auto; margin-left:10px;">
1079                    <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" 
1080                       class="buy-btn btn btn-primary" 
1081                       title="<@- item['spayee:resource']['spayee:title'] @>" 
1082                       amplitude-event="buy_now_tapped_course_checkout" 
1083                       amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1084                       href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1085                        Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @>
1086                    </a>
1087                </div>
1088            </div>
1089        </div>
1090    </div>
1091</script>
1091
1092
1093			<!--Blaze Course nEW tEMPLATE 10-->
1094			
1094<script type="text/template" id="spcoursecard-10-template">
1095							<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;">
1096								<div style="height: 100%; display: flex; flex-direction: column;">
1097									<@ 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); } @>
1098									<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1099									
1100									<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;">
1101										<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 @>')">
1102									</a>
1103									
1104									<div style=" flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1105										<h3 
1106			    class="size-18 text-left" 
1107			    style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: white;"
1108			>
1109			    <b title="<@= item['spayee:resource']['spayee:title'] @>" style="color:white;">
1110			        <@- item['spayee:resource']['spayee:title'] @>
1111			    </b>
1112			</h3>
1113										
1114										<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;">
1115											<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1116										</div>
1117										
1118										<div style="margin-top: auto;">
1119											<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;" 
1120											class="buy-btn btn btn-primary" 
1121											title="<@- item['spayee:resource']['spayee:title'] @>" 
1122											amplitude-event="buy_now_tapped_course_checkout" 
1123											amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1124											href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1125											 Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @>
1126										 </a>
1127			
1128										</div>
1129									</div>
1130								</div>
1131							</div>
1132						</script>
1132
1133			
1134			<!--Olive Course 11-->
1135			
1135<script type="text/template" id="spcoursecard-11-template" >
1136				<@ 
1137				// Calculate colors based on index
1138				var colorIndex = (typeof window.courseCardColorIndex === 'undefined') ? 0 : window.courseCardColorIndex;
1139				var colors = [
1140					{ bg: '#FFA46B', btnBg: '#361500' },  // Orange card → Dark brown button
1141					{ bg: '#87A1F6', btnBg: '#001A71' },  // Blue card → Dark blue button
1142					{ bg: '#B073DC', btnBg: '#34005A' }  // Purple card → Dark brown button (default)
1143				];
1144				var currentColor = colors[colorIndex % 3];
1145				window.courseCardColorIndex = colorIndex + 1;
1146				@>
1147				
1148				<div class="column third text-center course-card course-card-fixed-height" style="padding: 0 15px; margin-bottom: 30px;">
1149					<div class="course-card-wrapper" style="background-color: <@- currentColor.bg @>; height: 100%; border-radius: 32px; overflow: hidden;">
1150						<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; 
1151						if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @>
1152						
1153						<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'])) @>">
1154							<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 @>')">
1155						</a>
1156						
1157						<div style="padding: 20px;" class="course-card-content">
1158							<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;">
1159								<b title="<@= item['spayee:resource']['spayee:title'] @>"><@- item['spayee:resource']['spayee:title'] @></b>
1160							</h3>
1161							<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;">
1162								<@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"&nbsp;") @>
1163							</div>
1164							<a class="enroll-button" 
1165							   style="display: block; 
1166									  background-color: <@- currentColor.btnBg @>; 
1167									  color: white !important; 
1168									  padding: 12px; 
1169									  text-align: center; 
1170									  font-weight: 600; 
1171									  text-decoration: none;
1172									  border-radius: 32px;"
1173							   href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1174								Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @>
1175							</a>
1176						</div>
1177					</div>
1178				</div>
1179				
1180			</script>
1180
1181			
1182
1183			<!-- Nebula Course 12-->
1184			
1184<script type="text/template" id="spcoursecard-12-template" >
1185				<div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;">
1186					<div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;">
1187						<@ 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); } @>
1188						<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1189						
1190						<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 @>"}'>
1191							<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 @>')">
1192						</a>
1193						
1194						<div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1195							<h3 
1196								class="size-18 text-left" 
1197								title="<@- item['spayee:resource']['spayee:title'] @>" 
1198								style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;"
1199							>
1200								<b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b>
1201							</h3>
1202						
1203							<div 
1204								class="size-16 text-ellipsis course-card-text" 
1205								title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 
1206								style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;"
1207							>
1208							<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1209							</div>
1210						</div>
1211							
1212							<div style="margin-top: auto; margin-left:0px;">
1213								<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" 
1214								   class="buy-btn btn btn-primary" 
1215								   title="<@- item['spayee:resource']['spayee:title'] @>" 
1216								   amplitude-event="buy_now_tapped_course_checkout" 
1217								   amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1218								   href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1219									Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @>
1220								</a>
1221							</div>
1222						</div>
1223					</div>
1224				</div>
1225			</script>
1225
1226
1227
1228
1229		<!--Dusk Course-13-->
1230		
1230<script type="text/template" id="spcoursecard-13-template" >
1231			<div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;">
1232				<div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;">
1233					<@ 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); } @>
1234					<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1235					
1236					<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 @>"}'>
1237						<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 @>')">
1238					</a>
1239					
1240					<div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1241						<h3 
1242							class="size-18 text-left" 
1243							title="<@- item['spayee:resource']['spayee:title'] @>" 
1244							style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;"
1245						>
1246							<b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b>
1247						</h3>
1248					
1249						<div 
1250							class="size-16 text-ellipsis course-card-text" 
1251							title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 
1252							style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;"
1253						>
1254						<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1255						</div>
1256					</div>
1257					
1258				   
1259						
1260						<div style="margin-top: auto; margin-left:0px;">
1261							<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" 
1262							   class="buy-btn btn btn-primary" 
1263							   title="<@- item['spayee:resource']['spayee:title'] @>" 
1264							   amplitude-event="buy_now_tapped_course_checkout" 
1265							   amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1266							   href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1267								Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @>
1268							</a>
1269						</div>
1270					</div>
1271				</div>
1272			</div>
1273		</script>
1273
1274			
1275			
1276
1277
1278
1279
1280
1281
1282
1283<!-- Curriculum 1st Template -->
1284<script type="text/template" id="coursecurr-1-template">
1285       <table class="table courseContents">
1286        <thead>
1287            <tr>
1288                <td style="width: 50px;"></td>
1289                <td style="width: 50px;"></td>
1290                <td></td>
1291            </tr>
1292        </thead>
1293        <tbody>
1294            <@ $.each(item, function(index, value) { @>
1295            <tr>
1296                <td><i class="material-icons courseItemIcon" data-type="<@- value.type @>"></i></td>
1297                <td colspan="2">
1298                    <@- value.title @> 
1299					<@ if(value.type == 'aiheading') { @>
1300						<small>(coming soon)</small><@ } @>
1301					<@ if(assetInfo && value.type == 'video' && value.duration !== undefined && value.duration > 0) { @>
1302						<small>(<@ print(Math.floor(value.duration)) @>:00)</small><@ } @>
1303					<@ if(assetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @>
1304						<small>(<@- value.pages @> pages)</small>
1305					<@ } @>
1306                </td>
1307            </tr>
1308            <@ if(value.items != undefined) { @> <@ $.each(value['items'], function(index1, value1) { @>
1309            <tr>
1310                <td></td>
1311                <td><i class="material-icons courseItemIcon" data-type="<@- value1.type @>"></i></td>
1312                <td>
1313                    <@- value1.title @>
1314					<@ if(assetInfo && value.type == 'video' && value1.duration !== undefined && value1.duration > 0) { @><small>(<@ print(Math.floor(value1.duration)) @>:00)</small><@ } @>
1315					<@ if(assetInfo && value1.type =='pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1316					<@ if(value1.type =='aiheading') { @><small>(coming soon)</small><@ } @>
1317                </td>
1318            </tr>
1319            <@ }); @> <@ } @> <@ }); @>
1320        </tbody>
1321    </table>
1322</script>
1322
1323
1324
1325<!-- Curriculum 2nd Template -->
1326<script type="text/template" id="coursecurr-2-template">
1327    <div class="column full curriculum2"  spellcheck="false">
1328      <div class="course-content1" >
1329    	<p style="font-size: 15px; font-weight: 400; margin-top: 0px;">
1330    		<@if(summary.modules && summary.modules>0){@>
1331    			<@print(summary.modules)@> Modules &nbsp;<i class="icon ion-android-folder-open"></i>&nbsp; &nbsp; <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>|<@}@>&nbsp; &nbsp;
1332    		<@}@>
1333    		<@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>
1334    			<@print(summary.sessions)@> Sessions <i class="icon ion-android-laptop"></i>&nbsp; &nbsp; <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>|<@}@>&nbsp; &nbsp;
1335    		<@}@>
1336    		<@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
1337    			<@print(millisecondsToHHMMSSStr(summary.durations))@> Total Time&nbsp;&nbsp;<i class="icon ion-ios-clock-outline"></i>
1338    		<@}@>
1339    	</p>
1340      </div>
1341
1342
1343    	<@ $.each(item, function(index, value) { @>
1344    	<div class="course-course-content-box" >
1345    		<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<@}@>" >
1346              <span class="title-icon">
1347    			<span class="material-icons <@if(value && !value.contents){@> text-primary <@}@>"><@ print(getCourseAssetIcon(value.type))@></span>
1348    		  </span>
1349    			<div class="titl5b" >
1350    				<h3 class="<@if(value && !value.contents){@> text-primary <@}@>">
1351    					<@print(value.title)@> <@ if(curriculumAssetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @><small>(<@- value.pages @> pages)</small><@ } @>
1352    					<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
1353    							<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>
1354    					<@}@>
1355    				</h3>
1356    		  		<p class="<@if(value && !value.contents){@> text-primary <@}@>"><@if(value && value.contents && curriculumAssetInfo){@>
1357    						Sessions: <@print(value.contents)@>
1358    					<@}@>
1359    					<@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@>|<@}@>
1360    						Time: <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1361    					<@}@>
1362    				<@if(value && value.contents>0){@><span class="material-icons">expand_more</span><@}@>  </p>
1363    			</div>
1364    		</div>
1365    <@if(value && value.items){@>
1366    	<@ $.each(value['items'], function(index1, value1) { @>
1367    		<div class="course-content-body <@if(index==0){@>showing<@ }@>" >
1368    				<div class="desc1 " >
1369    				<div class="is-box-9" >
1370    					<div class="boxa1" >
1371    						<span class="material-icons text-primary"><@ print(getCourseAssetIcon(value1.type))@></span>
1372    						<p> <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1373							<@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
1374							</p>
1375		
1376    					</div>
1377    				</div>
1378    				<div class="is-box-1" >
1379    					<div class="boxa2" >
1380    						<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1381    								<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>#<@print(value1.id)@>">
1382										<@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1383									</a>
1384    						<@}@>
1385    					</div>
1386    				</div>
1387    				<div class="is-box-2" >
1388    					<div class="boxa2" >
1389    						<p class="duration"><@if(value1.duration && curriculumAssetInfo){@><@print(millisecondsToHHMMSSStr(value1.duration))@><@}@></p>
1390    					</div>
1391    				</div>
1392    				</div>
1393    		</div>
1394    	<@ }); @>
1395    <@}@>
1396    	</div>
1397      <@ }); @>
1398
1399    </div>
1400</script>
1400
1401
1402
1403
1404
1405
1406<!-- Curriculum 3rd Template -->
1407<script type="text/template" id="coursecurr-3-template">
1408     <div class="column full" spellcheck="false" data-gramm="false">
1409        <div class="accordion-syllabus" >
1410			<@ $.each(item, function(index, value) { @>
1411            <div class="accordion-syllabus-item">
1412                <header class="accordion-syllabus-header">
1413                    <h4 class="accordion-syllabus-header__title">
1414                        <span class="text-primary">
1415							<@if(index<9){@>
1416									0<@print(index+1)@>
1417								<@ } else {@> 
1418									<@print(index+1)@> 
1419							<@ } @>
1420						</span>
1421                        <p><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
1422							<@if(value && value.items){@>
1423								<@ print(value.items.length) @> attachment(s) 
1424							<@}@>
1425						<@if(value.moduleDurations && curriculumAssetInfo){@>
1426							<@if(value && value.contents){@> • <@}@>
1427    						<@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1428    					<@}@>
1429						</span></p>
1430						
1431                    </h4>
1432                    <div class="accordion-syllabus-header__info">
1433                        <p class="text-primary hide-sm">
1434							<@if(value && value.items){@>
1435								<@ print(value.items.length) @> attachment(s) 
1436							<@}@>
1437						<@if(value.moduleDurations && curriculumAssetInfo){@>
1438							<@if(value && value.contents){@> • <@}@>
1439    						<@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1440    					<@}@>
1441						</p>
1442						<@if(value && value.items){@>
1443                        <div class="accordion-syllabus-header__icon text-primary">
1444                            <i class="fa fa-angle-left" aria-hidden="true"></i>
1445                        </div>
1446						<@}@>
1447                    </div>
1448                </header>
1449				<@if(value && value.items){@>
1450                <div class="accordion-content" style="">
1451                    <div class="accordian-content-block">
1452                        <ul class="accordian-list">
1453							<@ $.each(value['items'], function(index1, value1) { @>
1454                            <li class="accordian-list__item">
1455                                <div class="accordian-content-card">
1456                                    <div class="accordian-content-card__info">
1457                                        <div class="accordian-content-card__ico">
1458											<@ if(value1.type == 'code'){ @>
1459												<img src="/resources/images/CodeIcon.svg">
1460											<@ } else { @>
1461												<span class="material-icons text-primary">
1462													<@ print(getCourseAssetIcon(value1.type))@>
1463												</span>
1464											<@ } @>
1465										</div>
1466                                        <div class="accordian-content-card__title">
1467											<@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1468											<@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
1469										</div>
1470                                    </div>
1471                                    <div class="accordian-content-card__link">
1472										<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1473    										<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn">
1474												<span class="text-primary">
1475													<@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @><span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span>
1476												</span>
1477											</a>
1478    									<@}@>
1479                                    </div>
1480                                </div>
1481                            </li>
1482                    		<@ }); @>
1483                        </ul>
1484                    </div>
1485                </div>
1486			<@ } @>
1487            </div>
1488           <@ }); @>   
1489        </div>
1490    </div>
1491</script>
1491
1492
1493
1494
1495<!-- Curriculum 4th Template -->
1496<script type="text/template" id="coursecurr-4-template">
1497   <div class="column full coursecurr4">
1498	 <@ $.each(item, function(index, value) { @>
1499	 <div class="accordion-syllabus-item">
1500	 <header class="accordion-syllabus-header" >
1501		 <h4 class="accordion-syllabus-header__title">
1502			 <span>
1503				 <@if(index<9){@>0<@print(index+1)@><@ } else {@> <@print(index+1)@> <@ } @>
1504			 </span>
1505			 <div class="accordion-syllabus-header__title-block" > 
1506				 <p style="font-size: 20px; font-weight: 700;">
1507					 <@print(value.title)@>
1508				 </p>
1509				 <p class="text-primary" style="font-weight: 500; font-size: 14px; line-height: 150%; margin-top: 10px; ">
1510					 <@if(value && value.type == 'aiheading'){@>
1511						 (coming soon)
1512					 <@}@>
1513					 <@if(value && value.items){@>
1514						 <@ print(value.items.length) @> attachment(s) 
1515					 <@}@>
1516					 <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@> • <@}@>
1517						 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1518					 <@}@>
1519				 </p>
1520			 </div>
1521		 </h4>
1522		 <@if(value && value.items){@>
1523		 <div class="accordion-syllabus-header__info" >
1524			 <div class="accordion-syllabus-header__icon" >
1525				 <i class="fa fa-angle-left" aria-hidden="true"></i>
1526			 </div>
1527		 </div>
1528		 <@ } @>
1529	 </header>
1530	 <@if(value && value.items){@>
1531	 <div class="accordion-content"  style="">
1532		 <div class="accordian-content-block" >
1533			 <ul class="accordian-list">
1534				 <@ $.each(value['items'], function(index1, value1) { @>
1535				 <li class="accordian-list__item">
1536					 <div class="accordian-content-card" >
1537						 <div class="accordian-content-card__info" >
1538							 <div class="accordian-content-card__ico" >
1539								 <@ if(value1.type == 'code'){ @>
1540									 <img src="/resources/images/CodeIcon.svg">
1541								 <@ } else { @>
1542									 <span class="material-icons text-primary">
1543										 <@ print(getCourseAssetIcon(value1.type))@>262
1544									 </span>
1545								 <@ } @>
1546							 </div>
1547							 <div class="accordian-content-card__title" >
1548								 <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1549								 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
1550							 </div>
1551						 </div>
1552						 <div class="accordian-content-card__link" >
1553							 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1554							 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn">
1555								 <span class="text-primary">
1556									 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span>
1557								 </span>
1558							 </a>
1559							 <@ } @>
1560						 </div>
1561					 </div>
1562				 </li>
1563				 <@ }); @>
1564			 </ul>
1565		 </div>
1566	 </div>
1567	 <@ } @>
1568   </div>
1569  <@ }); @>  
1570 </div>
1571 </script>
1571
1572
1573 <!-- vegas curriculum-5-->
1574 
1574<script>
1575	// Simple responsive positioning
1576	function updatePosition() {
1577		const element = document.getElementById('totalTimeElement');
1578		if(element){
1579		if (window.innerWidth > 768) {
1580			element.style.position = 'absolute';
1581			element.style.top = "5px";
1582			element.style.right = '122px';
1583		} else {
1584			element.style.position = 'static';
1585			element.style.margin = '0 0';
1586		}
1587		}
1588	}
1589	
1590	// Run on load and resize
1591	window.addEventListener('load', updatePosition);
1592	window.addEventListener('resize', updatePosition);
1593	</script>
1593
1594 
1594<script type="text/template" id="coursecurr-5-template">
1595	<div class="total-time" id="totalTimeElement" style="
1596    font-size: 18px;
1597    font-weight: 600;
1598    color: #FB5607;
1599    padding: 8px 12px;
1600    border-radius: 4px;
1601    white-space: nowrap;">
1602     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
1603        <@print(millisecondsToHHMMSSStr(summary.durations))@>
1604    <@}@>
1605</div>
1606
1607<div class="accordion-syllabus" style="max-width:1000px !important">
1608    <@ $.each(item, function(index, value) { @>
1609    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
1610        <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:0px;box-shadow:none;padding:0.5rem !important">
1611            <h4 class="accordion-syllabus-header__title">
1612                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
1613                    <@if(index < 9) {@>  
1614                        Week <@print(index + 1)@>:  
1615                    <@ } else {@>  
1616                        Week <@print(index + 1)@>:
1617                    <@ } @>  
1618                </span>
1619                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
1620                    <@if(value && value.items){@>
1621                        <@ print(value.items.length) @> attachment(s) 
1622                    <@} else {@>
1623                        1 attachment(s)
1624                    <@}@>
1625                    <@if(value.moduleDurations && curriculumAssetInfo){@>
1626						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1627					<@}@>
1628                </span></p>
1629            </h4>
1630			
1631            <div class="accordion-syllabus-header__info">
1632                <p class="text-primary hide-sm" style="color:#FB5607 !important;">
1633                    <@if(value && value.items){@>
1634                        <@ print(value.items.length) @> attachment(s) 
1635                    <@} else {@>
1636                        1 attachment(s)
1637                    <@}@>
1638                    <@if(value.moduleDurations && curriculumAssetInfo){@>
1639						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1640					<@}@>
1641                </p>
1642                <div class="accordion-syllabus-header__icon text-primary">
1643                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#FB5607;"></i>
1644                </div>
1645            </div>
1646        </header>
1647        <div class="accordion-content" style="filter:none;">
1648            <div class="accordian-content-block" style="background:#F5F5F5 !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
1649                <ul class="accordian-list">
1650                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
1651                    <@ if(value['items'] && value['items'].length > 0) { @>
1652                        <@ $.each(value['items'], function(index1, value1) { @>
1653                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
1654							<style>
1655								@media (max-width: 768px) {
1656								  .accordian-content-card {
1657									flex-direction: column !important;
1658									align-items: stretch !important;
1659								  }
1660							  
1661								  .accordian-content-card__top {
1662									flex-direction: row !important;
1663									justify-content: space-between !important;
1664									align-items: center !important;
1665									width: 100% !important;
1666								  }
1667							  
1668								  .accordian-content-card__title {
1669									flex: 1 !important;
1670									margin: 0 10px !important;
1671									white-space: nowrap;
1672									overflow: hidden;
1673									text-overflow: ellipsis;
1674								  }
1675							  
1676								  .accordian-content-card__bottom {
1677									flex-direction: row !important;
1678									justify-content: space-between !important;
1679									align-items: center !important;
1680									width: 100% !important;
1681									margin-top: 6px !important;
1682								  }
1683							  
1684								  .accordian-content-card__link {
1685									flex: 1 !important;
1686									min-width: 0 !important;
1687									text-align: left !important;
1688								  }
1689							  
1690								  .accordian-content-card__time {
1691									flex-shrink: 0 !important;
1692									text-align: right !important;
1693								  }
1694								}
1695							  </style>
1696							  
1697							  <div class="accordian-content-card"
1698     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;">
1699
1700							  
1701								<!-- Row 1: Icon + Title + Collapse Icon -->
1702								<div class="accordian-content-card__top"
1703									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
1704							  
1705								  <!-- Icon -->
1706								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
1707									<@ if(value1.type == 'code'){ @>
1708									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
1709									<@ } else { @>
1710									  <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;">
1711										<@ print(getCourseAssetIcon(value1.type))@>
1712									  </span>
1713									<@ } @>
1714								  </div>
1715							  
1716								  <!-- Title -->
1717								  <div class="accordian-content-card__title"
1718									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1719									<@print(value1.title)@>
1720								  </div>
1721							  
1722								  <!-- Collapse Icon (optional) -->
1723								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
1724									<!-- Example placeholder, add real icon if needed -->
1725									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
1726								  </div>
1727								</div>
1728							  
1729								<!-- Row 2: Preview Button and Time -->
1730								<div class="accordian-content-card__bottom"
1731									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
1732							  
1733								  <!-- Preview Button -->
1734								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
1735									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1736									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
1737										 class="previewBtn"
1738										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1739										<span class="text-primary" style="color:#FB5607;">
1740										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1741										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span>
1742										</span>
1743									  </a>
1744									<@}@>
1745								  </div>
1746							  
1747								  <!-- Time -->
1748								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
1749									<p class="text-primary course-asset-time"
1750									   style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;">
1751									  <@ if(value1.duration && value1.duration > 0) { @>
1752										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
1753									  <@ } else { @>
1754										--
1755									  <@ } @>
1756									</p>
1757								  </div>
1758							  
1759								</div>
1760							  </div>
1761							  
1762							
1763                        </li>
1764                        <@ }); @>
1765                    <@ } else { @>
1766                        <li class="accordian-list__item" style="padding:0px 0px !important;">
1767							<div class="accordian-content-card"
1768							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;">
1769					   
1770						   <!-- Row 1: Icon + Title + Collapse Icon -->
1771						   <div class="accordian-content-card__top"
1772								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
1773						 
1774							   <!-- Icon -->
1775							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
1776								   <@ if(value.type == 'code'){ @>
1777									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
1778								   <@ } else { @>
1779									   <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;">
1780										   <@ print(getCourseAssetIcon(value.type))@>
1781									   </span>
1782								   <@ } @>
1783							   </div>
1784						 
1785							   <!-- Title -->
1786							   <div class="accordian-content-card__title"
1787									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1788								   <@print(value.title)@>
1789							   </div>
1790						 
1791							   <!-- Collapse Icon (optional) -->
1792							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
1793								   <!-- Example placeholder, add real icon if needed -->
1794								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
1795							   </div>
1796						   </div>
1797						 
1798						   <!-- Row 2: Preview Button and Time -->
1799						   <div class="accordian-content-card__bottom"
1800								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
1801						 
1802							   <!-- Preview Button -->
1803							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
1804								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
1805									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
1806										  class="previewBtn"
1807										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1808										   <span class="text-primary" style="color:#FB5607;">
1809											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1810											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span>
1811										   </span>
1812									   </a>
1813								   <@}@>
1814							   </div>
1815						 
1816							   <!-- Time -->
1817							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
1818								   <p class="text-primary course-asset-time"
1819									  style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;">
1820									   <@ if(value.duration && value.duration > 0) { @>
1821										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
1822									   <@ } else { @>
1823										   --
1824									   <@ } @>
1825								   </p>
1826							   </div>
1827						   </div>
1828					   </div>
1829                        </li>
1830                    <@ } @>
1831                </ul>
1832            
1833                <@ if(itemsCount > 5) { @>
1834                    <div style="text-align: center; margin-top: 10px;">
1835						<button style="background-color: #FB5607; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
1836						onclick="
1837							var parentAccordion = this.closest('.accordion-content');
1838							parentAccordion.style.maxHeight = 'none';
1839							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
1840							this.style.display = 'none';
1841						">
1842                            View All
1843                        </button>
1844                    </div>
1845                <@ } @>
1846            </div>
1847        </div>
1848    </div>
1849    <@ }); @>
1850    <@ if(item.length > 5) { @>
1851        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
1852            <button style="background-color: #FB5607; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
1853                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
1854                View All Sessions
1855            </button>
1856        </div>
1857    <@ } @>
1858</div>
1859	</div>
1860</script>
1860
1861
1862
1863<!--Blaze-Curriculum-6-->
1864<script type="text/template" id="coursecurr-6-template">
1865    <div class="column full" spellcheck="false" data-gramm="false">
1866        <div class="total-time" id="totalTimeElement" style="
1867            font-size: 18px;
1868            font-weight: 600;
1869            color: #D8FD46;
1870            padding: 8px 12px;
1871            border-radius: 4px;
1872            white-space: nowrap;
1873            background: #232323;
1874            margin-bottom: 20px;">
1875            <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
1876                <@print(millisecondsToHHMMSSStr(summary.durations))@>
1877            <@}@>
1878        </div>
1879
1880        <div class="accordion-syllabus">
1881            <@ $.each(item, function(index, value) { @>
1882            <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
1883                <header class="accordion-syllabus-header" style="background:#232323 !important; border-radius:0px;box-shadow:none;padding:20px 20px !important">
1884                    <h4 class="accordion-syllabus-header__title">
1885                        <span class="text-primary" style="font-size:18px ; font-weight:600; color:white;"> 
1886                            <@if(index < 9) {@>  
1887								Week <@print(index + 1)@>:  
1888							<@ } else {@>  
1889								Week <@print(index + 1)@>:
1890							<@ } @>  
1891                        </span>
1892                        <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;">
1893							<@if(value && value.items){@>
1894								<@ print(value.items.length) @> attachment(s) 
1895							<@} else {@>
1896								1 attachment(s)
1897							<@}@>
1898							<@if(value.moduleDurations && curriculumAssetInfo){@>
1899								• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1900							<@}@>
1901						</span></p>
1902                    </h4>
1903                    <div class="accordion-syllabus-header__info">
1904                        <p class="text-primary hide-sm" style="color:#D8FD46 !important;">
1905                            <@if(value && value.items){@>
1906                                <@ print(value.items.length) @> attachment(s) 
1907                            <@} else {@>
1908                                1 attachment(s)
1909                            <@}@>
1910							<@if(value.moduleDurations && curriculumAssetInfo){@>
1911								• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1912							<@}@>
1913                        </p>
1914                        <div class="accordion-syllabus-header__icon text-primary">
1915                            <i class="fa fa-angle-left" aria-hidden="true" style="color:#D8FD46;"></i>
1916                        </div>
1917                    </div>
1918                </header>
1919                <div class="accordion-content" style="filter:none;background:#181818;">
1920                    <div class="accordian-content-block" style="box-shadow:none;padding:16px 20px !important;background:transparent !important;">
1921                        <ul class="accordian-list">
1922                            <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
1923                            <@ if(value['items'] && value['items'].length > 0) { @>
1924                                <@ $.each(value['items'], function(index1, value1) { @>
1925                                <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
1926                                    <style>
1927                                        @media (max-width: 768px) {
1928                                            .accordian-content-card {
1929                                                flex-direction: column !important;
1930                                                align-items: stretch !important;
1931                                            }
1932                                        
1933                                            .accordian-content-card__top {
1934                                                flex-direction: row !important;
1935                                                justify-content: space-between !important;
1936                                                align-items: center !important;
1937                                                width: 100% !important;
1938                                            }
1939                                        
1940                                            .accordian-content-card__title {
1941                                                flex: 1 !important;
1942                                                margin: 0 10px !important;
1943                                                white-space: nowrap;
1944                                                overflow: hidden;
1945                                                text-overflow: ellipsis;
1946                                            }
1947                                        
1948                                            .accordian-content-card__bottom {
1949                                                flex-direction: row !important;
1950                                                justify-content: space-between !important;
1951                                                align-items: center !important;
1952                                                width: 100% !important;
1953                                                margin-top: 6px !important;
1954                                            }
1955                                        
1956                                            .accordian-content-card__link {
1957                                                flex: 1 !important;
1958                                                min-width: 0 !important;
1959                                                text-align: left !important;
1960                                            }
1961                                        
1962                                            .accordian-content-card__time {
1963                                                flex-shrink: 0 !important;
1964                                                text-align: right !important;
1965                                            }
1966                                        }
1967                                    </style>
1968                                    
1969                                    <div class="accordian-content-card"
1970                                        style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; ">
1971                                    
1972                                        <!-- Row 1: Icon + Title + Collapse Icon -->
1973                                        <div class="accordian-content-card__top"
1974                                            style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
1975                                        
1976                                            <!-- Icon -->
1977                                            <div class="accordian-content-card__ico" style="flex-shrink: 0;">
1978                                                <@ if(value1.type == 'code'){ @>
1979                                                    <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);">
1980                                                <@ } else { @>
1981                                                    <span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;">
1982                                                        <@ print(getCourseAssetIcon(value1.type))@>
1983                                                    </span>
1984                                                <@ } @>
1985                                            </div>
1986                                        
1987                                            <!-- Title -->
1988                                            <div class="accordian-content-card__title"
1989                                                style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1990                                                <@print(value1.title)@>
1991                                                <!-- <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @>
1992                                                    <small style="color: #999;">(<@- value1.pages @> pages)</small>
1993                                                <@ } @>
1994                                                <@ if(value1.type == 'aiheading') { @>
1995                                                    <small style="color: #999;">(coming soon)</small>
1996                                                <@ } @> -->
1997                                            </div>
1998                                        
1999                                            <!-- Collapse Icon -->
2000                                            <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2001                                            </div>
2002                                        </div>
2003                                    
2004                                        <!-- Row 2: Preview Button and Time -->
2005                                        <div class="accordian-content-card__bottom"
2006                                            style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2007                                        
2008                                            <!-- Preview Button -->
2009                                            <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2010                                                <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2011                                                <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2012                                                    class="previewBtn"
2013                                                    style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2014                                                    <span class="text-primary" style="color:#D8FD46;">
2015                                                        <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2016                                                        <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span>
2017                                                    </span>
2018                                                </a>
2019                                                <@}@>
2020                                            </div>
2021                                        
2022                                            <!-- Time -->
2023                                            <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2024                                                <p class="text-primary course-asset-time"
2025                                                    style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;">
2026                                                    <@ if(value1.duration && value1.duration > 0) { @>
2027                                                        <@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2028                                                    <@ } else { @>
2029                                                        --
2030                                                    <@ } @>
2031                                                </p>
2032                                            </div>
2033                                        </div>
2034                                    </div>
2035                                </li>
2036                                <@ }); @>
2037                            <@ } else { @>
2038								<li class="accordian-list__item" style="padding:0px 0px !important;">
2039									<div class="accordian-content-card"
2040										style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; ">
2041								   
2042										<!-- Row 1: Icon + Title + Collapse Icon -->
2043										<div class="accordian-content-card__top"
2044											style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2045									  
2046											<!-- Icon -->
2047											<div class="accordian-content-card__ico" style="flex-shrink: 0;">
2048												<@ if(value.type == 'code'){ @>
2049													<img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);">
2050												<@ } else { @>
2051													<span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;">
2052														<@ print(getCourseAssetIcon(value.type))@>
2053													</span>
2054												<@ } @>
2055											</div>
2056									  
2057											<!-- Title -->
2058											<div class="accordian-content-card__title"
2059												style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2060												<@print(value.title)@>
2061											</div>
2062									  
2063											<!-- Collapse Icon (optional) -->
2064											<div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2065												<!-- Example placeholder, add real icon if needed -->
2066												<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2067											</div>
2068										</div>
2069									  
2070										<!-- Row 2: Preview Button and Time -->
2071										<div class="accordian-content-card__bottom"
2072											style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2073									  
2074											<!-- Preview Button -->
2075											<div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2076												<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2077													<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2078													   class="previewBtn"
2079													   style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2080														<span class="text-primary" style="color:#D8FD46;">
2081															<@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2082															<span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span>
2083														</span>
2084													</a>
2085												<@}@>
2086											</div>
2087									  
2088											<!-- Time -->
2089											<div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2090												<p class="text-primary course-asset-time"
2091												   style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;">
2092													<@ if(value.duration && value.duration > 0) { @>
2093														<@ print(millisecondsToHHMMSSStr(value.duration)) @>
2094													<@ } else { @>
2095														--
2096													<@ } @>
2097												</p>
2098											</div>
2099										</div>
2100									</div>
2101								</li>
2102                            <@ } @>
2103                        </ul>
2104                    
2105                        <@ if(itemsCount > 5) { @>
2106                            <div style="text-align: center; margin-top: 10px;">
2107                                <button style="background-color: #D8FD46; color: black; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 
2108                                   onclick="
2109							var parentAccordion = this.closest('.accordion-content');
2110							parentAccordion.style.maxHeight = 'none';
2111							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2112							this.style.display = 'none';
2113						">
2114                                    View All
2115                                </button>
2116                            </div>
2117                        <@ } @>
2118                    </div>
2119                </div>
2120            </div>
2121            <@ }); @>
2122            <@ if(item.length > 5) { @>
2123                <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2124                    <button style="background-color: #D8FD46; color: black; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 
2125                        onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2126                        View All Sessions
2127                    </button>
2128                </div>
2129            <@ } @>
2130        </div>
2131    </div>
2132</script>
2132
2133
2134<script>
2135    // Simple responsive positioning (same as Vegas)
2136    function updatePosition() {
2137        const element = document.getElementById('totalTimeElement');
2138        if(element){
2139            if (window.innerWidth > 768) {
2140                element.style.position = 'absolute';
2141                element.style.top = "5px";
2142                element.style.right = '122px';
2143            } else {
2144                element.style.position = 'static';
2145                element.style.margin = '0 0';
2146            }
2147        }
2148    }
2149    
2150    // Run on load and resize
2151    window.addEventListener('load', updatePosition);
2152    window.addEventListener('resize', updatePosition);
2153</script>
2153
2154
2155
2156
2157
2158<!--Nebula Curriculum 7-->
2159
2160
2161<script>
2162	// Simple responsive positioning
2163	function updatePosition() {
2164		const element = document.getElementById('totalTimeElement');
2165		if(element){
2166		if (window.innerWidth > 768) {
2167			element.style.position = 'absolute';
2168			element.style.top = "5px";
2169			element.style.right = '122px';
2170		} else {
2171			element.style.position = 'static';
2172			element.style.margin = '0 0';
2173		}
2174		}
2175	}
2176	
2177	// Run on load and resize
2178	window.addEventListener('load', updatePosition);
2179	window.addEventListener('resize', updatePosition);
2180	</script>
2180
2181 
2181<script type="text/template" id="coursecurr-7-template">
2182	<div class="total-time" id="totalTimeElement" style="
2183    font-size: 18px;
2184    font-weight: 600;
2185    color: #6715FF;
2186    padding: 8px 12px;
2187    border-radius: 4px;
2188    white-space: nowrap;">
2189     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
2190        <@print(millisecondsToHHMMSSStr(summary.durations))@>
2191    <@}@>
2192</div>
2193
2194<div class="accordion-syllabus" style="max-width:1000px !important">
2195    <@ $.each(item, function(index, value) { @>
2196    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
2197        <header class="accordion-syllabus-header" style="background:#F1ECFB !important; border-radius16px;box-shadow:none;padding:20px !important">
2198            <h4 class="accordion-syllabus-header__title">
2199                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
2200                    <@if(index < 9) {@>  
2201                        Week <@print(index + 1)@>:  
2202                    <@ } else {@>  
2203                        Week <@print(index + 1)@>:
2204                    <@ } @>  
2205                </span>
2206                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
2207                    <@if(value && value.items){@>
2208                        <@ print(value.items.length) @> attachment(s) 
2209                    <@} else {@>
2210                        1 attachment(s)
2211                    <@}@>
2212                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2213						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2214					<@}@>
2215                </span></p>
2216            </h4>
2217			
2218            <div class="accordion-syllabus-header__info">
2219                <p class="text-primary hide-sm" style="color:#6715FF !important;">
2220                    <@if(value && value.items){@>
2221                        <@ print(value.items.length) @> attachment(s) 
2222                    <@} else {@>
2223                        1 attachment(s)
2224                    <@}@>
2225                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2226						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2227					<@}@>
2228                </p>
2229                <div class="accordion-syllabus-header__icon text-primary">
2230                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#6715FF;"></i>
2231                </div>
2232            </div>
2233        </header>
2234        <div class="accordion-content" style="filter:none;background:transparent !important;">
2235            <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
2236                <ul class="accordian-list">
2237                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
2238                    <@ if(value['items'] && value['items'].length > 0) { @>
2239                        <@ $.each(value['items'], function(index1, value1) { @>
2240                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
2241							<style>
2242								@media (max-width: 768px) {
2243								  .accordian-content-card {
2244									flex-direction: column !important;
2245									align-items: stretch !important;
2246								  }
2247							  
2248								  .accordian-content-card__top {
2249									flex-direction: row !important;
2250									justify-content: space-between !important;
2251									align-items: center !important;
2252									width: 100% !important;
2253								  }
2254							  
2255								  .accordian-content-card__title {
2256									flex: 1 !important;
2257									margin: 0 10px !important;
2258									white-space: nowrap;
2259									overflow: hidden;
2260									text-overflow: ellipsis;
2261								  }
2262							  
2263								  .accordian-content-card__bottom {
2264									flex-direction: row !important;
2265									justify-content: space-between !important;
2266									align-items: center !important;
2267									width: 100% !important;
2268									margin-top: 6px !important;
2269								  }
2270							  
2271								  .accordian-content-card__link {
2272									flex: 1 !important;
2273									min-width: 0 !important;
2274									text-align: left !important;
2275								  }
2276							  
2277								  .accordian-content-card__time {
2278									flex-shrink: 0 !important;
2279									text-align: right !important;
2280								  }
2281								}
2282							  </style>
2283							  
2284							  <div class="accordian-content-card"
2285     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;">
2286
2287							  
2288								<!-- Row 1: Icon + Title + Collapse Icon -->
2289								<div class="accordian-content-card__top"
2290									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2291							  
2292								  <!-- Icon -->
2293								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2294									<@ if(value1.type == 'code'){ @>
2295									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2296									<@ } else { @>
2297									  <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;">
2298										<@ print(getCourseAssetIcon(value1.type))@>
2299									  </span>
2300									<@ } @>
2301								  </div>
2302							  
2303								  <!-- Title -->
2304								  <div class="accordian-content-card__title"
2305									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2306									<@print(value1.title)@>
2307								  </div>
2308							  
2309								  <!-- Collapse Icon (optional) -->
2310								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2311									<!-- Example placeholder, add real icon if needed -->
2312									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2313								  </div>
2314								</div>
2315							  
2316								<!-- Row 2: Preview Button and Time -->
2317								<div class="accordian-content-card__bottom"
2318									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2319							  
2320								  <!-- Preview Button -->
2321								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2322									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2323									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2324										 class="previewBtn"
2325										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2326										<span class="text-primary" style="color:#6715FF;">
2327										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2328										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span>
2329										</span>
2330									  </a>
2331									<@}@>
2332								  </div>
2333							  
2334								  <!-- Time -->
2335								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2336									<p class="text-primary course-asset-time"
2337									   style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;">
2338									  <@ if(value1.duration && value1.duration > 0) { @>
2339										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2340									  <@ } else { @>
2341										--
2342									  <@ } @>
2343									</p>
2344								  </div>
2345							  
2346								</div>
2347							  </div>
2348							  
2349							
2350                        </li>
2351                        <@ }); @>
2352                    <@ } else { @>
2353                        <li class="accordian-list__item" style="padding:0px 0px !important;">
2354							<div class="accordian-content-card"
2355							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;">
2356					   
2357						   <!-- Row 1: Icon + Title + Collapse Icon -->
2358						   <div class="accordian-content-card__top"
2359								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2360						 
2361							   <!-- Icon -->
2362							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2363								   <@ if(value.type == 'code'){ @>
2364									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2365								   <@ } else { @>
2366									   <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;">
2367										   <@ print(getCourseAssetIcon(value.type))@>
2368									   </span>
2369								   <@ } @>
2370							   </div>
2371						 
2372							   <!-- Title -->
2373							   <div class="accordian-content-card__title"
2374									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2375								   <@print(value.title)@>
2376							   </div>
2377						 
2378							   <!-- Collapse Icon (optional) -->
2379							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2380								   <!-- Example placeholder, add real icon if needed -->
2381								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2382							   </div>
2383						   </div>
2384						 
2385						   <!-- Row 2: Preview Button and Time -->
2386						   <div class="accordian-content-card__bottom"
2387								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2388						 
2389							   <!-- Preview Button -->
2390							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2391								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2392									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2393										  class="previewBtn"
2394										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2395										   <span class="text-primary" style="color:#6715FF;">
2396											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2397											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span>
2398										   </span>
2399									   </a>
2400								   <@}@>
2401							   </div>
2402						 
2403							   <!-- Time -->
2404							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2405								   <p class="text-primary course-asset-time"
2406									  style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;">
2407									   <@ if(value.duration && value.duration > 0) { @>
2408										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
2409									   <@ } else { @>
2410										   --
2411									   <@ } @>
2412								   </p>
2413							   </div>
2414						   </div>
2415					   </div>
2416                        </li>
2417                    <@ } @>
2418                </ul>
2419            
2420                <@ if(itemsCount > 5) { @>
2421                    <div style="text-align: center; margin-top: 10px;">
2422						<button style="background-color: #6715FF; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2423						onclick="
2424							var parentAccordion = this.closest('.accordion-content');
2425							parentAccordion.style.maxHeight = 'none';
2426							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2427							this.style.display = 'none';
2428						">
2429                            View All
2430                        </button>
2431                    </div>
2432                <@ } @>
2433            </div>
2434        </div>
2435    </div>
2436    <@ }); @>
2437    <@ if(item.length > 5) { @>
2438        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2439            <button style="background-color: #6715FF; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2440                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2441                View All Sessions
2442            </button>
2443        </div>
2444    <@ } @>
2445</div>
2446	</div>
2447</script>
2447
2448
2449
2450
2451<!--Olive Curriculum 8-->
2452<script>
2453	// Simple responsive positioning
2454	function updatePosition() {
2455		const element = document.getElementById('totalTimeElement');
2456		if(element){
2457		if (window.innerWidth > 768) {
2458			element.style.position = 'absolute';
2459			element.style.top = "5px";
2460			element.style.right = '122px';
2461		} else {
2462			element.style.position = 'static';
2463			element.style.margin = '0 0';
2464		}
2465		}
2466	}
2467	
2468	// Run on load and resize
2469	window.addEventListener('load', updatePosition);
2470	window.addEventListener('resize', updatePosition);
2471	</script>
2471
2472 
2472<script type="text/template" id="coursecurr-8-template">
2473	<div class="total-time" id="totalTimeElement" style="
2474    font-size: 18px;
2475    font-weight: 600;
2476    color: #064400;
2477    padding: 8px 12px;
2478    border-radius: 4px;
2479    white-space: nowrap;">
2480     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
2481        <@print(millisecondsToHHMMSSStr(summary.durations))@>
2482    <@}@>
2483</div>
2484
2485<div class="accordion-syllabus" style="max-width:1000px !important">
2486    <@ $.each(item, function(index, value) { @>
2487    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
2488        <header class="accordion-syllabus-header" style="background:#E5E5E5 !important; border-radius16px;box-shadow:none;padding:20px !important">
2489            <h4 class="accordion-syllabus-header__title">
2490                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
2491                    <@if(index < 9) {@>  
2492                        Week <@print(index + 1)@>:  
2493                    <@ } else {@>  
2494                        Week <@print(index + 1)@>:
2495                    <@ } @>  
2496                </span>
2497                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
2498                    <@if(value && value.items){@>
2499                        <@ print(value.items.length) @> attachment(s) 
2500                    <@} else {@>
2501                        1 attachment(s)
2502                    <@}@>
2503                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2504						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2505					<@}@>
2506                </span></p>
2507            </h4>
2508			
2509            <div class="accordion-syllabus-header__info">
2510                <p class="text-primary hide-sm" style="color:#064400 !important;">
2511                    <@if(value && value.items){@>
2512                        <@ print(value.items.length) @> attachment(s) 
2513                    <@} else {@>
2514                        1 attachment(s)
2515                    <@}@>
2516                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2517						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2518					<@}@>
2519                </p>
2520                <div class="accordion-syllabus-header__icon text-primary">
2521                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#064400;"></i>
2522                </div>
2523            </div>
2524        </header>
2525        <div class="accordion-content" style="filter:none;background:transparent !important;">
2526            <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
2527                <ul class="accordian-list">
2528                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
2529                    <@ if(value['items'] && value['items'].length > 0) { @>
2530                        <@ $.each(value['items'], function(index1, value1) { @>
2531                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
2532							<style>
2533								@media (max-width: 768px) {
2534								  .accordian-content-card {
2535									flex-direction: column !important;
2536									align-items: stretch !important;
2537								  }
2538							  
2539								  .accordian-content-card__top {
2540									flex-direction: row !important;
2541									justify-content: space-between !important;
2542									align-items: center !important;
2543									width: 100% !important;
2544								  }
2545							  
2546								  .accordian-content-card__title {
2547									flex: 1 !important;
2548									margin: 0 10px !important;
2549									white-space: nowrap;
2550									overflow: hidden;
2551									text-overflow: ellipsis;
2552								  }
2553							  
2554								  .accordian-content-card__bottom {
2555									flex-direction: row !important;
2556									justify-content: space-between !important;
2557									align-items: center !important;
2558									width: 100% !important;
2559									margin-top: 6px !important;
2560								  }
2561							  
2562								  .accordian-content-card__link {
2563									flex: 1 !important;
2564									min-width: 0 !important;
2565									text-align: left !important;
2566								  }
2567							  
2568								  .accordian-content-card__time {
2569									flex-shrink: 0 !important;
2570									text-align: right !important;
2571								  }
2572								}
2573							  </style>
2574							  
2575							  <div class="accordian-content-card"
2576     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;">
2577
2578							  
2579								<!-- Row 1: Icon + Title + Collapse Icon -->
2580								<div class="accordian-content-card__top"
2581									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2582							  
2583								  <!-- Icon -->
2584								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2585									<@ if(value1.type == 'code'){ @>
2586									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2587									<@ } else { @>
2588									  <span class="material-icons text-primary" style="color:#064400; font-size: 24px;">
2589										<@ print(getCourseAssetIcon(value1.type))@>
2590									  </span>
2591									<@ } @>
2592								  </div>
2593							  
2594								  <!-- Title -->
2595								  <div class="accordian-content-card__title"
2596									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2597									<@print(value1.title)@>
2598								  </div>
2599							  
2600								  <!-- Collapse Icon (optional) -->
2601								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2602									<!-- Example placeholder, add real icon if needed -->
2603									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2604								  </div>
2605								</div>
2606							  
2607								<!-- Row 2: Preview Button and Time -->
2608								<div class="accordian-content-card__bottom"
2609									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2610							  
2611								  <!-- Preview Button -->
2612								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2613									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2614									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2615										 class="previewBtn"
2616										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2617										<span class="text-primary" style="color:#064400;">
2618										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2619										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span>
2620										</span>
2621									  </a>
2622									<@}@>
2623								  </div>
2624							  
2625								  <!-- Time -->
2626								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2627									<p class="text-primary course-asset-time"
2628									   style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;">
2629									  <@ if(value1.duration && value1.duration > 0) { @>
2630										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2631									  <@ } else { @>
2632										--
2633									  <@ } @>
2634									</p>
2635								  </div>
2636							  
2637								</div>
2638							  </div>
2639							  
2640							
2641                        </li>
2642                        <@ }); @>
2643                    <@ } else { @>
2644                        <li class="accordian-list__item" style="padding:0px 0px !important;">
2645							<div class="accordian-content-card"
2646							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;">
2647					   
2648						   <!-- Row 1: Icon + Title + Collapse Icon -->
2649						   <div class="accordian-content-card__top"
2650								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2651						 
2652							   <!-- Icon -->
2653							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2654								   <@ if(value.type == 'code'){ @>
2655									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2656								   <@ } else { @>
2657									   <span class="material-icons text-primary" style="color:#064400; font-size: 24px;">
2658										   <@ print(getCourseAssetIcon(value.type))@>
2659									   </span>
2660								   <@ } @>
2661							   </div>
2662						 
2663							   <!-- Title -->
2664							   <div class="accordian-content-card__title"
2665									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2666								   <@print(value.title)@>
2667							   </div>
2668						 
2669							   <!-- Collapse Icon (optional) -->
2670							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2671								   <!-- Example placeholder, add real icon if needed -->
2672								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2673							   </div>
2674						   </div>
2675						 
2676						   <!-- Row 2: Preview Button and Time -->
2677						   <div class="accordian-content-card__bottom"
2678								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2679						 
2680							   <!-- Preview Button -->
2681							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2682								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2683									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2684										  class="previewBtn"
2685										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2686										   <span class="text-primary" style="color:#064400;">
2687											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2688											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span>
2689										   </span>
2690									   </a>
2691								   <@}@>
2692							   </div>
2693						 
2694							   <!-- Time -->
2695							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2696								   <p class="text-primary course-asset-time"
2697									  style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;">
2698									   <@ if(value.duration && value.duration > 0) { @>
2699										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
2700									   <@ } else { @>
2701										   --
2702									   <@ } @>
2703								   </p>
2704							   </div>
2705						   </div>
2706					   </div>
2707                        </li>
2708                    <@ } @>
2709                </ul>
2710            
2711                <@ if(itemsCount > 5) { @>
2712                    <div style="text-align: center; margin-top: 10px;">
2713						<button style="background-color: #064400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2714						onclick="
2715							var parentAccordion = this.closest('.accordion-content');
2716							parentAccordion.style.maxHeight = 'none';
2717							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2718							this.style.display = 'none';
2719						">
2720                            View All
2721                        </button>
2722                    </div>
2723                <@ } @>
2724            </div>
2725        </div>
2726    </div>
2727    <@ }); @>
2728    <@ if(item.length > 5) { @>
2729        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2730            <button style="background-color: #064400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2731                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2732                View All Sessions
2733            </button>
2734        </div>
2735    <@ } @>
2736</div>
2737	</div>
2738</script>
2738
2739
2740
2741
2742<!--Dusk Curriculum 9-->
2743<script>
2744	// Simple responsive positioning
2745	function updatePosition() {
2746		const element = document.getElementById('totalTimeElement');
2747		if(element){
2748		if (window.innerWidth > 768) {
2749			element.style.position = 'absolute';
2750			element.style.top = "5px";
2751			element.style.right = '122px';
2752		} else {
2753			element.style.position = 'static';
2754			element.style.margin = '0 0';
2755		}
2756		}
2757	}
2758	
2759	// Run on load and resize
2760	window.addEventListener('load', updatePosition);
2761	window.addEventListener('resize', updatePosition);
2762	</script>
2762
2763 
2763<script>
2764	// Simple responsive positioning
2765	function updatePosition() {
2766		const element = document.getElementById('totalTimeElement');
2767		if(element){
2768		if (window.innerWidth > 768) {
2769			element.style.position = 'absolute';
2770			element.style.top = "5px";
2771			element.style.right = '122px';
2772		} else {
2773			element.style.position = 'static';
2774			element.style.margin = '0 0';
2775		}
2776		}
2777	}
2778	
2779	// Run on load and resize
2780	window.addEventListener('load', updatePosition);
2781	window.addEventListener('resize', updatePosition);
2782	</script>
2782
2783 
2783<script type="text/template" id="coursecurr-9-template">
2784	<div class="total-time" id="totalTimeElement" style="
2785    font-size: 18px;
2786    font-weight: 600;
2787    color: #282400;
2788    padding: 8px 12px;
2789    border-radius: 4px;
2790    white-space: nowrap;">
2791     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
2792        <@print(millisecondsToHHMMSSStr(summary.durations))@>
2793    <@}@>
2794</div>
2795
2796<div class="accordion-syllabus" style="max-width:1000px !important">
2797    <@ $.each(item, function(index, value) { @>
2798    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
2799        <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:8px;box-shadow:none;padding:20px !important">
2800            <h4 class="accordion-syllabus-header__title">
2801                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
2802                    <@if(index < 9) {@>  
2803                        Week <@print(index + 1)@>:  
2804                    <@ } else {@>  
2805                        Week <@print(index + 1)@>:
2806                    <@ } @>  
2807                </span>
2808                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
2809                    <@if(value && value.items){@>
2810                        <@ print(value.items.length) @> attachment(s) 
2811                    <@} else {@>
2812                        1 attachment(s)
2813                    <@}@>
2814                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2815						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2816					<@}@>
2817                </span></p>
2818            </h4>
2819			
2820            <div class="accordion-syllabus-header__info">
2821                <p class="text-primary hide-sm" style="color:#282400 !important;">
2822                    <@if(value && value.items){@>
2823                        <@ print(value.items.length) @> attachment(s) 
2824                    <@} else {@>
2825                        1 attachment(s)
2826                    <@}@>
2827                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2828						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2829					<@}@>
2830                </p>
2831                <div class="accordion-syllabus-header__icon text-primary">
2832                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#282400;"></i>
2833                </div>
2834            </div>
2835        </header>
2836        <div class="accordion-content" style="filter:none;background:transparent !important;">
2837            <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
2838                <ul class="accordian-list">
2839                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
2840                    <@ if(value['items'] && value['items'].length > 0) { @>
2841                        <@ $.each(value['items'], function(index1, value1) { @>
2842                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
2843							<style>
2844								@media (max-width: 768px) {
2845								  .accordian-content-card {
2846									flex-direction: column !important;
2847									align-items: stretch !important;
2848								  }
2849							  
2850								  .accordian-content-card__top {
2851									flex-direction: row !important;
2852									justify-content: space-between !important;
2853									align-items: center !important;
2854									width: 100% !important;
2855								  }
2856							  
2857								  .accordian-content-card__title {
2858									flex: 1 !important;
2859									margin: 0 10px !important;
2860									white-space: nowrap;
2861									overflow: hidden;
2862									text-overflow: ellipsis;
2863								  }
2864							  
2865								  .accordian-content-card__bottom {
2866									flex-direction: row !important;
2867									justify-content: space-between !important;
2868									align-items: center !important;
2869									width: 100% !important;
2870									margin-top: 6px !important;
2871								  }
2872							  
2873								  .accordian-content-card__link {
2874									flex: 1 !important;
2875									min-width: 0 !important;
2876									text-align: left !important;
2877								  }
2878							  
2879								  .accordian-content-card__time {
2880									flex-shrink: 0 !important;
2881									text-align: right !important;
2882								  }
2883								}
2884							  </style>
2885							  
2886							  <div class="accordian-content-card"
2887     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;">
2888
2889							  
2890								<!-- Row 1: Icon + Title + Collapse Icon -->
2891								<div class="accordian-content-card__top"
2892									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2893							  
2894								  <!-- Icon -->
2895								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2896									<@ if(value1.type == 'code'){ @>
2897									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2898									<@ } else { @>
2899									  <span class="material-icons text-primary" style="color:#282400; font-size: 24px;">
2900										<@ print(getCourseAssetIcon(value1.type))@>
2901									  </span>
2902									<@ } @>
2903								  </div>
2904							  
2905								  <!-- Title -->
2906								  <div class="accordian-content-card__title"
2907									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2908									<@print(value1.title)@>
2909								  </div>
2910							  
2911								  <!-- Collapse Icon (optional) -->
2912								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2913									<!-- Example placeholder, add real icon if needed -->
2914									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2915								  </div>
2916								</div>
2917							  
2918								<!-- Row 2: Preview Button and Time -->
2919								<div class="accordian-content-card__bottom"
2920									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2921							  
2922								  <!-- Preview Button -->
2923								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2924									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2925									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2926										 class="previewBtn"
2927										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2928										<span class="text-primary" style="color:#282400;">
2929										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2930										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span>
2931										</span>
2932									  </a>
2933									<@}@>
2934								  </div>
2935							  
2936								  <!-- Time -->
2937								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2938									<p class="text-primary course-asset-time"
2939									   style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;">
2940									  <@ if(value1.duration && value1.duration > 0) { @>
2941										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2942									  <@ } else { @>
2943										--
2944									  <@ } @>
2945									</p>
2946								  </div>
2947							  
2948								</div>
2949							  </div>
2950							  
2951							
2952                        </li>
2953                        <@ }); @>
2954                    <@ } else { @>
2955                        <li class="accordian-list__item" style="padding:0px 0px !important;">
2956							<div class="accordian-content-card"
2957							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;">
2958					   
2959						   <!-- Row 1: Icon + Title + Collapse Icon -->
2960						   <div class="accordian-content-card__top"
2961								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2962						 
2963							   <!-- Icon -->
2964							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2965								   <@ if(value.type == 'code'){ @>
2966									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2967								   <@ } else { @>
2968									   <span class="material-icons text-primary" style="color:#282400; font-size: 24px;">
2969										   <@ print(getCourseAssetIcon(value.type))@>
2970									   </span>
2971								   <@ } @>
2972							   </div>
2973						 
2974							   <!-- Title -->
2975							   <div class="accordian-content-card__title"
2976									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2977								   <@print(value.title)@>
2978							   </div>
2979						 
2980							   <!-- Collapse Icon (optional) -->
2981							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2982								   <!-- Example placeholder, add real icon if needed -->
2983								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2984							   </div>
2985						   </div>
2986						 
2987						   <!-- Row 2: Preview Button and Time -->
2988						   <div class="accordian-content-card__bottom"
2989								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2990						 
2991							   <!-- Preview Button -->
2992							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2993								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2994									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2995										  class="previewBtn"
2996										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2997										   <span class="text-primary" style="color:#282400;">
2998											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2999											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span>
3000										   </span>
3001									   </a>
3002								   <@}@>
3003							   </div>
3004						 
3005							   <!-- Time -->
3006							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
3007								   <p class="text-primary course-asset-time"
3008									  style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;">
3009									   <@ if(value.duration && value.duration > 0) { @>
3010										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
3011									   <@ } else { @>
3012										   --
3013									   <@ } @>
3014								   </p>
3015							   </div>
3016						   </div>
3017					   </div>
3018                        </li>
3019                    <@ } @>
3020                </ul>
3021            
3022                <@ if(itemsCount > 5) { @>
3023                    <div style="text-align: center; margin-top: 10px;">
3024						<button style="background-color: #282400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
3025						onclick="
3026							var parentAccordion = this.closest('.accordion-content');
3027							parentAccordion.style.maxHeight = 'none';
3028							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
3029							this.style.display = 'none';
3030						">
3031                            View All
3032                        </button>
3033                    </div>
3034                <@ } @>
3035            </div>
3036        </div>
3037    </div>
3038    <@ }); @>
3039    <@ if(item.length > 5) { @>
3040        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
3041            <button style="background-color: #282400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
3042                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
3043                View All Sessions
3044            </button>
3045        </div>
3046    <@ } @>
3047</div>
3048	</div>
3049</script>
3049
3050
3051
3052
3053
3054
3055
3056<!-- Feedback Template First -->
3057<script type="text/template" id="widget-1-template">
3058<div class="column full feedbackContainer feedback1 spectre">
3059<@if(msg){@>
3060	<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3061<@}else{@>
3062<div class="avgratingbox">
3063  <div class="flex-row" >
3064        <div class="is-box-2" >
3065           <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;"> 
3066			<@ if(ratings && ratings.avgRating) {@>
3067				<@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3068			<@}else{@>
3069				0
3070			<@}@>
3071		  </p>
3072          <h5 class="ratings1" style="text-align: center; margin-bottom: 0px; margin-top: 0px; line-height: 1;">  
3073          <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3074					<@if(ratings){@> 
3075						<@ if(ratings.avgRating >= ratingsSize) {@> 
3076							<i class="icon ion-android-star"></i>&nbsp; 
3077						<@ } else if(ratings.avgRating > ratingsSize-1 && ratings.avgRating < ratingsSize) { @> 
3078							<i class="icon ion-android-star-half"></i>&nbsp;
3079						<@ } else { @> 
3080							<i class="icon ion-android-star-outline"></i>&nbsp; 
3081						<@ } @>
3082					<@} else {@>
3083						<i class="icon ion-android-star-outline"></i>&nbsp;
3084					<@}@>		
3085		  <@}@>
3086          </h5>        
3087          <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>
3088          <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;">
3089			Total <@ if(ratings){print(ratings.total) }else{0}@> Reviews 
3090		  </p>
3091        </div>
3092        <div class="is-box-9">
3093			<@ for (i = 0; i < 5; i++) {@>
3094				<div class="box7878"> 
3095            <div style="flex:1;">							
3096					<div class="meter <@print(ratingsPer[(parseInt(i)+1)+'-star'].cls)@> nostripes">
3097                  		<span style="width: <@print(ratingsPer[(parseInt(i)+1)+'-star'].rates)@>%"></span>
3098               		</div>	
3099            </div>
3100            <div id="ratingbox">
3101              <p class="ratings2" style=" line-height: 1;">  
3102				<@ for (ratingsSize = 5; ratingsSize >=1; ratingsSize--) {@>
3103						<@if(ratingsSize>i){@>
3104							<i class="fa fa-solid fa-star-sharp text-primary"></i>&nbsp;
3105						<@} else {@>
3106							<i class="fa fa-solid fa-star-sharp"></i>&nbsp;
3107						<@}@>
3108				<@}@>
3109               <span class="t-white">					
3110					<@ if(ratings && ratings.ratingsCount){print(ratings.ratingsCount[(parseInt(5)-i)+'-stars'])}else{0} @>
3111			   </span>
3112              </p>
3113
3114            </div>
3115          </div>
3116	  	<@}@>
3117        </div>        
3118  	</div>
3119</div>
3120	<div class="bg-secondary" style="padding:15px 15px;border-radius:10px;border-top-right-radius: 0;border-top-left-radius: 0;" >
3121		<p
3122			style="font-size: 16px!important; font-weight: 500!important; letter-spacing: 1px;" class="text-primary">
3123			Reviews
3124		</p>
3125
3126<div class="review-box" id="createCustomReview" style="display:none">
3127<div class="flex-row">
3128	<div class="is-box-2 centerbox">
3129		<div class="spectre">
3130			<figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" >
3131				<img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
3132			</figure>	
3133			<@if(typeof SPUSER !== 'undefined'){ @><p class="review-name"><@ print(SPUSER.name) @> </p><@ } @>
3134		</div>
3135	</div>
3136	<div class="is-box-10">
3137		<textarea rows="3" class="form-input"
3138			placeholder="Add your review here"></textarea>
3139		<div class="rating3">
3140			<p id="rating-stars">
3141				<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 
3142					class="fa fa-solid fa-star-sharp text-primary rating-star" data-value='<@- ratingsSize @>'></i> <@}@>
3143			</p>
3144
3145			<button class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3146				data-reviewData="reviewlist"
3147				style="padding: 2px 28px; text-transform: uppercase; border-radius: 40px;">Post</button>
3148		</div>
3149	</div>
3150</div>
3151</div>		
3152	
3153	<div id="reviewlist">
3154	<@ $.each(items, function(index, item) { @>
3155	<div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3156		<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3157			<a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3158		<@ } @>
3159		<div class="flex-row">
3160			<div class="is-box-2 centerbox">
3161				<div class="spectre">
3162					<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3163						<figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" >
3164							<img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
3165					<@ } else {@>	
3166					<figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="uppercase avatar avatar-lg figsize" >
3167						<img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>">	
3168					<@ } @>
3169					</figure>
3170					<p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @><@ print(SPUSER.name) @><@ } else {@>	<@ print(item.userName) @><@ } @>	</p>
3171				</div>
3172			</div>
3173			<div class="is-box-10">
3174				<div class="rating4">
3175					<p>
3176						<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@
3177						if(item.rating >= ratingsSize) {@> 
3178							<i class="fa fa-solid fa-star-sharp text-primary"></i>
3179						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3180							<i class="fa fa-solid fa-star-sharp-half text-primary"></i> 
3181						<@ } else { @> 
3182							<i class="fa fa-solid fa-star-sharp"></i> 
3183						<@}@> 
3184						<@ }@>
3185					</p>
3186					<p
3187						style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;">
3188						<time class="timestamp"
3189							datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@
3190							print(parseDate(item.createdDate.$date)) @></time>
3191					</p>
3192				</div>
3193				<p  class="reviewTxt"
3194					style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@
3195					print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @></p>
3196				<div class="comment-tag">
3197					<@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @>
3198				</div>
3199			</div>
3200		</div>
3201	</div>
3202	<@ }); @>
3203	</div>	
3204	<button class="bg-primary loadMoreReviewsBtn reviewLMbtn" data-itemTemplate="feedback-1-item-template" data-reviewData="reviewlist" >Load More Reviews</button>
3205</div>
3206<@}@>
3207</script>
3207
3208
3209
3210<script type="text/template" id="feedback-1-item-template">
3211<div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>"">
3212<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3213	<a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3214<@ } @>
3215<div class="flex-row">
3216	<div class="is-box-2 centerbox">
3217		<div class="spectre">
3218			<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3219				<figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="avatar avatar-lg figsize" >
3220					<img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
3221			<@ } else {@>	
3222			<figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="avatar avatar-lg figsize" >
3223				<img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>">	
3224			<@ } @>
3225			</figure>
3226			<p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @><@ print(SPUSER.name) @><@ } else {@>	<@ print(item.userName) @><@ } @>	</p>
3227		</div>
3228	</div>
3229	<div class="is-box-10">
3230		<div class="rating4">
3231			<p>
3232				<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@
3233				if(item.rating >= ratingsSize) {@> 
3234					<i class="fa fa-solid fa-star-sharp text-primary"></i>
3235				<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3236					<i class="fa fa-solid fa-star-sharp-half text-primary"></i>
3237				<@ } else { @> 
3238					<i class="fa fa-solid fa-star-sharp-outline"></i> 
3239				<@}@> 
3240				<@ } @>
3241			</p>
3242			<p
3243				style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;">
3244				<time class="timestamp"
3245					datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@
3246					print(parseDate(item.createdDate.$date)) @></time>
3247			</p>
3248		</div>
3249		<p  class="reviewTxt"
3250			style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@
3251			print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @></p>
3252		<div class="comment-tag">
3253			<@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @>
3254		</div>
3255	</div>
3256</div>
3257</div>
3258</script>
3258
3259
3260
3261<!-- Feedback Template Second -->
3262<script type="text/template" id="feedback-2-template">
3263<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3264<@if(msg){@>
3265	<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3266<@}else{@>
3267<@ if(total > 0 && ratings && ratings.avgRating) {@>
3268<div class="avgratingbox">
3269<div class="column third">
3270   <div class="is-card avgRatingContainer" >
3271      <div class="avgRatingInnerContainer">
3272         <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3273         <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3274            <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i>
3275            <div style="margin-left: 25px;">
3276               <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3277                  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;">
3278                     <@ if(ratings && ratings.avgRating) {@>
3279                     <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3280                     <@}else{@>
3281                     0
3282                     <@}@>
3283                  </h3>
3284                  <p class="avgRatingReviews">/5</p>
3285               </span>
3286               <p class="avgRatingReviews">
3287                  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3288               </p>
3289            </div>
3290         </div>
3291      </div>
3292   </div>
3293</div>
3294</div>
3295<@ } @>
3296<div id="feedback2Reviewlist" class="reviewslist">
3297   <@ $.each(items, function(index, item) { @>
3298   		<@ var template = _.template($("#feedback-2-item-template").html()); print(template({item: item})) @>
3299   <@ }); @>
3300   <@}@>
3301</div>
3302<div class="row clearfix">
3303   <div class="column full">
3304      <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;">
3305         View more
3306      </p>
3307   </div>
3308</div>
3309</script>
3309
3310
3311<script type="text/template" id="feedback-2-item-template">
3312	<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3313      <div class="is-card avgRatingContainer">
3314         <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3315			<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3316				<a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3317			<@ } @>
3318            <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;">
3319   			<@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3320   		 	</p>
3321			<div class="reviewerName">
3322           	<p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px;">
3323   				<@ print(item.userName) @>
3324   		 	</p></div>
3325			
3326			 <p style="margin: 0px;">
3327				<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3328					<@ if(item.rating >= ratingsSize) {@> 
3329						<i class="fa fa-solid fa-star-sharp text-primary"></i>
3330					<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3331						<i class="fa fa-solid fa-star-sharp-half text-primary"></i> 
3332					<@ } @> 
3333				<@ }@>
3334			 </p>		
3335
3336      	 </div>
3337	  </div>	
3338   </div>
3339</script>
vendor: 1 bytes, line 3339
3339
3340<script type="text/template" id="feedback-2-createTemplate">
3341	<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3342  <div class="is-boxes">
3343    <div class="is-box-centered">
3344      <div class="is-container container" style="max-width: 940px;">
3345	
3346		<div class="review-box review-add-box">
3347            <div class="is-container container is-content-800" >
3348               <div class="row clearfix" >
3349                  <div class="column full" >
3350                     <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>
3351                  </div>
3352               </div>
3353               <div class="textarea-cont">
3354                  <div class="review-star text-primary" style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;">
3355					<span id="rating-stars">
3356                     <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 
3357                        class="fa fa-solid fa-star-sharp rating-star" data-value='<@- ratingsSize @>'></i> <@}@>
3358					</span>
3359                  </div>
3360                  <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>
3361                  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3362						<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>
3363				<@ } @>
3364               </div>
3365               <div  style="margin-top: 20px; display: flex; justify-content: flex-end;">
3366                  <button id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3367					data-reviewData="feedback2Reviewlist" disabled >Submit</button>
3368               </div>
3369            </div>
3370		</div>
3371		</div>
3372		</div>
3373	</div>
3374</div>
3375</script>
3375
3376
3377<!-- Vegas 4th feedback Template-->
3378
3379
3380<script type="text/template" id="feedback-4-template">
3381	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3382	<@if(msg){@>
3383		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3384	<@}else{@>
3385	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3386	<div class="avgratingbox">
3387	<div class="column third">
3388	   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" >
3389		  <div class="avgRatingInnerContainer">
3390			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3391			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3392				<i class="icon ion-android-star text-primary" style="font-size: 80px;"></i>
3393				<div style="margin-left: 25px;">
3394				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3395					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;">
3396						 <@ if(ratings && ratings.avgRating) {@>
3397						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3398						 <@}else{@>
3399						 0
3400						 <@}@>
3401					  </h3>
3402					  <p class="avgRatingReviews">/5</p>
3403				   </span>
3404				   <p class="avgRatingReviews">
3405					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3406				   </p>
3407				</div>
3408			 </div>
3409		  </div>
3410	   </div>
3411	</div>
3412	</div>
3413	<@ } @>
3414	<div id="feedback4Reviewlist" class="reviewslist">
3415	   <@ $.each(items, function(index, item) { @>
3416			   <@ var template = _.template($("#feedback-4-item-template").html()); print(template({item: item})) @>
3417	   <@ }); @>
3418	   <@}@>
3419	</div>
3420	<div class="row clearfix">
3421	   <div class="column full" style="text-align: center;">
3422		  <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;">
3423			View All Reviews
3424		  </a>
3425	   </div>
3426	</div>
3427	</script>
3427
3428	
3429	
3429<script type="text/template" id="feedback-4-item-template">
3430		<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3431		  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; ">
3432			 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3433				<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3434					<a  style="color:#FB5607 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3435				<@ } @>
3436				<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;">
3437				   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3438					</p>
3439				<div class="reviewerName">
3440				   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3441					   <@ print(item.userName) @>
3442					</p></div>
3443				
3444				 <p style="margin: 0px;">
3445					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3446						<@ if(item.rating >= ratingsSize) {@> 
3447							<i class="fa fa-solid fa-star-sharp text-primary" style="color:#FB5607 !important;"></i>
3448						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3449							<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#FB5607 !important;"></i> 
3450						<@ } @> 
3451					<@ }@>
3452				 </p>		
3453	
3454			   </div>
3455		  </div>	
3456	   </div>
3457	</script>
3457
3458	
3458<script type="text/template" id="feedback-4-createTemplate">
3459		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3460	  <div class="is-boxes">
3461		<div class="is-box-centered">
3462		  <div class="is-container container" style="max-width: 1200px;">
3463		
3464			<div class="review-box review-add-box">
3465				<div class="is-container container is-content-1200" >
3466				   <div class="row clearfix" >
3467					  <div class="column full" >
3468						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3469					  </div>
3470				   </div>
3471				   <div class="textarea-cont">
3472					<div style="display:flex; gap:30px;">
3473						<div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div>
3474						<div class="review-star1 text-primary" 
3475						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3476					   <span id="rating-stars" >
3477						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3478							   <i class="fa fa-solid fa-star-sharp rating-star" 
3479								  data-value='<@- ratingsSize @>' 
3480								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3481						   <@}@>
3482					   </span>
3483				   </div>
3484				   <style></style>
3485				   
3486				   
3487					</div>
3488					  <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>
3489					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3490							<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>
3491					<@ } @>
3492				   </div>
3493				   <div  style=" display: flex; justify-content: center;">
3494					  <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') } @>"
3495						data-reviewData="feedback4Reviewlist" disabled >Submit</button>
3496				   </div>
3497				</div>
3498			</div>
3499			</div>
3500			</div>
3501		</div>
3502	</div>
3503	</script>
3503
3504	
3505
3506
3507
3508<!-- Blaze 5th feedback Template-->
3509<script type="text/template" id="feedback-5-template">
3510	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3511	<@if(msg){@>
3512		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3513	<@}else{@>
3514	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3515	<div class="avgratingbox">
3516	<div class="column third">
3517	   <div class="is-card avgRatingContainer" style="background:#232323; border-radius:0px;padding:21px;" >
3518		  <div class="avgRatingInnerContainer">
3519			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;color:white;">Customer ratings</h3>
3520			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3521				<i class="icon ion-android-star text-primary" style="font-size: 80px;color:rgb(216, 253, 70);"></i>
3522				<div style="margin-left: 25px;">
3523				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3524					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: rgb(216, 253, 70); line-height: 1.3;">
3525						 <@ if(ratings && ratings.avgRating) {@>
3526						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3527						 <@}else{@>
3528						 0
3529						 <@}@>
3530					  </h3>
3531					  <p class="avgRatingReviews" style="color:white;">/5</p>
3532				   </span>
3533				   <p class="avgRatingReviews" style="color:white;">
3534					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3535				   </p>
3536				</div>
3537			 </div>
3538		  </div>
3539	   </div>
3540	</div>
3541	</div>
3542	<@ } @>
3543	<div id="feedback5Reviewlist" class="reviewslist">
3544	   <@ $.each(items, function(index, item) { @>
3545			   <@ var template = _.template($("#feedback-5-item-template").html()); print(template({item: item})) @>
3546	   <@ }); @>
3547	   <@}@>
3548	</div>
3549	<div class="row clearfix">
3550	   <div class="column full" style="text-align: center;">
3551		  <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;">
3552			View All Reviews
3553		  </a>
3554	   </div>
3555	</div>
3556	</script>
3556
3557	
3558	
3559	
3559<script type="text/template" id="feedback-5-item-template">
3560		<style>
3561			.template5-review .reviewTxt{
3562				color:white !important;
3563			}
3564			.template5-review .reviewerName p{
3565				color:white !important;
3566			}
3567		</style>
3568		<div class="column third reviewcontainer template5-review <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> selfreview <@ } @>">
3569			<div class="is-card avgRatingContainer" style="border:1px solid #232323;padding:20px;">
3570				<div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;">
3571					<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>
3572						<a style="color:#D8FD46 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>">
3573							<i class="material-icons">delete</i>
3574						</a>
3575					<@ } @>
3576					<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;">
3577						<@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3578					</p>
3579					<div class="reviewerName">
3580						<p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5; ">
3581							<@ print(item.userName) @>
3582						</p>
3583					</div>
3584	
3585					<p style="margin: 0px;">
3586						<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) { @>
3587							<@ if(item.rating >= ratingsSize) { @>
3588								<i class="fa fa-solid fa-star-sharp text-primary" style="color:#D8FD46 !important;"></i>
3589							<@ } else if(item.rating > ratingsSize - 1 && item.rating < ratingsSize) { @>
3590								<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#D8FD46 !important;"></i>
3591							<@ } @>
3592						<@ } @>
3593					</p>
3594				</div>
3595			</div>
3596		</div>
3597	</script>
3597
3598	
3599	
3599<script type="text/template" id="feedback-5-createTemplate">
3600		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3601	  <div class="is-boxes">
3602		<div class="is-box-centered" style="background:#181818;">
3603		  <div class="is-container container" style="max-width: 1200px;">
3604		
3605			<div class="review-box review-add-box">
3606				<div class="is-container container is-content-1200" >
3607				   <div class="row clearfix" >
3608					  <div class="column full" >
3609						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: white; ">Add a review</h1>
3610					  </div>
3611				   </div>
3612				   <div class="textarea-cont" style="background:transparent">
3613					<div style="display:flex; gap:30px;">
3614						<div><h3 style="font-size:18px;font-weight:600; color:white;">Overall Rating</h3></div>
3615						<div class="review-star text-primary" 
3616						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3617					   <span id="rating-stars" >
3618						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3619							   <i class="fa fa-solid fa-star-sharp rating-star" 
3620								  data-value='<@- ratingsSize @>' 
3621								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3622						   <@}@>
3623					   </span>
3624				   </div>
3625				   
3626				   
3627					</div>
3628					  <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>
3629					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3630							<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>
3631					<@ } @>
3632				   </div>
3633				   <div  style=" display: flex; justify-content: center;margin-top:20px;">
3634					  <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') } @>"
3635						data-reviewData="feedback5Reviewlist" disabled >Submit</button>
3636				   </div>
3637				</div>
3638			</div>
3639			</div>
3640			</div>
3641		</div>
3642	</div>
3643	</script>
3643
3644
3645
3646
3647
3648
3649
3650
3651
3652
3653
3654
3655
3656
3657
3658
3659<!-- Nebula Feedback 6-->
3660
3661<script type="text/template" id="feedback-6-template">
3662	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3663	<@if(msg){@>
3664		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3665	<@}else{@>
3666	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3667	<div class="avgratingbox">
3668	<div class="column third">
3669	   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" >
3670		  <div class="avgRatingInnerContainer">
3671			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3672			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3673				<i class="icon ion-android-star text-primary" style="font-size: 80px;    color: #6715FF !important;"></i>
3674				<div style="margin-left: 25px;">
3675				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3676					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800;     color: #6715FF !important; line-height: 1.3;">
3677						 <@ if(ratings && ratings.avgRating) {@>
3678						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3679						 <@}else{@>
3680						 0
3681						 <@}@>
3682					  </h3>
3683					  <p class="avgRatingReviews">/5</p>
3684				   </span>
3685				   <p class="avgRatingReviews">
3686					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3687				   </p>
3688				</div>
3689			 </div>
3690		  </div>
3691	   </div>
3692	</div>
3693	</div>
3694	<@ } @>
3695	<div id="feedback6Reviewlist" class="reviewslist">
3696	   <@ $.each(items, function(index, item) { @>
3697			   <@ var template = _.template($("#feedback-6-item-template").html()); print(template({item: item})) @>
3698	   <@ }); @>
3699	   <@}@>
3700	</div>
3701	<div class="row clearfix">
3702	   <div class="column full" style="text-align: center;">
3703		  <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;">
3704			View All Reviews
3705		  </a>
3706	   </div>
3707	</div>
3708	</script>
3708
3709	
3710	
3710<script type="text/template" id="feedback-6-item-template">
3711		<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3712		  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; ">
3713			 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3714				<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3715					<a  style="color:#6715FF !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3716				<@ } @>
3717				<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;">
3718				   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3719					</p>
3720				<div class="reviewerName">
3721				   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3722					   <@ print(item.userName) @>
3723					</p></div>
3724				
3725				 <p style="margin: 0px;">
3726					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3727						<@ if(item.rating >= ratingsSize) {@> 
3728							<i class="fa fa-solid fa-star-sharp text-primary" style="color:#6715FF !important;"></i>
3729						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3730							<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#6715FF !important;"></i> 
3731						<@ } @> 
3732					<@ }@>
3733				 </p>		
3734	
3735			   </div>
3736		  </div>	
3737	   </div>
3738	</script>
3738
3739	
3739<script type="text/template" id="feedback-6-createTemplate">
3740		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3741	  <div class="is-boxes">
3742		<div class="is-box-centered">
3743		  <div class="is-container container" style="max-width: 1200px;">
3744		
3745			<div class="review-box review-add-box">
3746				<div class="is-container container is-content-1200" >
3747				   <div class="row clearfix" >
3748					  <div class="column full" >
3749						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3750					  </div>
3751				   </div>
3752				   <div class="textarea-cont" style="background:transparent">
3753					<div style="display:flex; gap:30px;">
3754						<div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div>
3755						<div class="review-star1 text-primary" 
3756						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3757					   <span id="rating-stars" >
3758						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3759							   <i class="fa fa-solid fa-star-sharp rating-star" 
3760								  data-value='<@- ratingsSize @>' 
3761								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3762						   <@}@>
3763					   </span>
3764				   </div>
3765				   <style></style>
3766				   
3767				   
3768					</div>
3769					  <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>
3770					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3771							<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: grey; margin-top: 0px;"><@ print(SPUSER.name) @></p>
3772					<@ } @>
3773				   </div>
3774				   <div  style=" display: flex; justify-content: center;">
3775					  <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') } @>"
3776						data-reviewData="feedback6Reviewlist" disabled >Submit</button>
3777				   </div>
3778				</div>
3779			</div>
3780			</div>
3781			</div>
3782		</div>
3783	</div>
3784	</script>
3784
3785
3786
3787
3788
3789
3790<!-- Olive Feedback 7-->
3791<script type="text/template" id="feedback-7-template">
3792	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3793	<@if(msg){@>
3794		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3795	<@}else{@>
3796	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3797	<div class="avgratingbox">
3798	<div class="column third">
3799	   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" >
3800		  <div class="avgRatingInnerContainer">
3801			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3802			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3803				<i class="icon ion-android-star text-primary" style="font-size: 80px;    color: #064400 !important;"></i>
3804				<div style="margin-left: 25px;">
3805				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3806					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800;     color: #064400 !important; line-height: 1.3;">
3807						 <@ if(ratings && ratings.avgRating) {@>
3808						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3809						 <@}else{@>
3810						 0
3811						 <@}@>
3812					  </h3>
3813					  <p class="avgRatingReviews">/5</p>
3814				   </span>
3815				   <p class="avgRatingReviews">
3816					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3817				   </p>
3818				</div>
3819			 </div>
3820		  </div>
3821	   </div>
3822	</div>
3823	</div>
3824	<@ } @>
3825	<div id="feedback7Reviewlist" class="reviewslist">
3826	   <@ $.each(items, function(index, item) { @>
3827			   <@ var template = _.template($("#feedback-7-item-template").html()); print(template({item: item})) @>
3828	   <@ }); @>
3829	   <@}@>
3830	</div>
3831	<div class="row clearfix">
3832	   <div class="column full" style="text-align: center;">
3833		  <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;">
3834			View All Reviews
3835		  </a>
3836	   </div>
3837	</div>
3838	</script>
3838
3839	
3840	
3840<script type="text/template" id="feedback-7-item-template">
3841		<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3842		  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; ">
3843			 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3844				<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3845					<a  style="color:#064400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3846				<@ } @>
3847				<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;">
3848				   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3849					</p>
3850				<div class="reviewerName">
3851				   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3852					   <@ print(item.userName) @>
3853					</p></div>
3854				
3855				 <p style="margin: 0px;">
3856					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3857						<@ if(item.rating >= ratingsSize) {@> 
3858							<i class="fa fa-solid fa-star-sharp text-primary" style="color:#064400 !important;"></i>
3859						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3860							<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#064400 !important;"></i> 
3861						<@ } @> 
3862					<@ }@>
3863				 </p>		
3864	
3865			   </div>
3866		  </div>	
3867	   </div>
3868	</script>
3868
3869	
3869<script type="text/template" id="feedback-7-createTemplate">
3870		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3871	  <div class="is-boxes">
3872		<div class="is-box-centered">
3873		  <div class="is-container container" style="max-width: 1200px;">
3874		
3875			<div class="review-box review-add-box">
3876				<div class="is-container container is-content-1200" >
3877				   <div class="row clearfix" >
3878					  <div class="column full" >
3879						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3880					  </div>
3881				   </div>
3882				   <div class="textarea-cont">
3883					<div style="display:flex; gap:30px;">
3884						<div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div>
3885						<div class="review-star1 text-primary" 
3886						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3887					   <span id="rating-stars" >
3888						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3889							   <i class="fa fa-solid fa-star-sharp rating-star" 
3890								  data-value='<@- ratingsSize @>' 
3891								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3892						   <@}@>
3893					   </span>
3894				   </div>
3895				   <style></style>
3896				   
3897				   
3898					</div>
3899					  <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>
3900					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3901							<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>
3902					<@ } @>
3903				   </div>
3904				   <div  style=" display: flex; justify-content: center;">
3905					  <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') } @>"
3906						data-reviewData="feedback7Reviewlist" disabled >Submit</button>
3907				   </div>
3908				</div>
3909			</div>
3910			</div>
3911			</div>
3912		</div>
3913	</div>
3914	</script>
3914
3915
3916
3917
3918
3919	<!--Dusk Feedback-8-->
3920	
3920<script type="text/template" id="feedback-8-template">
3921		<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3922		<@if(msg){@>
3923			<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3924		<@}else{@>
3925		<@ if(total > 0 && ratings && ratings.avgRating) {@>
3926		<div class="avgratingbox">
3927		<div class="column third">
3928		   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;background:#F5F5F5;" >
3929			  <div class="avgRatingInnerContainer">
3930				 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3931				 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3932					<i class="icon ion-android-star text-primary" style="font-size: 80px;    color: #282400 !important;"></i>
3933					<div style="margin-left: 25px;">
3934					   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3935						  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800;     color: #282400 !important; line-height: 1.3;">
3936							 <@ if(ratings && ratings.avgRating) {@>
3937							 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3938							 <@}else{@>
3939							 0
3940							 <@}@>
3941						  </h3>
3942						  <p class="avgRatingReviews">/5</p>
3943					   </span>
3944					   <p class="avgRatingReviews">
3945						  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3946					   </p>
3947					</div>
3948				 </div>
3949			  </div>
3950		   </div>
3951		</div>
3952		</div>
3953		<@ } @>
3954		<div id="feedback8Reviewlist" class="reviewslist">
3955		   <@ $.each(items, function(index, item) { @>
3956				   <@ var template = _.template($("#feedback-8-item-template").html()); print(template({item: item})) @>
3957		   <@ }); @>
3958		   <@}@>
3959		</div>
3960		<div class="row clearfix">
3961		   <div class="column full" style="text-align: center;">
3962			  <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;">
3963				View All Reviews
3964			  </a>
3965		   </div>
3966		</div>
3967		</script>
3967
3968		
3969		
3969<script type="text/template" id="feedback-8-item-template">
3970			<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3971			  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:#F5F5F5; padding:20px; ">
3972				 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3973					<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3974						<a  style="color:#282400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3975					<@ } @>
3976					<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;">
3977					   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3978						</p>
3979					<div class="reviewerName">
3980					   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3981						   <@ print(item.userName) @>
3982						</p></div>
3983					
3984					 <p style="margin: 0px;">
3985						<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3986							<@ if(item.rating >= ratingsSize) {@> 
3987								<i class="fa fa-solid fa-star-sharp text-primary" style="color:#282400 !important;"></i>
3988							<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3989								<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#282400 !important;"></i> 
3990							<@ } @> 
3991						<@ }@>
3992					 </p>		
3993		
3994				   </div>
3995			  </div>	
3996		   </div>
3997		</script>
3997
3998		
3998<script type="text/template" id="feedback-8-createTemplate">
3999			<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
4000		  <div class="is-boxes">
4001			<div class="is-box-centered">
4002			  <div class="is-container container" style="max-width: 1200px;">
4003			
4004				<div class="review-box review-add-box">
4005					<div class="is-container container is-content-1200" >
4006					   <div class="row clearfix" >
4007						  <div class="column full" >
4008							 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
4009						  </div>
4010					   </div>
4011					   <div class="textarea-cont">
4012						<div style="display:flex; gap:30px;">
4013							<div><h3 style="font-size:18px;font-weight:600;">Overall rating</h3></div>
4014							<div class="review-star1 text-primary" 
4015							style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
4016						   <span id="rating-stars" >
4017							   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
4018								   <i class="fa fa-solid fa-star-sharp rating-star" 
4019									  data-value='<@- ratingsSize @>' 
4020									  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
4021							   <@}@>
4022						   </span>
4023					   </div>
4024					   <style></style>
4025					   
4026					   
4027						</div>
4028						  <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>
4029						  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
4030								<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>
4031						<@ } @>
4032					   </div>
4033					   <div  style=" display: flex; justify-content: center;">
4034						  <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') } @>"
4035							data-reviewData="feedback8Reviewlist" disabled >Submit</button>
4036					   </div>
4037					</div>
4038				</div>
4039				</div>
4040				</div>
4041			</div>
4042		</div>
4043		</script>
4043
4044
4045
4046
4047<div class="spectre">
4048<div class="modal" id="reviewModal">
4049			<a href="javascript:void(0);" class="modal-overlay close"
4050				aria-label="Close"></a>	
4051			<div class="modal-container">
4052				<div class="modal-header">
4053					<a href="javascript:void(0);"
4054						class="close btn btn-clear float-right" aria-label="Close"></a>
4055					<div class="modal-title h5">Review</div>
4056				</div>
4057				<div class="modal-body" style="max-height: 90vh;padding-top: 0;">
4058				</div>
4059			</div>
4060			
4061			  
4062			  
4063</div>
4064
4065  
4066</div>
4067
4068
4069
4070
4071
4072	
4073
4074
4075
4076
4077
4078
4079
4080 
4081
4082<script>
4083	var created_date = `Created Date`;
4084	var uname_msg = `Name`;
4085	var email_msg = `Email`;
4086	var has_web_token = `Has Web Token`;
4087	var has_mobile_token = `Has Mobile Token`;
4088	var actions_msg = `Actions`;
4089	var delete_user = `Delete User`;
4090	var create_target_audience = `Create Target Audience`;
4091	var msg_now = `NOW`;
4092	var msg_now_2 = `Now`;
4093	var msg_scheduled = `SCHEDULED`;
4094	var msg_recurring = `RECURRING`;
4095	var msg_weeks = `weeks`;
4096	var msg_months = `month(s)`;
4097	var msg_days = `days`;
4098	var notification_screen = `Notification Screen`;
4099	var coursepackagelandingpage = `Course/Package landing page`;
4100	var search_course_name = `Search by course/package name`;
4101	var webinar_landing_page = `Webinar landing page`;
4102	var search_by_webinar_name = `Search by webinar name`;
4103	var categorypage = `Category Page`;
4104	var custompage = `Custom Page`;
4105	var blogpage = `Blog Page`;
4106	var customlink = `Custom Link`;
4107	var homepage_msg = `Homepage`;
4108	var search_category = `Search category`;
4109	var search_page_title = `Search by Page title`;
4110	var search_blog_title = `Search by Blog title`;
4111	var enter_the_link = `Enter the link`;
4112	var membership_page = `Membership page`;
4113	var pick_a_date = `Pick a date`;
4114	var pick_first_push_date = `Pick a first push date`;
4115	var every_msg = `Every`;
4116	var starting_msg = `Starting`;
4117	var msg_published = `Published`;
4118	var msg_unpublished = `Unpublished`;
4119	var msg_customize = `Customize`;
4120	var msg_edit = `Edit`;
4121	var msg_featured_image = `Featured Image`;
4122	var msg_preview = `Preview`;
4123	var msg_delete = `Delete`;
4124	var msg_unpublish = `Unpublish`;
4125	var msg_publish = `Publish  `;
4126	var msg_question= `questions`;
4127	var try_new_coding_assignment= `Try new coding assignment`;
4128	var change_enrollment_date = `Change Enrollment Date`;
4129	var change_expiry = `Change Expiry`;
4130	var change_remanining_time = `Change Remaining Time`;
4131	var remove_from_course = `Remove From Course`;
4132	var reset_course_progress = `Reset Course Progress`;
4133	var complete_report = `Complete Report`;
4134	var msg_progress = `Progress`;
4135	var timetaken = `Time Taken`;
4136	var msg_user_details = `User Details`;
4137	var graphy_platform_fees_note = `Amount after deducting Graphy platform fees. This does not include your payment gateway charges.`;
4138	var final_price_note = `Final payable price by learners`;
4139	var save_alert_message = `Save progress before moving forward.`;
4140	var no_chapter_alert_message = `Please add at least one chapter in the course.`;
4141	var download_msg = `Download`;
4142	var revoke_msg = `Revoke`;
4143	var yes_msg = `Yes`;
4144	var no_msg = `No`;
4145	var details_hover = `Details`;
4146	var hide_notification = `Hide Notification`;
4147	var notify_learners_hover = `Notify Learners`;
4148	var search_course_package = `Search Courses to add in this package.`;
4149	var bulk_delete = `Bulk Delete`;
4150	var scheduled_msg = `Scheduled`;
4151	var inprogress_msg = `In Progress`;
4152	var completed_msg = `Completed`;
4153	var yes_all_caps = `YES`;
4154	var no_all_caps = `NO`;
4155	var discount_msg = `Discount`;
4156	var max_discount = `Max Discount`;
4157	var min_cart = `Min Cart`;
4158	var delete_bookmark = `Delete Bookmark`;
4159	var view_question = `View question`;
4160	var msg_free = `Free`;
4161	var membership_expiration_note = `Membership will be canceled on next billing date.`;
4162	var msg_active = `Active`;
4163	var msg_inactive = `Inactive`;
4164	var delete_hover = `Delete`;
4165	var view_hover = `View`;
4166	var coursewise = `Course Wise`;
4167	var learner_wise = `Learner wise`;
4168	var segment_wise = `Segment wise`;
4169	var unregistered_msg = `Unregistered`;
4170	var target_audience_deleted = `Target Audience Deleted`;
4171	var courses_msg = `course(s)`;
4172	var learners_msg = `learner(s)`;
4173	var unregistered_learners = `Unregistered Learner`;
4174	var all_learners = `All Learners`;
4175	var course_wise_learners = `Course wise Learners`;
4176	var segment_wise_learners = `Segment wise Learners`;
4177	var with_token = `with token`;
4178	var segments_msg = `segments`;
4179	var add_users_msg = `Add Users`;
4180	var approx_msg = `Approx`;
4181	var revoke_cancellation_request = `Revoke Cancellation request.`;
4182	var remove_scheduled_membership_cancellation = `Remove Scheduled Membership Cancellation`;
4183	var schedule_to_stop_subscription = `Schedule to stop Subscription`;
4184	var stop_subscription = `Stop subscription`;
4185	var available_for_review_all_caps = `AVAILABLE FOR REVIEW`;
4186	var reviewed_all_caps = `REVIEWED`;
4187	var rejected_all_caps = `REJECTED`;
4188	var preview_code = `Preview Code`;
4189	var approve_msg = `Approve`;
4190	var reject_msg = `Reject`;
4191	var history_msg = `History`;
4192	var message_hover= `Message`;
4193	var remove_msg= `Remove`;
4194	var enroll_msg= `Enroll`;
4195	var change_validity= `Change Validity`;
4196	var learners_selected= `learner(s) selected`;
4197	var select_all_msg= `Select all`;
4198	var do_you_want_to_delete_course= `Do you really want to delete this course?`;
4199	var do_you_want_to_revoke_this_certificate= `Do you really want to revoke this certificate?`;
4200	var do_you_want_to_revoke_entry= `Do you really want to revoke this entry?`;
4201	var do_you_want_to_edit_enrollment_date= `Do you really want to edit enrollment date of all learners?`;
4202	var do_you_want_to_edit_enrollment_date_for_selected= `Do you really want to edit enrollment date of selected learners?`;
4203	var do_you_want_to_edit_course_validity= `Do you really want to edit course validity of all learners?`;
4204	var do_you_want_to_edit_course_validity_for_selected= `Do you really want to edit course validity of selected learners?`;
4205	var do_you_want_to_remove_selected= `Do you really want to remove selected learners?`;
4206	var do_you_want_to_remove_all= `Do you really want to remove all learners?`;
4207	var do_you_want_to_create_zip= `Do you really want to create zip for this course?`;
4208	var do_you_want_to_deactivate= `Do you really want to deactivate?`;
4209	var successfully_done_alert= `Successfully Done.`;
4210	var please_select_atleast_1_learner= `Please select atleast 1 learner !`;
4211	var on_msg= `On`;
4212	var single_correct_option = `Single Correct Option`;
4213	var multiple_correct_options = `Multiple Correct Options`;
4214	var numerical_Fill_in_the_Blank = `Numerical/Fill in the Blank`;
4215	var match_the_Column = `Match the Column`;
4216	var subjective = `Subjective`;
4217	var your_target_audience_appear= `Your target audience user(s) will appear here`;
4218	var your_upcoming_campaign= `Your upcoming campaign will appear here`;
4219	var status_msg= `Status`;
4220	var stop_campaign= `Stop Campaign`;
4221	var copy_campaign= `Copy Campaign`;
4222	var platform_fee_tax = `platform fees including taxes`;
4223	var pg_fees_taxes = `payment gateway fees including taxes`;
4224	var msg_quiz = `Quiz`;
4225	var msg_livetest = `Live test`;
4226	var msg_heading = `Heading`;
4227	var msg_text = `Text`;
4228	var msg_form = `Form`;
4229	var msg_live_class = `Live class`;
4230	var msg_live_class_rec = `live class recording`;
4231	var msg_code = `Code`;
4232	var msg_assignment = `Assignment`;
4233	var msg_added = `added`;
4234	var msg_about = `About`;
4235	var msg_year = `year`;
4236	var msg_month = `Month`;
4237	var msg_day = `day`;
4238	//var msg_hour = `hh`;
4239	//var msg_minute = `mm`;
4240	//var msg_seconds = `seconds`;
4241	var msg_month_l = `month`;
4242	var msg_day_l = `day`;
4243	var msg_hour_l = `hour`;
4244	var msg_minute_l = `minute`;
4245	var msg_second_l = `second`;
4246	var mobile_number=`Mobile Number`;
4247	var status_android =`Status (ANDROID)`;
4248	var status_ios =`Status (IOS)`;
4249	var delivery_time=`Delivery Time`;
4250	var sure_unhide=`Are you sure you want to unhide this course ?`;
4251	var become_a_partner=`Become a Partner`;
4252	var failed_msg=`Failed`;
4253	var sent_msg=`Sent`;
4254	var pending_msg=`Pending`;
4255	var running_msg=`Running`;
4256	var add_pricing_plan = `Add pricing plan`;
4257	var msg_add = `Add`;
4258	var of_msg = `of`;
4259	var items_msg = `items`
4260	var ago_msg = `ago`
4261	var items_msg = `items`;
4262	
4263	var january_msg = `January`;
4264	var february_msg = `February`;
4265	var march_msg = `March`;
4266	var april_msg = `April`;
4267	var may_msg = `May`;
4268	var june_msg = `June`;
4269	var july_msg = `July`;
4270	var august_msg = `August`;
4271	var september_msg = `September`;
4272	var october_msg = `October`;
4273	var november_msg = `November`;
4274	var december_msg = `December`;
4275	var sunday_msg = `Sunday`;
4276	var monday_msg = `Monday`;
4277	var tuesday_msg = `Tuesday`;
4278	var wednesday_msg = `Wednesday`;
4279	var thursday_msg = `Thursday`;
4280	var friday_msg = `Friday`;
4281	var saturday_msg = `Saturday`;
4282	var at_msg = `at`;
4283	var generate_outline = `Generate outline using AI`;
4284	var it_take_min = `It may take a min.`;
4285	var msg_ok = `OK`;
4286	var edit_pricing_plan = `Edit pricing plan`;
4287
4288</script>
4288
4289
4290
4291
4292
4293
4294
4295
4296<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-2.0.3.min.js"></script>
4296
4297
4298<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/underscore-min.js?v=1.9.1"></script>
4298
4299
4300<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.form.js"></script>
vendor: 1 bytes, line 4300
4300
4301<script async src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.noty.packaged.min.js"></script>
vendor: 1 bytes, line 4301
4301
4302<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 4302
4302
4303<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.timeago.js"></script>
vendor: 1 bytes, line 4303
4303
4304<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/js-webshim/minified/extras/modernizr-custom.js"></script>
vendor: 1 bytes, line 4304
4304
4305<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.datetimepicker.js"></script>
4305
4306
4307
4308
4309
4310
4311
4312
4313
4314<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/aes.js"></script>
vendor: 1 bytes, line 4314
4314
4315<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/mode-ecb-min.js"></script>
vendor: 1 bytes, line 4315
4315
4316<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/pad-nopadding-min.js"></script>
4316
4317
4318<!-- 
4318<script src="https://unpkg.com/@popperjs/core@2"></script>
vendor: 1 bytes, line 4318
4318
4319<script src="https://unpkg.com/tippy.js@6"></script>
4319 -->
4320<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 4320
4320
4321<script src="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.0.0/tippy-bundle.umd.js"></script>
4321
4322
4323<script type="text/javascript">
4324	var passwordPolicyRequired = false;
4325	var checkoutV2 = true;
4326	var primaryFieldPhoneEnabled = false;
4327	var orgLanguageCode = "";
4328	var SPEERESCDN = "https://d502jbuhuh9wk.cloudfront.net";
4329</script>
4329
4330
4331<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sutils_006ef97695b7d97b6f665352cee8d2cd.js"></script>
vendor: 1 bytes, line 4331
4331
4332<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/utils/dateUtils_f53456b03f1287667a7b24fb63b367ce.js"></script>
vendor: 1 bytes, line 4332
4332
4333<script type="text/javascript">
4334	// Make org object globally available for dateUtils
4335	window.org = window.org || {};
4336	window.org.currencyCode = "false"=='true'?'USD':'INR';
4337	var websiteV3Org = false;
4338	var orgCreatedDate = {"$date":"2023-04-20T09:48:38.342Z"};
4339</script>
4339
4340
4341
4342
4343
4344
4345<script type="text/javascript">
4346	var trialExpired = "false";
4347	var planCancelled = "false";
4348	var isFreePlan = false;
4349	
4350</script>
vendor: 1 bytes, line 4350
4350
4351<script type="text/javascript" id="dsf239df">
4352	var ctx = "/s",
4353		isFirstLogin = "", cjs = CryptoJS;
4354		
4355	var defaultCoreColor = "#5755d9", theme1CoreColor = "#572b7a", theme2CoreColor = "#3f51b5", theme3CoreColor = "#009051", 
4356		theme4CoreColor = "#596439", theme5CoreColor = "#F0591D", theme6CoreColor = "#28a745", theme7CoreColor = "#1bbc9b", 
4357		theme8CoreColor = "#f38f20", apkId = "6231373436231373432363038663465653864613523630386634656538646135", theme9CoreColor = "#c0af01", theme10CoreColor = "#e8d3a4",
4358		webColor = defaultCoreColor,
4359		CFCDN = "https://d502jbuhuh9wk.cloudfront.net", mobileNotification = false, webNotification = false, 
4360		iosPlayVideo = true,
4361		chromeDrmPlayback = false,
4362		gaType = "";
4363		
4364	
4365	
4366	$("#dsf239df").remove();
4367</script>
4367
4368
4369
4370
4371
4372
4373
4374
4375	
4376		<input type="hidden" id="orgCurrencyCode" value="INR" />
4377	
4378	
4379
4380
4381
4382	
4382<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/detect-private-browsing.js"></script>
4382
4383	
4383<script type="text/javascript">
4384	detectPrivateMode(
4385        function(is_private) {
4386            if(typeof is_private !== 'undefined' && is_private) {
4387            		$("input[name=privateMode]").val("private");
4388            }
4389        }
4390    );
4391	</script>
4391
4392
4393
4394
4395	
4396	
4397		
4397<script type="text/javascript"
4398			src="https://d502jbuhuh9wk.cloudfront.net/resources/js/intlTelInput.min.js"></script>
4398
4399		
4399<script type="text/javascript">
4400		
4401			var ipInfo = localStorage.getItem('ipInfo');
4402	        if(!ipInfo) {
4403	        	$.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
4404	        		if(resp) {
4405	        			var ipInfoStr = JSON.stringify(resp);
4406	    				var ipInfoField = document.getElementById("ipInfo");
4407	    				var countryCode = (resp.country) ? resp.country : "in";
4408				        sessionStorage.setItem('countryCode', countryCode);
4409						if('statusText' in resp) {
4410	    					if((resp['statusText'] !== 'error') && ('ip' in resp)) {
4411	    						localStorage.setItem('ipInfo', ipInfoStr);
4412	    						if(ipInfoField) {
4413	    							ipInfoField.value = ipInfoStr;
4414	    		        		}
4415							}
4416						}
4417			        	else if('ip' in resp) {
4418			        		localStorage.setItem('ipInfo', ipInfoStr);
4419			        		if(ipInfoField) {
4420			        			ipInfoField.value = ipInfoStr;
4421			        		}
4422		        		}
4423					}
4424	        	})
4425	        }
4426		
4427		  $("#sphone").intlTelInput({
4428		      initialCountry: "auto",
4429		      geoIpLookup: function(callback) {
4430		    	 var scountryCode = sessionStorage.getItem('countryCode');
4431		    	 
4432		    	 if(scountryCode !== null) {
4433		    		 callback(scountryCode);
4434		    	 }else {
4435		    		 $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
4436				          var countryCode = (resp && resp.country) ? resp.country : "in";
4437				          callback(countryCode);
4438				          sessionStorage.setItem('countryCode', countryCode);
4439				        });
4440		    	 }
4441		      },
4442		      preferredCountries: ["in", "us"],
4443		      separateDialCode: true,
4444		      utilsScript: "/resources/js/intlUtils.js"
4445		    });
4446		  	
4447		  </script>
4447
4448	
4449
4450
4451
4452<div class="spectre">
4453
4454	
4455	
4456	
4457
4458	
4458<script type="text/javascript">
4459		if(top != self) {
4460		    //iframe
4461		    $(".toast").remove();
4462		}
4463	</script>
4463
4464	
4465	
4466</div>
4467
4468	
4469
4470<input type="hidden" id="orgCreditAlias"
4471	value="Brenda ganwani Coins" />
4472
4473
4474
4475	
4476
4477
4478<script>
4479
4480
4481
4482
4483	var orgTaxLabel = "GST";
4484
4485
4486
4487	var sessionCountry = "";
4488
4489	$(document).ready(function() {		
4490		$("input[name='userMobileVerify']").change(function(data){
4491			var uniqueMobileSwitch = $('#uniqueMobileId');
4492			if(data.target.value==='true'){
4493				$('input[name=uniqueMobile]').prop('checked', true)
4494				$('#uniqueMobileLabelId').show();				
4495			}else{
4496				$('input[name=uniqueMobile]').prop('checked', false)
4497				$('#uniqueMobileLabelId').hide();
4498			}
4499		});
4500	});
4501	
4502	
4503		
4504		
4505			localStorage.removeItem('microserviceAuthToken');
4506		
4507   
4508   
4509   
4510	
4511	
4512			localStorage.removeItem('communityToken');
4513	
4514   
4515   
4516   
4517	
4518	
4519			localStorage.removeItem('chatRefreshToken');
4520	
4521
4522
4523
4524	
4525	
4526			localStorage.removeItem('refreshToken');
4527	
4528
4529	
4530</script>
4530
4531
4532
4533<!-- amplitude script start -->
4534
4535
4536
4537	
4537<script type="text/javascript">
4538	    window.localStorage.removeItem('loginAmplitudeEventSent');
4539	</script>
4539
4540
4541
4542<!-- amplitude script end -->
4543
4544 
4545    <div class="spectre">
4546        <div class="modal" id="membershipPopupHtml">
4547            <iframe id="microfe-popup-membership" src=""
4548                style="width: calc(100% + 10px); height: 100vh; border: none;"
4549                onload="$(this).parent().removeClass('loading');"></iframe>
4550        </div>
4551    </div>
4552    
4552<script>
4553        function openMembershipPopup(source){
4554            if(source==='banner'){
4555            	setGraphyCookie('SHOWMEMBERSHIPBANNER', 'true', 1);
4556            }
4557            if(source!=='private'){
4558            	location.href="/membership#"+source;
4559            }else{
4560				location.href="/private";
4561			}
4562        }
4563        function openMembershipPopup(source, id){
4564            if(source==='banner'){
4565            	setGraphyCookie('SHOWMEMBERSHIPBANNER', 'true', 1);
4566            }
4567            if(typeof id !== 'undefined' ){
4568            	location.href="/memberships/"+id+"#"+source;
4569            }else if(source!=='private'){
4570            	location.href="/membership#"+source;
4571			}else{
4572				location.href="/private";
4573			}
4574        }
4575        function closeMembershipPopup() {
4576            $("#membershipPopupHtml").removeClass("active");
4577            $("body").removeClass("overflowYDisable");
4578            window.location.hash="";
4579            setGraphyCookie('SHOWMEMBERSHIPBANNER', 'true', 1);
4580        }
4581        $("body").on('click', ".membershipBtn", function() {
4582        	openMembershipPopup('nav_bar');
4583        });
4584        
4585        if(window.location.hash==="#membership"){
4586        	openMembershipPopup("");
4587        }
4588        
4589    </script>
4589
4590    
4591    <!-- sending ipInfo data as form data when signing up -->
4592    
4592<script type="text/javascript">
4593		document.addEventListener("DOMContentLoaded", function(event) {
4594			const signupParamsField = document.getElementById("signupParams");
4595			if(signupParamsField && (window.signupParams)) {
4596				signupParamsField.value = JSON.stringify(window.signupParams);
4597			}
4598			const ipInfo = localStorage.getItem("ipInfo");
4599			const ipInfoField = document.getElementById("ipInfo");			
4600			if(ipInfo && ipInfoField) {
4601			   ipInfoField.value = ipInfo;
4602			}
4603		});
4604	</script>
4604
4605 
4606
4607 <div id="template-container"></div>
4608
4609	 
4610	
4610<script	src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sstore_5ffb558e86d7b5ef265e05fb0bfbef79.js"></script>
4610
4611
4612	
4613	
4613<script type="text/template" id="categoryTemplate">
4614		<li class="menu-item"><a href="/s/store/courses/<@- label @>"><@- label @></a>
4615	</script>
4615
4616	
4616<script type="text/javascript">
4617		store.init(true);
4618		store.bindEvents();
4619	</script>
4619
4620	
4620<script type="text/javascript">
4621		window.signupParams = {source: "store", platform: "web", sourceId: null};
4622	</script>
4622
4623	
4624
4625
4626
4627
4628	
4628<script src="https://d502jbuhuh9wk.cloudfront.net/static/files/lazyload.min.js"></script>
4628
4629	
4629<script type="text/javascript">
4630		var lazyLoadInstance = new LazyLoad({
4631		  unobserve_entered: true,
4632		  callback_enter: function(element) {
4633			  resizeCdnImage(element);
4634		  }
4635		});
4636	</script>
4636
4637</body>
4638</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.