PageSourceSearch

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

html baatenbazarki.com collected 2026-09-24 13:56:22 UTC 242,579 bytes, 4,972 lines download raw bytes

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