PageSourceSearch

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

html sanjayuvaach.com collected 2026-09-28 01:53:39 UTC 219,290 bytes, 4,595 lines download raw bytes

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