PageSourceSearch

https://www.consciousfashiondesignacademy.com/products

html consciousfashiondesignacademy.com collected 2026-09-29 00:47:44 UTC 224,864 bytes, 4,653 lines download raw bytes

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