PageSourceSearch

https://www.simpletradewithpatience.com/blog

html simpletradewithpatience.com collected 2026-10-01 15:51:42 UTC 240,521 bytes, 5,023 lines download raw bytes

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