PageSourceSearch

https://www.mathematicsera.com/

html mathematicsera.com collected 2026-09-30 10:22:44 UTC 250,668 bytes, 5,221 lines download raw bytes

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