PageSourceSearch

https://www.codeninjas.co.uk/franchise-dashboard

html codeninjas.co.uk collected 2026-09-30 05:04:07 UTC 150,224 bytes, 3,005 lines download raw bytes

1<!doctype html><html lang="en-gb"><head>
2    <meta charset="utf-8">
3    <title>Franchise Dashboard | Code Ninjas</title>
4    <link rel="shortcut icon" href="https://www.codeninjas.co.uk/hubfs/favicon.png">
5    <meta name="description" content="Franchise Dashboard Code Ninjas">
6    
7    
8    
9<!--     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jodit/4.0.0-beta.84/jodit.min.css" /> -->
10    <link rel="stylesheet" href="https://unpkg.com/[email protected]/es2021/jodit.min.css">
11    <link rel="stylesheet" href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css">
12    
13    <meta name="viewport" content="width=device-width, initial-scale=1">
14
15    
16    <meta property="og:description" content="Franchise Dashboard Code Ninjas">
17    <meta property="og:title" content="Franchise Dashboard | Code Ninjas">
18    <meta name="twitter:description" content="Franchise Dashboard Code Ninjas">
19    <meta name="twitter:title" content="Franchise Dashboard | Code Ninjas">
20
21    
22
23    
24    <style>
25a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
26</style>
27
28<link rel="stylesheet" href="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721402295/1744454609780/template_login.min.css">
29<link rel="stylesheet" href="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721402297/1744454604256/template_core.min.css">
30<link rel="stylesheet" href="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721897268/1744454605540/template_default-theme.min.css">
31<link rel="stylesheet" href="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721402433/1744542200384/module_Loader.min.css">
32<link rel="stylesheet" href="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721402407/1752607401063/module_admin-menu.min.css">
33<link rel="stylesheet" href="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721402429/1747775374067/module_Franchise-custom-basic-info.min.css">
34<link rel="stylesheet" href="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721897333/1781425916288/module_Franchise-custom-form.min.css">
35<link rel="stylesheet" href="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721986566/1780644442527/module_Camp_Customization.min.css">
36<link rel="stylesheet" href="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721897331/1768381401833/module_Custom_Page.min.css">
37<link rel="stylesheet" href="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721402444/1744542211317/module_PTO-PTA_Customisation.min.css">
38<link rel="stylesheet" href="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721402406/1780644683520/module_Additional-programs-customisation.min.css">
39    
40
41    
42<!--  Added by GoogleTagManager integration -->
43<script>
44var _hsp = window._hsp = window._hsp || [];
45window.dataLayer = window.dataLayer || [];
46function gtag(){dataLayer.push(arguments);}
47
48var useGoogleConsentModeV2 = true;
49var waitForUpdateMillis = 1000;
50
51if (useGoogleConsentModeV2) {
52
53  gtag('set','developer_id.dZTQ1Zm',true);
54
55  gtag('consent', 'default', {
56  'ad_storage': 'denied',
57  'analytics_storage': 'denied',
58  'ad_user_data': 'denied',
59  'ad_personalization': 'denied',
60  'wait_for_update': waitForUpdateMillis
61  });
62}
63
64var hsLoadGtm = function loadGtm() {
65    if(window._hsGtmLoadOnce) {
66      return;
67    }
68
69    if (useGoogleConsentModeV2) {
70      _hsp.push(['useGoogleConsentModeV2'])
71    }
vendor: 349 bytes, lines 71-77
71
72
73    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
74    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
75    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
76    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
77    })(window,document,'script','dataLayer','
77GTM-5L7TS7
vendor: 9 bytes, lines 77-79
77');
78
79    
79window._hsGtmLoadOnce = true;
80};
81
82_hsp.push(['addPrivacyConsentListener', function(consent){
83  if(consent.allowed || (consent.categories && consent.categories.analytics)){
84    hsLoadGtm();
85  }
86}]);
87
88</script>
88
89
90<!-- /Added by GoogleTagManager integration -->
91
92    <link rel="canonical" href="https://www.codeninjas.co.uk/franchise-dashboard">
93
94<!-- Google Tag Manager -->
95<!--script>
96if (!window.location.pathname.includes('popup')) {
vendor: 328 bytes, lines 96-101
96
97(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
98new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
99j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
100'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
101})(window,document,'script','dataLayer','
101GTM-NPV3L2N9
vendor: 3 bytes, line 101
101');
101}</script-->
102<!-- End Google Tag Manager -->
103
104<!-- Google Tag Manager -->
105<script>
106	  if (!window.location.pathname.includes('popup')) {
vendor: 358 bytes, lines 106-111
106
107      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
108      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
109      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
110      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
111      })(window,document,'script','dataLayer','
111GTM-5L7TS7
vendor: 3 bytes, line 111
111');
111}
112</script>
112
113<!-- End Google Tag Manager -->
114
115<!-- Google Tag Manager -->
116<script>
117      if (!window.location.pathname.includes('popup')) {
vendor: 358 bytes, lines 117-122
117
118      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
119      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
120      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
121      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
122      })(window,document,'script','dataLayer','
122GTM-5Q4QHQV
vendor: 3 bytes, line 122
122');
122}
123</script>
123
124<!-- End Google Tag Manager -->
125
126<!-- Google tag (gtag.js) --> 
127
128<script>
129  if (!window.location.pathname.includes('popup')) {
130    var s = document.createElement('script');
131    s.src = 'https://www.googletagmanager.com/gtag/js?id=G-92KKJY3V49';
132    s.async = true;
133    s.defer = true;
134    document.head.appendChild(s);
135  }
136</script>
136
137
138<script> 
139    if (!window.location.pathname.includes('popup')) {
140  	
vendor: 129 bytes, lines 140-141
140window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} 
141	gtag('js', new Date()); gtag('config', '
141G-92KKJY3V49
vendor: 3 bytes, line 141
141');
141} 
142</script>
142
143
144<!-- Meta Pixel Code -->
145
146<script async defer>
147if (!window.location.pathname.includes('popup')) {
vendor: 407 bytes, lines 147-164
147
148!function(f,b,e,v,n,t,s)
149
150{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
151
152n.callMethod.apply(n,arguments):n.queue.push(arguments)};
153
154if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
155
156n.queue=[];t=b.createElement(e);t.async=!0;
157
158t.src=v;s=b.getElementsByTagName(e)[0];
159
160s.parentNode.insertBefore(t,s)}(window, document,'script',
161
162'https://connect.facebook.net/en_US/fbevents.js');
163
164fbq('init', '
1641052755944754911
vendor: 30 bytes, lines 164-166
164');
165
166fbq('track', 'PageView');
166}
167</script>
167
168
169<noscript>&lt;img  height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1052755944754911&amp;amp;ev=PageView&amp;amp;noscript=1"&gt;</noscript>
170
171<!-- End Meta Pixel Code -->
172
173<meta property="og:url" content="https://www.codeninjas.co.uk/franchise-dashboard">
174<meta name="twitter:card" content="summary">
175<meta http-equiv="content-language" content="en-gb">
176
177
178
179
180
181
182  <meta name="generator" content="HubSpot"></head>
183  <body>
184<!--  Added by GoogleTagManager integration -->
vendor: 68 bytes, lines 184-185
184
185<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
185GTM-5L7TS7
vendor: 84 bytes, lines 185-186
185" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
186
187<!-- /Added by GoogleTagManager integration -->
188
189    <div class="body-wrapper   hs-content-id-139434221193 hs-site-page page ">
190      
191
192      <main id="main-content" class="body-container-wrapper">
193        
194        
195        <div id="hs_cos_wrapper_module_16901780701624" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="loader">
196  <div class="loader-inner ball-pulse-rise">
197    <div></div>
198    <div></div>
199    <div></div>
200    <div></div>
201    <div></div>
202  </div>
203</div></div>
204        
205        
206        
207
208<!-- Content -->
209<main class="flex-grow-1">
210  <div class="welcome_container" id="welcome_page" style="display: none">
211    <div class="container-xxl container-p-y signInContainer">
212			<a href="/">
213      <img class="welcome_image" src="https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=180&amp;name=Group%[email protected]" alt="Code Ninjas Logo" width="180" srcset="https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=90&amp;name=Group%[email protected] 90w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=180&amp;name=Group%[email protected] 180w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=270&amp;name=Group%[email protected] 270w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=360&amp;name=Group%[email protected] 360w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=450&amp;name=Group%[email protected] 450w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=540&amp;name=Group%[email protected] 540w" sizes="(max-width: 180px) 100vw, 180px">
214				</a>
215      <h1 class="fw-bold welcome_heading">FRANCHISE DASHBOARD</h1>
216      <p>Welcome to the Franchise Dashboard. Please select you region and Sign In to continue</p>
217      <div class="mb-3 col-md-6">
218        <form>
219          <input type="radio" id="franchise_select_us" name="franchise_country" value="US" checked>
220          <label for="franchise_select_us">US/Canada region</label>
221          <input type="radio" id="franchise_select_uk" name="franchise_country" value="UK">
222          <label for="franchise_select_uk">UK region</label>
223          <input type="radio" id="franchise_select_as" name="franchise_country" value="AS">
224          <label for="franchise_select_as">Lebanon region</label>
225        </form>
226       </div>
227       <p class="uk-warning-message">
228				 Reminder, the UK consumer-facing website won't be migrated until a FranchiCzar replacement has been implemented.
229			  </p>
230      <button type="submit" class="btn btn-primary me-2 sign-in-button" onclick="signInFranchise()">Sign In</button>
231    </div>
232  </div>
233
234  <div id="dashboard_page" style="display: none">
235    <div class="layout-wrapper layout-content-navbar">
236      <div class="layout-container">
237        <div id="hs_cos_wrapper_module_16901781168632" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
238  <div class="app-brand demo">
239    <a href="index.html" class="app-brand-link">
240      <span class="app-brand-logo demo">
241        <img class="welcome_image" src="https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=180&amp;name=Group%[email protected]" alt="Code Ninjas Logo" width="180" srcset="https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=90&amp;name=Group%[email protected] 90w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=180&amp;name=Group%[email protected] 180w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=270&amp;name=Group%[email protected] 270w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=360&amp;name=Group%[email protected] 360w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=450&amp;name=Group%[email protected] 450w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=540&amp;
241name=Group%[email protected] 540w" sizes="(max-width: 180px) 100vw, 180px">
242      </span>
243    </a>
244
245    <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto d-block d-xl-none">
246      <i class="bx bx-chevron-left bx-sm align-middle"></i>
247    </a>
248  </div>
249  
250  <div id="changeSection" class="changeSection text-center">
251    <div>
252      <h5 id="changeFacilityName"></h5>
253    </div>
254    <a id="changeLocation" class="changeLink text-center"><img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/Icons/Icon-Location.svg" alt="Change Location lmage">Change Location</a>
255  </div>
256  
257  <div class="menu-inner-shadow"></div>
258
259  <ul class="menu-inner py-1">
260     <li class="menu-item editFacilityInfos" id="editFacilityInfo">
261      <a class="menu-link">
262        <div data-i18n="Analytics">Advance Center Profile</div>
263      </a>
264    </li>
265    <!-- Franchise Customisation -->
266    <li class="menu-item active only-admin" data-fc-menu="#franchiseCustomisation">
267      <a class="menu-link">
268        <div data-i18n="Analytics">Franchise</div>
269      </a>
270    </li>
271    
272    <!-- Camps -->
273    <li class="menu-item only-admin" data-fc-menu="#campCustomization">
274      <a class="menu-link">
275        <div data-i18n="Analytics">CAMPS</div>
276      </a>
277    </li>
278    
279    <!-- Clups -->
280<!--     <li class="menu-item only-admin" data-fc-menu="#clubCustomization">
281      <a class="menu-link">
282        <div data-i18n="Analytics">CLUBS</div>
283      </a>
284    </li> -->
285    
286    <!-- FAQ -->
287    <li class="menu-item only-admin" data-fc-menu="#faqPage">
288      <a class="menu-link">
289        <div data-i18n="Analytics">Chatbot</div>
290        <span class="chatCount">3</span>
291      </a>
292    </li>
293    
294    <!-- Custom Page -->
295    <li class="menu-item only-admin" data-fc-menu="#customPage">
296      <a class="menu-link">
297        <div data-i18n="Analytics">Custom page</div>
298      </a>
299    </li>
300    
301    <!-- School Page -->
302    <li class="menu-item only-admin" data-fc-menu="#schoolPage">
303      <a class="menu-link">
304        <div data-i18n="Analytics">PTO/PTA page</div>
305      </a>
306    </li>
307    
308    <!-- Additional programs Page -->
309    <li class="menu-item only-admin" data-fc-menu="#additionalProgramPage">
310      <a class="menu-link">
311        <div data-i18n="Analytics">Additional &nbsp;<span class="program-localisation">programs</span> </div>
312      </a>
313    </li>
314    
315  </ul>
316  <div class="logoutSection" onclick="signOutFranchise()">
317    <a class="logoutLink">
318      <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/Icons/Icon-Logout.png" alt="Logout lmage">
319      Logout
320     </a>
321  </div>
322  <button class="hamburger-btn">
323    <div class="hamburger" id="hamburger-1">
324      <span class="line"></span>
325      <span class="line"></span>
326      <span class="line"></span>
327    </div>
328  </button>
329</aside></div>
330        <div class="layout-page">
331          <div class="row">
332            <div class="col-md-12">
333              <div class="dashboardPage open" id="franchiseCustomisation">
334                <div class="franchise-head">
335                  <h1 class="fw-bold py-3 franchise-heading">Franchise</h1>
336                  <button class="btn btn-primary franchise_save_btn only-admin">Save changes</button>
337                </div>
338                
339                <div class="layout-page__inner">
340                 <!-- Franchise Basic Info -->
341                <div id="hs_cos_wrapper_module_16901781386664" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="card mb-4" id="franchise_basicInfo">
342  <h4 class="card-header">Franchise Basic Info</h4>
343  <div class="card-body">
344    <div class="row">
345      <div class="mb-3 col-md-6 info-content">
346        <h5>Name</h5>
347        <p id="franchise_name"></p>
348      </div>  
349      <div class="mb-3 col-md-6 info-content">
350        <h5>Status</h5>
351        <p id="franchise_status"></p>
352      </div>
353      <div class="mb-3 col-md-6 info-content">
354        <h5>Address</h5>
355        <p id="franchise_address"></p>
356      </div>
357      <div class="mb-3 col-md-6 info-content">
358        <h5>Location</h5>
359        <p id="franchise_coordinates"></p>
360      </div>
361      <div class="mb-3 col-md-6 info-content">
362        <h5>Email</h5>
363        <p id="franchise_email"></p>
364      </div>
365      <div class="mb-3 col-md-6 info-content">
366        <h5>Opening Date</h5>
367        <p id="franchise_open_date"></p>
368      </div>
369      <div class="mb-3 col-md-6 info-content">
370        <h5>Phone</h5>
371        <input class="form-control" type="tel" id="franchise_phone" name="franchise_phone" placeholder="Phone Number">
372      </div>
373      <div class="mb-3 col-md-6 info-content">
374        <h5>Office Hours</h5>
375        <input class="form-control" type="text" id="franchise_office_hrs" name="franchise_office_hrs_label" placeholder="Enter Franchise Office Hours">
376      </div>
377    </div>
378  </div>
379</div></div>
380                 <!-- Franchise Customization Form -->
381                <div id="hs_cos_wrapper_module_16901781743807" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div id="franchise_form">
382      <div class="franchise-tabs">
383      <ul>
384        <li data-tab="#franchiseVideo" class="active">Franchise video</li>
385        <li data-tab="#quote">Quote</li>
386        <li data-tab="#testimonials">Testimonials</li>
387        <li data-tab="#createProgram">CREATE &nbsp;<span class="single-program-localisation first-letter-caps">Program</span></li>
388        <li data-tab="#jrProgram">JR &nbsp;<span class="single-program-localisation first-letter-caps">Program</span></li>
389          <li data-tab="#academies">Academies</li>
390<!--         <li data-tab="#additionalProgram">Additional Program</li> -->
391      </ul>
392    </div>
393    <div class="card mb-4">
394      <form>
395        <div class="franchise-tabs--body open" id="franchiseVideo">
396        <h4 class="card-header">Franchise video</h4>
397        <div class="card-body">
398          <div class="row">
399            <div class="mb-3 col-md-12">
400              <label for="franchise_videoURL" class="form-label camp-form-label">
401                Franchise video url
402              </label>
403              <input class="form-control" type="text" id="franchise_videoURL" name="franchise_videoURL" placeholder="Enter franchise video url">
404            </div>
405          </div>
406        </div>
407        </div>
408        <div class="franchise-tabs--body" id="quote">
409        <h4 class="card-header">Quote of the Franchise</h4>
410        <div class="card-body">
411          <div class="row">
412            <div class="mb-3 col-md-6">
413              <label for="franchise_quoteAuthor" class="form-label camp-form-label">
414                Author
415              </label>
416              <input class="form-control" type="text" id="franchise_quoteAuthor" name="franchise_quoteAuthor" placeholder="Enter author's n
416ame" data-on-change="#authorName" maxlength="30">
417							<p class="charLimit">
418								Character limit <span id="authorName">30</span>/30.
419							</p>
420            </div>
421            <div class="mb-3 col-md-6">
422              <label for="franchise_quoteAuthorDesc" class="form-label camp-form-label">
423                Author description
424              </label>
425              <input class="form-control" type="text" name="franchise_quoteAuthorDesc" id="franchise_quoteAuthorDesc" placeholder="Enter author's description" data-on-change="#authorDescription" maxlength="30">
426							<p class="charLimit">
427								Character limit <span id="authorDescription">30</span>/30.
428							</p>
429            </div>
430            <div class="mb-3 col-md-12">
431              <label for="franchise_quote" class="form-label camp-form-label">
432                Quote
433              </label>
434              <textarea class="form-control" type="text" id="franchise_quote" name="franchise_quote" placeholder="Enter the quote" data-on-change="#authorQuote" maxlength="500"></textarea>
435							<p class="charLimit">
436								Character limit <span id="authorQuote">500</span>/500.
437							</p>
438            </div>
439          </div>
440          <div class="row">
441            <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
442              <p>Image 1</p>
443              <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/fq-3.png" alt="jr_thumbnail" class="program-img" decoding="async" loading="lazy" id="franchise_quote_img1">
444
445              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#franchise_quote_img1">
446                Update image
447              </button>
448            </div>
449            <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
450              <p>Image 2</p>
451              <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/fq-1.png" alt="jr_thumbnail" class="program-img" decoding="async" loading="lazy" id="franchise_quote_img2">
452              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#franchise_quote_img2">
453                Update image
454              </button>
455            </div>
456            <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
457              <p>Image 3</p>
458              <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/fq-2.png" alt="jr_thumbnail" class="program-img" decoding="async" loading="lazy" id="franchise_quote_img3">
459              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#franchise_quote_img3">
460                Update image
461              </button>
462            </div>
463          </div>
464        </div>
465        </div>
466        <div class="franchise-tabs--body" id="testimonials">
467        <h4 class="card-header">Testimonials</h4>
468        <div class="card-body">
469          <div class="row mb-4">
470            <p class="addProgram-title">Testimonial 1</p>
471            <div class="mb-3 col-md-6">
472              <label for="testimonial1_title" class="form-label camp-form-label">Title</label>
473              <input class="form-control" type="text" id="testimonial1_title" name="testimonial1_title" placeholder="Enter title" data-on-change="#testimonialTitleOne" maxlength="30">
474							<p class="charLimit">
475								Character limit <span id="testimonialTitleOne">30</span>/30.
476							</p>
477            </div>
478            <div class="mb-3 col-md-6">
479              <label for="testimonial1_author" class="form-label camp-form-label">Author</label>
480              <input class="form-control" type="text" id="testimonial1_author" name="testimonial1_author" placeholder="Enter author's name" data-on-change="#testimonialAuthorOne" maxlength="30">
481							<p class="charLimit">
482								Character limit <span id="testimonialAuthorOne">30</span>/30.
483							</p>
484            </div>
485            <div class="mb-3 col-md-12">
486              <label for="testimonial1_desc" class="form-label camp-form-label">
487                Description
488              </label>
489              <textarea class="form-control" type="text" id="testimonial1_desc" name="testimonial1_desc" placeholder="Enter description" data-on-change="#testimonialQuoteOne" maxlength="500">
490							</textarea>
491							<p class="charLimit">
492								Character limit <span id="testimonialQuoteOne">500</span>/500.
493							</p>
494            </div>
495            <hr class="my-0">
496          </div>
497          <div class="row mb-4">
498            <p class="addProgram-title">Testimonial 2</p>
499            <div class="mb-3 col-md-6">
500              <label for="testimonial2_title" class="form-label camp-form-label">Title</label>
501              <input class="form-control" type="text" id="testimonial2_title" name="testimonial2_title" placeholder="Enter title" data-on-change="#testimonialTitleTwo" maxlength="30">
502							<p class="charLimit">
503								Character limit <span id="testimonialTitleTwo">30</span>/30.
504							</p>
505            </div>
506            <div class="mb-3 col-md-6">
507              <label for="testimonial2_author" class="form-label camp-form-label">Author</label>
508              <input class="form-control" type="text" id="testimonial2_author" name="testimonial2_author" placeholder="Enter author's n
508ame" data-on-change="#testimonialAuthorTwo" maxlength="30">
509							<p class="charLimit">
510								Character limit <span id="testimonialAuthorTwo">30</span>/30.
511							</p>
512            </div>
513            <div class="mb-3 col-md-12">
514              <label for="testimonial2_desc" class="form-label camp-form-label">
515                Description
516              </label>
517              <textarea class="form-control" type="text" id="testimonial2_desc" name="testimonial2_desc" placeholder="Enter description" data-on-change="#testimonialQuoteTwo" maxlength="500">
518							</textarea>
519							<p class="charLimit">
520								Character limit <span id="testimonialQuoteTwo">500</span>/500.
521							</p>
522            </div>
523            <hr class="my-0">
524          </div>
525          <div class="row mb-4">
526            <p class="addProgram-title">Testimonial 3</p>
527            <div class="mb-3 col-md-6">
528              <label for="testimonial3_title" class="form-label camp-form-label">Title</label>
529              <input class="form-control" type="text" id="testimonial3_title" name="testimonial3_title" placeholder="Enter title" data-on-change="#testimonialTitleThree" maxlength="30">
530							<p class="charLimit">
531								Character limit <span id="testimonialTitleThree">30</span>/30.
532							</p>
533            </div>
534            <div class="mb-3 col-md-6">
535              <label for="testimonial3_author" class="form-label camp-form-label">Author</label>
536              <input class="form-control" type="text" id="testimonial3_author" name="testimonial3_author" placeholder="Enter author's name" data-on-change="#testimonialAuthorThree" maxlength="30">
537							<p class="charLimit">
538								Character limit <span id="testimonialAuthorThree">30</span>/30.
539							</p>
540            </div>
541            <div class="mb-3 col-md-12">
542              <label for="testimonial3_desc" class="form-label camp-form-label">
543                Description
544              </label>
545              <textarea class="form-control" type="text" id="testimonial3_desc" name="testimonial3_desc" placeholder="Enter description" data-on-change="#testimonialQuoteThree" maxlength="500">
546							</textarea>
547							<p class="charLimit">
548								Character limit <span id="testimonialQuoteThree">500</span>/500.
549							</p>
550            </div>
551            <hr class="my-0">
552          </div>
553          <div class="row mb-4">
554            <p class="addProgram-title">Testimonial 4</p>
555            <div class="mb-3 col-md-6">
556              <label for="testimonial4_title" class="form-label camp-form-label">Title</label>
557              <input class="form-control" type="text" id="testimonial4_title" name="testimonial4_title" placeholder="Enter title" data-on-change="#testimonialTitleFour" maxlength="30">
558							<p class="charLimit">
559								Character limit <span id="testimonialTitleFour">30</span>/30.
560							</p>
561            </div>
562            <div class="mb-3 col-md-6">
563              <label for="testimonial4_author" class="form-label camp-form-label">Author</label>
564              <input class="form-control" type="text" id="testimonial4_author" name="testimonial4_author" placeholder="Enter author's name" data-on-change="#testimonialAuthorFour" maxlength="30">
565							<p class="charLimit">
566								Character limit <span id="testimonialAuthorFour">30</span>/30.
567							</p>
568            </div>
569            <div class="mb-3 col-md-12">
570              <label for="testimonial4_desc" class="form-label camp-form-label">
571                Description
572              </label>
573              <textarea class="form-control" type="text" id="testimonial4_desc" name="testimonial4_desc" placeholder="Enter description" data-on-change="#testimonialQuoteFour" maxlength="500">
574							</textarea>
575							<p class="charLimit">
576								Character limit <span id="testimonialQuoteFour">500</span>/500.
577							</p>
578            </div>
579          </div>
580        </div>
581        </div>
582        <div class="franchise-tabs--body" id="createProgram">
583        <h4 class="card-header">CREATE Program</h4>
584        <div class="card-body">
585          <div class="row">
586            <div class="mb-3 col-md-6 toggle-text-container">
587							<p>Toggle ON/OFF the Unity.</p>
588							<div class="form-check form-switch">
589								<input class="form-check-input float-end" type="checkbox" role="switch" id="franchise_unity_toggle">
590							</div>
591						</div>
592          </div>
593           <div class="row">
594            <div class="mb-3 col-md-6 toggle-text-container">
595							<p>Toggle ON/OFF the Godot.</p>
596							<div class="form-check form-switch">
597								<input class="form-check-input float-end" type="checkbox" role="switch" id="franchise_godot_toggle">
598							</div>
599						</div>
600          </div>
601           <div class="row">
602            <div class="mb-3 col-md-12">
603						<label for="create_time" class="form-label camp-form-label">
604							CREATE Session Time
605						</label>
606						<input class="form-control" type="text" id="create_time" name="create_time" placeholder="Eg: 1-2+HR Sessions" maxlength="50">
607					</div>
608           <div class="mb-3 col-md-12">
609						<label for="create_sessionFormate" class="form-label camp-form-label">
610							CREATE Session Format
611						</label>
612						<input class="form-control" type="text" id="create_sessionFormate" name="create_sessionFormate" placeholder="Eg: Weekly Sessions">
613							</div>
614 <div class="mb-3 col-md-12">
615						<label for="create_age" class="form-label camp-form-label">
616							CREATE Age Range
617						</label>
618						<input class="form-control" type="text" id="create_age" name="create_age" placeholder="Eg: AGES 8-14">
619					</div>
620        </div>
621          <div class="row">
622            <div class="mb-3 col-md-6 program-img-wrapper">
623              <p>Thumbnail image</p>
624              <div class="program-img-container">
625                <img src="https://www.codeninjas.co.uk/hubfs/[email protected]" alt="create_thumbnail" class="program-img" id="franchise_create_thumbnail">
626              </div>
627
628              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#franchise_create_thumbnail">
629                Update image
630              </button>
631            </div>
632            <div class="mb-3 col-md-6 program-img-wrapper">
633              <p>
633Background image</p>
634              <div class="program-img-container">
635                <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/franchise-point-bg.png" alt="create_background" class="program-img" id="franchise_create_background">
636              </div>
637              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#franchise_create_background">
638                Update image
639              </button>
640            </div>
641            <hr class="my-0">
642            <div class="row mt-3">
643              <h5>Quotes by the students</h5>
644              <div class="mb-3 col-md-6">
645                <p class="addProgram-title">
646                  Quote 1
647                </p>
648                <label for="franchise_studentQuote_studentInfo1" class="form-label camp-form-label">
649                  Student info
650                </label>
651                <input class="form-control" type="text" id="franchise_studentQuote_studentInfo1" name="franchise_studentQuote_studentInfo1" placeholder="Enter student info" data-on-change="#studentQuote_studentInfo1" maxlength="20">
652                <p class="charLimit">
653                  Character limit <span id="studentQuote_studentInfo1">20</span>/20.
654                </p>
655                <label for="franchise_studentQuote1" class="form-label camp-form-label studentInfo_desc">
656                  Quote
657                </label>
658                <textarea class="form-control" type="text" id="franchise_studentQuote1" name="franchise_studentQuote1" placeholder="Enter your quote" data-on-change="#studentQuote1" maxlength="100"></textarea>
659                <p class="charLimit">
660                  Character limit <span id="studentQuote1">100</span>/100.
661                </p>
662              </div>
663              <div class="mb-3 col-md-6">
664                <p class="addProgram-title">
665                  Quote 2
666                </p>
667                <label for="franchise_studentQuote_studentInfo2" class="form-label camp-form-label">
668                  Student info
669                </label>
670                <input class="form-control" type="text" id="franchise_studentQuote_studentInfo2" name="franchise_studentQuote_studentInfo2" placeholder="Enter student info" data-on-change="#studentQuote_studentInfo2" maxlength="20">
671                <p class="charLimit">
672                  Character limit <span id="studentQuote_studentInfo2">20</span>/20.
673                </p>
674                <label for="franchise_studentQuote2" class="form-label camp-form-label studentInfo_desc">
675                  Quote
676                </label>
677                <textarea class="form-control" type="text" id="franchise_studentQuote2" name="franchise_studentQuote2" placeholder="Enter your quote" data-on-change="#studentQuote2" maxlength="100"></textarea>
678                <p class="charLimit">
679                  Character limit <span id="studentQuote2">100</span>/100.
680                </p>
681              </div>
682              <div class="mb-3 col-md-6">
683                <p class="addProgram-title">
684                  Quote 3
685                </p>
686                <label for="franchise_studentQuote_studentInfo3" class="form-label camp-form-label">
687                  Student info
688                </label>
689                <input class="form-control" type="text" id="franchise_studentQuote_studentInfo3" name="franchise_studentQuote_studentInfo3" placeholder="Enter student info" data-on-change="#studentQuote_studentInfo3" maxlength="20">
690                <p class="charLimit">
691                  Character limit <span id="studentQuote_studentInfo3">20</span>/20.
692                </p>
693                <label for="franchise_studentQuote3" class="form-label camp-form-label studentInfo_desc">
694                  Quote
695                </label>
696                <textarea class="form-control" type="text" id="franchise_studentQuote3" name="franchise_studentQuote3" placeholder="Enter your quote" data-on-change="#studentQuote3" maxlength="100"></textarea>
697                <p class="charLimit">
698                  Character limit <span id="studentQuote3">100</span>/100.
699                </p>
700              </div>
701              <div class="mb-3 col-md-6">
702                <p class="addProgram-title">
703                  Quote 4
704                </p>
705                <label for="franchise_studentQuote_studentInfo4" 
705class="form-label camp-form-label">
706                  Student info
707                </label>
708                <input class="form-control" type="text" id="franchise_studentQuote_studentInfo4" name="franchise_studentQuote_studentInfo4" placeholder="Enter student info" data-on-change="#studentQuote_studentInfo4" maxlength="20">
709                <p class="charLimit">
710                  Character limit <span id="studentQuote_studentInfo4">20</span>/20.
711                </p>
712                <label for="franchise_studentQuote4" class="form-label camp-form-label studentInfo_desc">
713                  Quote
714                </label>
715                <textarea class="form-control" type="text" id="franchise_studentQuote4" name="franchise_studentQuote4" placeholder="Enter your quote" data-on-change="#studentQuote4" maxlength="100"></textarea>
716                <p class="charLimit">
717                  Character limit <span id="studentQuote4">100</span>/100.
718                </p>
719              </div>
720              <div class="mb-3 col-md-6">
721                <p class="addProgram-title">
722                  Quote 5
723                </p>
724                <label for="franchise_studentQuote_studentInfo5" class="form-label camp-form-label">
725                  Student info
726                </label>
727                <input class="form-control" type="text" id="franchise_studentQuote_studentInfo5" name="franchise_studentQuote_studentInfo5" placeholder="Enter student info" data-on-change="#studentQuote_studentInfo5" maxlength="20">
728                <p class="charLimit">
729                  Character limit <span id="studentQuote_studentInfo5">20</span>/20.
730                </p>
731                <label for="franchise_studentQuote5" class="form-label camp-form-label studentInfo_desc">
732                  Quote
733                </label>
734                <textarea class="form-control" type="text" id="franchise_studentQuote5" name="franchise_studentQuote5" placeholder="Enter your quote" data-on-change="#studentQuote5" maxlength="100"></textarea>
735                <p class="charLimit">
736                  Character limit <span id="studentQuote5">100</span>/100.
737                </p>
738              </div>
739            </div>
740          </div>
741        </div>
742        </div>
743        <div class="franchise-tabs--body" id="jrProgram">
744        <h4 class="card-header">JR Program</h4>
745        <div class="card-body">
746          <div class="row">
747            <div class="mb-3 col-md-6 toggle-text-container">
748              <p>Toggle ON/OFF the JR program.</p>
749              <div class="form-check form-switch">
750                <input class="form-check-input float-end" type="checkbox" role="switch" id="franchise_jr_toggle">
751              </div>
752            </div>
753          </div>
754           <div class="row">
755              <div class="mb-3 col-md-6 toggle-text-container">
756                <label for="jr_session_length">JR Session Length</label>
757                <label><input type="radio" name="jr_session_length" value="2">45 Minutes</label>
758                <label><input type="radio" name="jr_session_length" value="1">1 Hour</label>
759              </div>
760            </div>
761            <div class="row">
762            <div class="mb-3 col-md-12">
763						<label for="jr_time" class="form-label camp-form-label">
764							JR Session Time
765						</label>
766						<input class="form-control" type="text" id="jr_time" name="jr_time" placeholder="Eg: 1HR Sessions" maxlength="50">
767					</div>
768           <div class="mb-3 col-md-12">
769						<label for="jr_sessionFormate" class="form-label camp-form-label">
770							JR Session Format
771						</label>
772						<input class="form-control" type="text" id="jr_sessionFormate" name="jr_sessionFormate" placeholder="Eg: Weekly Sessions">
773							</div>
774 <div class="mb-3 col-md-12">
775						<label for="jr_age" class="form-label camp-form-label">
776							JR Age Range
777						</label>
778						<input class="form-control" type="text" id="jr_age" name="jr_age" placeholder="Eg: AGES 5-7">
779					</div>
780        </div>
781          <div class="row">
782            <div class="mb-3 col-md-6 program-img-wrapper">
783              <p>Thumbnail image</p>
784              <img src="https://www.codeninjas.co.uk/hubfs/MicrosoftTeams-image%20(31)@2x.png" alt="jr_thumbnail" class="program-img" id="franchise_jr_thumbnail">
785              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#franchise_jr_thumbnail">
786                Update image
787              </button>
788            </div>
789            <div class="mb-3 col-md-6 program-img-wrapper">
790              <p>
790Background image</p>
791              <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/program-point-jr.png" alt="jr_background" class="program-img" id="franchise_jr_background">
792              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#franchise_jr_background">
793                Update image
794              </button>
795            </div>
796          </div>
797        </div>
798        </div>
799              <div class="franchise-tabs--body" id="academies">
800				<h4 class="card-header">Academies</h4>
801				<div class="card-body">
802					<div class="row">
803						<div class="mb-3 col-md-6 toggle-text-container">
804							<p>Toggle ON/OFF the Academies.</p>
805							<div class="form-check form-switch">
806								<input class="form-check-input float-end" type="checkbox" role="switch" id="franchise_academies">
807							</div>
808						</div>
809				</div>
810          <div class="row">
811						<div class="mb-3 col-md-6 toggle-text-container">
812							<p>Robotics Academy</p>
813							<div class="form-check form-switch">
814								<input class="form-check-input float-end" type="checkbox" role="switch" id="robotic_academy">
815							</div>
816						</div>
817				</div>
818          <div class="row">
819						<div class="mb-3 col-md-6 toggle-text-container">
820							<p>AI Academy</p>
821							<div class="form-check form-switch">
822								<input class="form-check-input float-end" type="checkbox" role="switch" id="ai_academy">
823							</div>
824						</div>
825				</div>
826                    <div class="row">
827            <div class="mb-3 col-md-12">
828						<label for="ai_academies_time" class="form-label camp-form-label">
829							AI Academy Session Time
830						</label>
831						<input class="form-control" type="text" id="ai_academies_time" name="ai_academies_time" placeholder="Eg: 1-2HR Sessions" maxlength="50">
832					</div>
833           <div class="mb-3 col-md-12">
834						<label for="ai_academies_sessionFormate" class="form-label camp-form-label">
835							AI Academy Session Format
836						</label>
837						<input class="form-control" type="text" id="ai_academies_sessionFormate" name="ai_academies_sessionFormate" placeholder="Eg: Weekly Sessions">
838							</div>
839 <div class="mb-3 col-md-12">
840						<label for="ai_academies_age" class="form-label camp-form-label">
841							AI Academy Age Range
842						</label>
843						<input class="form-control" type="text" id="ai_academies_age" name="ai_academies_age" placeholder="Eg: AGES 8-14">
844					</div>
845        </div>
846           <div class="row">
847            <div class="mb-3 col-md-12">
848						<label for="robotic_academies_time" class="form-label camp-form-label">
849							Robotics Academy Session Time
850						</label>
851						<input class="form-control" type="text" id="robotic_academies_time" name="robotic_academies_time" placeholder="Eg: 1-2HR Sessions" maxlength="50">
852					</div>
853           <div class="mb-3 col-md-12">
854						<label for="robotic_academies_sessionFormate" class="form-label camp-form-label">
855							Robotics Academy Session Format
856						</label>
857						<input class="form-control" type="text" id="robotic_academies_sessionFormate" name="robotic_academies_sessionFormate" placeholder="Eg: Weekly Sessions">
858							</div>
859 <div class="mb-3 col-md-12">
860						<label for="robotic_academies_age" class="form-label camp-form-label">
861							Robotics Academy Age Range
862						</label>
863						<input class="form-control" type="text" id="robotic_academies_age" name="robotic_academies_age" placeholder="Eg: AGES 5-14">
864					</div>
865        </div>
866          </div>
867			</div>
868      </form></div>
869<!--         <div class="franchise-tabs--body" id="additionalProgram">
870        <h4 class="card-header">Additional Program</h4>
871        <h6 class="card-subHeader">Toggle ON/OFF these additional programs.</h6>
872        <div class="card-body">
873          <div class="mb-3 col-12 mb-0">
874            <div class="addProgram-bg-container parentsNightOut-bg flex-column">
875              <div class="addProgram-bg-content">
876                <div class="addProgram-left-content">
877                  <img
878                    src="https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas_FranchiseCustomisation/assets/parentsNightOut_icon.webp"
879                    alt="parentsNightOut_icon"
880                    class="addProgram-icon"
881                  />
882                  <div class="addProgram-text">
883                    <p class="addProgram-subHeading mb-0">CODE NINJAS</p>
884                    <h6 class="addProgram-heading fw-bold mb-1">
885                      PARENT'S NIGHT OUT
886                    </h6>
887                  </div>
888                </div>
889
890                <div class="addProgram-right-content">
891                  <div class="form-check form-switch">
892                    <input
893                      class="form-check-input-toggle float-end"
894                      type="checkbox"
895                      role="switch"
896                      id="franchise_parentNightOut_toggle"
897                    />
898                  </div>
899                </div>
900              </div>
901            </div>
902            <div class="addProgram-bg-container birthDayParties-bg flex-column">
903              <div class="addProgram-bg-content">
904                <div class="addProgram-left-content">
905                  <img
906                    src="https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas_FranchiseCustomisation/assets/birthdayParties_icon.png"
907                    alt="birthdayParties_icon"
908                    class="addProgram-icon"
909                  />
910                  <div class="addProgram-text">
911                    <p class="addProgram-subHeading mb-0">CODE NINJAS</p>
912                    <h6 class="addProgram-heading fw-bold mb-1">
913                      BIRTHDAY PARTIES
914                    </h6>
915                  </div>
916                </div>
917
918                <div class="addProgram-right-content">
919                  <div class="form-check form-switch">
920                    <input
921                      class="form-check-input-toggle float-end"
922                      type="checkbox"
923                      role="switch"
924                      id="franchise_birtdayParty_toggle"
925                    />
926                  </div>
927                </div>
928              </div>
929            </div>
930            <div class="addProgram-bg-container clubs-bg flex-column">
931              <div class="addProgram-bg-content">
932                <div class="addProgram-left-content">
933                  <img
934                    src="https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas_FranchiseCustomisation/assets/clubs_icon.png"
935                    alt="clubs_icon"
936                    class="addProgram-icon"
937                  />
938                  <div class="addProgram-text">
939                    <p class="addProgram-subHeading mb-0">CODE NINJAS</p>
940                    <h6 class="addProgram-heading fw-bold mb-1">CLUBS</h6>
941                  </div>
942                </div>
943                <div class="addProgram-right-content">
944                  <div class="form-check form-switch">
945                    <input
946                      class="form-check-input-toggle float-end"
947                      type="checkbox"
948                      role="switch"
949                      id="franchise_clubs_toggle"
950                    />
951                  </div>
952                </div>
953              </div>
954            </div>
955            <div class="addProgram-bg-container homeSchooling-bg flex-column">
956              <div class="addProgram-bg-content">
957                <div class="addProgram-left-content">
958                  <img
959                    src="https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/CodeNinjas_FranchiseCustomisation/assets/homeSchooling_icon.png"
960                    alt="homeSchooling_icon"
961                    class="addProgram-icon"
962                  />
963                  <div class="addProgram-text">
964                    <p class="addProgram-subHeading mb-0">CODE NINJAS</p>
965                    <h6 class="addProgram-heading fw-bold mb-1">HOME SCHOOLING</h6>
966                  </div>
967                </div>
968                <div class="addProgram-right-content">
969                  <div class="form-check form-switch">
970                    <input
971                      class="form-check-input-toggle float-end"
972                      type="checkbox"
973                      role="switch"
974                      id="franchise_homeSchooling_toggle"
975                    />
976                  </div>
977                </div>
978              </div>
979            </div>
980          </div>
981        </div>
982        </div> -->
983      
984    </div>
985</div></div>
986                </div>
987                
988              </div>
989              
990              <div class="dashboardPage" id="faqPage">
991                
992                <div class="franchise-head">
993                  <h1 class="fw-bold py-3 franchise-heading">Chatbot</h1>
994                  <button type="button" class="btn btn-lg btn-primary float-right" data-bs-toggle="modal" data-bs-target="#openAddFaqForm">Add FAQ</button>
995                </div>
996                
997                <div class="layout-page__inner">
998                  <div class="franchise-chatbot-tabs">
999                    <ul>
1000                      <li class="active" data-faq-tab="#unAnsweredFaq">Unanswered Questions</li>
1001                      <li data-faq-tab="#answeredFaq">Answered Questions</li>
1002                      <li data-faq-tab="#toggleFaq">Toggle Chatbot</li>
1003                    </ul>
1004                  </div>
1005                  <div class="card mb-4">
1006                    <div class="franchise-faq-tabs--body open" id="unAnsweredFaq">
1007                      <div class="card-body">
1008                        <div class="faq-body-unanswer">
1009                        </div>
1010                      </div>
1011                    </div>
1012                    <div class="franchise-faq-tabs--body" id="answeredFaq">
1013                      <div class="card-body">
1014                        <div class="faq-body-answer">
1015                        </div>
1016                      </div>
1017                    </div>
1018                    <div class="franchise-faq-tabs--body" id="toggleFaq">
1019                      <div class="card-body">
1020                        <div class="row">
1021                          <div class="mb-3 col-md-4 toggle-text-container">
1022                              <p>Toggle ON/OFF the Chatbot.</p>
1023                              <div class="form-check form-switch">
1024                                <input class="form-check-input float-end" type="checkbox" role="switch" id="chatbot_toggle">
1025                              </div>
1026                            </div>
1027                        </div>
1028                      </div>
1029                      <hr class="my-0">
1030                      <div class="card-body">
1031                        <div class="mt-2">
1032                          <button class="btn btn-primary franchise_save_btn">Save changes</button>
1033                        </div>
1034                      </div>
1035                    </div>
1036                    </div>
1037                    <!-- -->
1038                  </div>
1039                </div>
1040                
1041              </div>
1042              
1043              <div class="dashboardPage" id="campCustomization">
1044                
1045                <div class="franchise-head">
1046                  <h1 class="fw-bold py-3 franchise-heading">CAMPS customization</h1>
1047                  <button class="btn btn-primary franchise_save_btn">Save changes</button>
1048                </div>
1049  
1050                <div class="layout-page__inner">
1051                <div id="hs_cos_wrapper_module_16901782036899" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="camps-tabs">
1052	<ul>
1053		<li data-camp-tab="#campsVideo" class="active">Camps Info</li>
1054		<li data-camp-tab="#campstestimonials">Testimonials</li>
1055		<li data-camp-tab="#campsImages">Images</li>
1056		<li data-camp-tab="#campsAdditionalInfo">Additional CAMPS information</li>
1057		<li data-camp-tab="#campsSchedule">Camps schedule</li>
1058	</ul>
1059</div>
1060<div class="card mb-4">
1061	<form id="franchise_form">
1062		<div class="camps-tabs--body open" id="campsVideo">
1063			<h4 class="card-header">CAMPS Info</h4>
1064<!-- 			<div class="card-body">
1065				<div class="row">
1066          <div class="mb-3 col-md-4 toggle-text-container">
1067          <p>Toggle ON/OFF the Custom Camps Page.</p>
1068          <div class="form-check form-switch">
1069            <input
1070              class="form-check-input float-end"
1071              type="checkbox"
1072              role="switch"
1073              id="camps_toggle_btn"
1074            />
1075          </div>
1076        </div>
1077					<div class="mb-3 col-md-12">
1078						<label for="camps_videoURL" class="form-label camp-form-label">
1079							Video url
1080						</label>
1081						<input class="form-control" type="text" id="camps_videoURL" name="camps_videoURL"
1082							placeholder="Enter camps video url" />
1083					</div>
1084          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
1085              <p>Thumbnail image</p>
1086              <img
1087                src="https://39646145.fs1.hubspotusercontent-na1.net/hubfs/39646145/[email protected]"
1088                alt="jr_thumbnail"
1089                class="program-img"
1090                decoding="async"
1091                loading="lazy"
1092                id="camps_thumbnail"
1093              />
1094              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal"
1095              data-bs-target="#basicModal" img-address="#camps_thumbnail">
1096                Update image
1097              </button>
1098            </div>
1099				</div>
1100			</div> -->
1101      	<div class="card-body">
1102
1103  <!-- Row 1: Toggle 1 -->
1104  <div class="row">
1105    <div class="mb-3 col-md-4 toggle-text-container">
1106      <p>Toggle ON/OFF the Custom Camps Page.</p>
1107      <div class="form-check form-switch">
1108        <input class="form-check-input float-end" type="checkbox" role="switch" id="camps_toggle_btn">
1109      </div>
1110    </div>
1111  </div>
1112
1113  <!-- Row 2: Toggle 2 -->
1114  <div class="row camp_enroll_sec">
1115    <div class="mb-3 col-md-4 toggle-text-container">
1116      <p>Toggle ON/OFF the Camps Page Enroll Button.</p>
1117      <div class="form-check form-switch">
1118        <input class="form-check-input float-end" type="checkbox" role="switch" id="camps_enroll_toggle_btn">
1119      </div>
1120    </div>
1121  </div>
1122  <div class="row">
1123     <div class="mb-3 col-md-12">
1124						<label for="camps_time" class="form-label camp-form-label">
1125							Session Time
1126						</label>
1127						<input class="form-control" type="text" id="camps_time" name="camps_time" placeholder="Eg: 3HR Half-Days AM/PM" maxlength="50">
1128					</div>
1129           <div class="mb-3 col-md-12">
1130						<label for="camps_sessionFormate" class="form-label camp-form-label">
1131							Session Format
1132						</label>
1133						<input class="form-control" type="text" id="camps_sessionFormate" name="camps_sessionFormate" placeholder="Eg: 5 Days, One Week">
1134							</div>
1135 <div class="mb-3 col-md-12">
1136						<label for="camps_age" class="form-label camp-form-label">
1137							Age Range
1138						</label>
1139						<input class="form-control" type="text" id="camps_age" name="camps_age" placeholder="Eg: AGES 5-14">
1140					</div>
1141  </div>
1142  <!-- Row 3: Video URL -->
1143  <div class="row">
1144    <div class="mb-3 col-md-12">
1145      <label for="camps_videoURL" class="form-label camp-form-label">
1146        Video URL
1147      </label>
1148      <input class="form-control" type="text" id="camps_videoURL" name="camps_videoURL" placeholder="Enter camps video url">
1149    </div>
1150  </div>
1151
1152  <!-- Row 4: Thumbnail Image -->
1153  <div class="row">
1154    <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
1155      <p>Thumbnail image</p>
1156      <img src="https://www.codeninjas.co.uk/hubfs/[email protected]" alt="jr_thumbnail" class="program-img" decoding="async" loading="lazy" id="camps_thumbnail">
1157      <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#camps_thumbnail">
1158        Update image
1159      </button>
1160    </div>
1161  </div>
1162
1163</div>
1164		</div>
1165		<div class="camps-tabs--body" id="campstestimonials">
1166			<h4 class="card-header">CAMPS Testimonials</h4>
1167			<div class="card-body">
1168				<div class="row mb-4">
1169					<p class="addProgram-title">Testimonial 1</p>
1170					<div class="mb-3 col-md-6">
1171						<label for="camps_testimonial1_title" class="form-label camp-form-label">Title</label>
1172						<input class="form-control" type="text" id="camps_testimonial1_title" name="camps_testimonial1_title" placeholder="Enter title" data-on-change="#ctTitleOne" maxlength="30">
1173							<p class="charLimit">
1174								Character limit <span id="ctTitleOne">30</span>/30.
1175							</p>
1176					</div>
1177					<div class="mb-3 col-md-6">
1178						<label for="camps_testimonial1_author" class="form-label camp-form-label">Author</label>
1179						<input class="form-control" type="text" id="camps_testimonial1_author" name="camps_testimonial1_author" placeholder="Enter author's name" data-on-change="#ctAuthorOne" maxlength="30">
1180							<p class="charLimit">
1181								Character limit <span id="ctAuthorOne">30</span>/30.
1182							</p>
1183					</div>
1184					<div class="mb-3 col-md-12">
1185						<label for="camps_testimonial1_desc" class="form-label camp-form-label">
1186							Description
1187						</label>
1188						<textarea class="form-control" type="text" id="camps_testimonial1_desc" name="camps_testimonial1_desc" placeholder="Enter description" data-on-change="#ctDescOne" maxlength="500">
1189							</textarea>
1190							<p class="charLimit">
1191								Character limit <span id="ctDescOne">500</span>/500.
1192							</p>
1193					</div>
1194					<hr class="my-0">
1195				</div>
1196				<div class="row mb-4">
1197					<p class="addProgram-title">Testimonial 2</p>
1198					<div class="mb-3 col-md-6">
1199						<label for="camps_testimonial2_title" class="form-label camp-form-label">Title</label>
1200						<input class="form-control" type="text" id="camps_testimonial2_title" name="camps_testimonial2_title" placeholder="Enter title" data-on-change="#ctTitleTwo" maxlength="30">
1201							<p class="charLimit">
1202								Character limit <span id="ctTitleTwo">30</span>/30.
1203							</p>
1204					</div>
1205					<div class="mb-3 col-md-6">
1206						<label for="camps_testimonial2_author" class="form-label camp-form-label">Author</label>
1207						<input class="form-control" type="text" id="camps_testimonial2_author" name="camps_testimonial2_author" placeholder="Enter author's n
1207ame" data-on-change="#ctAuthorTwo" maxlength="30">
1208							<p class="charLimit">
1209								Character limit <span id="ctAuthorTwo">30</span>/30.
1210							</p>
1211					</div>
1212					<div class="mb-3 col-md-12">
1213						<label for="camps_testimonial2_desc" class="form-label camp-form-label">
1214							Description
1215						</label>
1216						<textarea class="form-control" type="text" id="camps_testimonial2_desc" name="camps_testimonial2_desc" placeholder="Enter description" data-on-change="#ctDescTwo" maxlength="500">
1217							</textarea>
1218							<p class="charLimit">
1219								Character limit <span id="ctDescTwo">500</span>/500.
1220							</p>
1221					</div>
1222					<hr class="my-0">
1223				</div>
1224				<div class="row mb-4">
1225					<p class="addProgram-title">Testimonial 3</p>
1226					<div class="mb-3 col-md-6">
1227						<label for="camps_testimonial3_title" class="form-label camp-form-label">Title</label>
1228						<input class="form-control" type="text" id="camps_testimonial3_title" name="camps_testimonial3_title" placeholder="Enter title" data-on-change="#ctTitleThree" maxlength="30">
1229							<p class="charLimit">
1230								Character limit <span id="ctTitleThree">30</span>/30.
1231							</p>
1232					</div>
1233					<div class="mb-3 col-md-6">
1234						<label for="camps_testimonial3_author" class="form-label camp-form-label">Author</label>
1235						<input class="form-control" type="text" id="camps_testimonial3_author" name="camps_testimonial3_author" placeholder="Enter author's name" data-on-change="#ctAuthorThree" maxlength="30">
1236							<p class="charLimit">
1237								Character limit <span id="ctAuthorThree">30</span>/30.
1238							</p>
1239					</div>
1240					<div class="mb-3 col-md-12">
1241						<label for="camps_testimonial3_desc" class="form-label camp-form-label">
1242							Description
1243						</label>
1244						<textarea class="form-control" type="text" id="camps_testimonial3_desc" name="camps_testimonial3_desc" placeholder="Enter description" data-on-change="#ctDescThree" maxlength="500">
1245							</textarea>
1246							<p class="charLimit">
1247								Character limit <span id="ctDescThree">500</span>/500.
1248							</p>
1249					</div>
1250					<hr class="my-0">
1251				</div>
1252				<div class="row mb-4">
1253					<p class="addProgram-title">Testimonial 4</p>
1254					<div class="mb-3 col-md-6">
1255						<label for="camps_testimonial4_title" class="form-label camp-form-label">Title</label>
1256						<input class="form-control" type="text" id="camps_testimonial4_title" name="camps_testimonial4_title" placeholder="Enter title" data-on-change="#ctTitleFour" maxlength="30">
1257							<p class="charLimit">
1258								Character limit <span id="ctTitleFour">30</span>/30.
1259							</p>
1260					</div>
1261					<div class="mb-3 col-md-6">
1262						<label for="camps_testimonial4_author" class="form-label camp-form-label">Author</label>
1263						<input class="form-control" type="text" id="camps_testimonial4_author" name="camps_testimonial4_author" placeholder="Enter author's name" data-on-change="#ctAuthorFour" maxlength="30">
1264							<p class="charLimit">
1265								Character limit <span id="ctAuthorFour">30</span>/30.
1266							</p>
1267					</div>
1268					<div class="mb-3 col-md-12">
1269						<label for="camps_testimonial4_desc" class="form-label camp-form-label">
1270							Description
1271						</label>
1272						<textarea class="form-control" type="text" id="camps_testimonial4_desc" name="camps_testimonial4_desc" placeholder="Enter description" data-on-change="#ctDescFour" maxlength="500">
1273							</textarea>
1274							<p class="charLimit">
1275								Character limit <span id="ctDescFour">500</span>/500.
1276							</p>
1277					</div>
1278				</div>
1279			</div>
1280		</div>
1281		<div class="camps-tabs--body" id="campsImages">
1282			<h4 class="card-header">Images</h4>
1283			<div class="card-body">
1284        <div class="row">
1285            <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
1286              <p>Image 1</p>
1287              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="jr_thumbnail" class="program-img" decoding="async" loading="lazy" id="campsImages_img1">
1288
1289              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#campsImages_img1">
1290                Update image
1291              </button>
1292            </div>
1293            <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
1294              <p>Image 2</p>
1295              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="jr_thumbnail" class="program-img" decoding="async" loading="lazy" id="campsImages_img2">
1296              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#campsImages_img2">
1297                Update image
1298              </button>
1299            </div>
1300            <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
1301              <p>Image 3</p>
1302              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="jr_thumbnail" class="program-img" decoding="async" loading="lazy" id="campsImages_img3">
1303              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#campsImages_img3">
1304                Update image
1305              </button>
1306            </div>
1307          </div>
1308			</div>
1309		</div>
1310		<div class="camps-tabs--body" id="campsAdditionalInfo">
1311			<h4 class="card-header">Additional CAMPS information</h4>
1312			<div class="card-body">
1313				<div class="row">
1314					<div class="mb-3 col-md-12">
1315						<label for="camps_add_tutionEditor" class="form-label camp-form-label">
1316							TUITION
1317						</label>
1318						<textarea class="form-control" type="text" id="camps_add_tutionEditor" name="camps_add_tutionEditor" placeholder="Enter tuition details"></textarea>
1319
1320					</div>
1321					<div class="mb-3 col-md-12">
1322						<label for="camps_add_campTimesEditor" class="form-label camp-form-label">
1323							CAMP TIMES
1324						</label>
1325						<textarea class="form-control" type="text" id="camps_add_campTimesEditor" name="camps_add_campTimesEditor" placeholder="Enter camp times"></textarea>
1326
1327					</div>
1328					<div class="mb-3 col-md-12">
1329						<label for="camps_add_extendedHrsEditor" class="form-label camp-form-label">
1330							EXTENDED HOURS
1331						</label>
1332						<textarea class="form-control" type="text" id="camps_add_extendedHrsEditor" name="camps_add_extendedHrsEditor" placeholder="Enter extended hours"></textarea>
1333<!--                <button type="button" class="btn btn-primary" id="showEditorVal" >
1334									Show Value
1335								</button>
1336               <button type="button" class="btn btn-primary" id="changeVal">
1337									Change value
1338								</button> -->
1339					</div>
1340				</div>
1341			</div>
1342		</div>
1343		<div class="camps-tabs--body" id="campsSchedule">
1344			<div class="title-div">
1345				<h4 class="card-header">Camps Schedule</h4>
1346				<button type="button" class="btn btn-primary me-2 campsEvent_addBtn" data-bs-toggle="modal" data-bs-target="#campsAddModal">
1347					Add Camp Event
1348				</button>
1349			</div>
1350			<div class="card-body">
1351				<div class="row mb-4">
1352<!-- 					<div class="calendar-buttons">
1353						<button type="button" class="active">
1354							July
1355						</button>
1356						<button type="button">
1357							Aug
1358						</button>
1359						<button type="button">
1360							Sept
1361						</button>
1362					</div> -->
1363					<!-- Camps Events -->
1364					<div class="camps_per_month" id="campsEvent_listContainer">
1365          </div>
1366				</div>
1367			</div>
1368		</div>
1369	</form>
1370</div></div>
1371                </div>
1372                
1373              </div>
1374              
1375              <div class="dashboardPage" id="customPage">
1376                
1377                <div class="franchise-head">
1378                  <h1 class="fw-bold py-3 franchise-heading">Custom page</h1>
1379                  <button class="btn btn-primary franchise_save_btn">Save changes</button>
1380                </div>
1381
1382                <div class="layout-page__inner">
1383                <div id="hs_cos_wrapper_module_169017822467411" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="customPage-tabs">
1384  <ul>
1385    <li data-cutom-tab="#customPageInfo" class="active">Page Info</li>
1386    <li data-cutom-tab="#customPageEvents">Events</li>
1387  </ul>
1388</div>
1389<div class="card mb-4">
1390  <form id="franchise_form">
1391    <div class="customPage-tabs--body open" id="customPageInfo">
1392      <h4 class="card-header">Heading section</h4>
1393      <div class="card-body">
1394        <div class="row mb-4">
1395          <div class="mb-3 col-md-12">
1396            <label for="customPage_head_title" class="form-label camp-form-label">Title</label>
1397            <input class="form-control" type="text" id="customPage_head_title" name="customPage_head_title" placeholder="Enter title" data-on-change="#cpBannerTitle" maxlength="50">
1398							<p class="charLimit">
1399								Character limit <span id="cpBannerTitle">50</span>/50.
1400							</p>
1401          </div>
1402          <div class="mb-3 col-md-12">
1403            <label for="customPage_head_desc" class="form-label camp-form-label">
1404              Description
1405            </label>
1406            <textarea class="form-control" type="text" id="customPage_head_desc" name="customPage_head_desc" placeholder="Enter description" data-on-change="#cpBannerDe
1406sc" maxlength="500">
1407							</textarea>
1408							<p class="charLimit">
1409								Character limit <span id="cpBannerDesc">500</span>/500.
1410							</p>	
1411          </div>
1412        </div>
1413        <div class="row">
1414          <div class="mb-3 col-md-6 program-img-wrapper">
1415            <p>Banner image</p>
1416            <div class="program-img-container">
1417              <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/Custom-Page-Banner.png" alt="customPage_banner" class="program-img" id="customPage_banner_img">
1418            </div>
1419
1420            <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#customPage_banner_img">
1421              Update image
1422            </button>
1423          </div>
1424          <div class="mb-3 col-md-6 program-img-wrapper">
1425            <p>Events Background image</p>
1426            <div class="program-img-container">
1427              <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/custom-page-event-bg.png" alt="event_background_img" class="program-img" id="customPage_background_img">
1428            </div>
1429            <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#customPage_background_img">
1430              Update image
1431            </button>
1432          </div>
1433        </div>
1434      </div>
1435
1436      <hr class="my-0">
1437      <h4 class="card-header">Social media</h4>
1438      <div class="card-body">
1439        <div class="row mb-4">
1440          <div class="mb-3 col-md-6">
1441            <label for="customPage_social_facebook" class="form-label camp-form-label">Facebook url</label>
1442            <input class="form-control" type="text" id="customPage_social_facebook" name="customPage_social_facebook" placeholder="Enter url">
1443          </div>
1444          <div class="mb-3 col-md-6">
1445            <label for="customPage_social_insta" class="form-label camp-form-label">Instagram url</label>
1446            <input class="form-control" type="text" id="customPage_social_insta" name="customPage_social_insta" placeholder="Enter url">
1447          </div>
1448          <div class="mb-3 col-md-6">
1449            <label for="customPage_social_twitter" class="form-label camp-form-label">Twitter url</label>
1450            <input class="form-control" type="text" id="customPage_social_twitter" name="customPage_social_twitter" placeholder="Enter url">
1451          </div>
1452          <div class="mb-3 col-md-6">
1453            <label for="customPage_social_linkedin" class="form-label camp-form-label">LinkedIn url</label>
1454            <input class="form-control" type="text" id="customPage_social_linkedin" name="customPage_social_linkedin" placeholder="Enter url">
1455          </div>
1456        </div>
1457      </div>
1458
1459      
1460    </div>
1461    <div class="customPage-tabs--body" id="customPageEvents">
1462      <div class="title-div">
1463      <h4 class="card-header">Events Schedule</h4>
1464				<button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#openAddCustomEventForm">
1465              Add an Event
1466            </button>
1467			</div>
1468      <div class="card-body">
1469        <div class="row mb-4" id="customPageEventsBody">
1470          <!-- Custom Events -->
1471        </div>
1472      </div>
1473    </div>
1474  </form>
1475</div>
1476
1477<!-- Modal For Edit FAQ -->
1478<div class="modal fade" id="openEditCustomEventForm" tabindex="-1" aria-hidden="true">
1479  <div class="modal-dialog" role="document">
1480    <div class="modal-content">
1481      <div class="modal-header">
1482        <p>Edit Event</p>
1483        <button type="button" class="btn-close upload_close" data-bs-dismiss="modal" aria-label="Close"></button>
1484      </div>
1485
1486      <div class="modal-body">
1487        <div class="row g-2">
1488          <!-- -->
1489          <div class="cn-chatbot--popup--body faq-request-edit-form">
1490            <div class="cn-chatbot--form">
1491              <label>Event Title</label>
1492              <input type="text" id="customPageEventTitle" placeholder="Title" data-on-change="#cpEditEventTitle" maxlength="50">
1493							<p class="charLimit">
1494								Character limit <span id="cpEditEventTitle">50</span>/50.
1495							</p>
1496              <p class="error_msg" id="edit_event_title_error">Title field is required.</p>
1497            </div>
1498            <div class="cn-chatbot--form">
1499              <label>Event Description</label>
1500              <textarea id="customPageEventDesc" placeholder="Event Description" data-on-change="#cpEditEventDesc" maxlength="500"></textarea>
1501							<p class="charLimit">
1502								Character limit <span id="cpEditEventDesc">500</span>/500.
1503							</p>	
1504              <p class="error_msg" id="edit_event_description_error">Description field is required.</p>
1505            </div>
1506            <div class="cn-chatbot--form">
1507              <label>Event Date</label>
1508              <input type="date" id="customPageEventDate" value="15/08/2023">
1509            </div>
1510            <p class="error_msg" id="edit_event_date_error">Event date field is required.</p>
1511            <div class="cn-chatbot--form">
1512              <label>Event Time</label>
1513              <input type="time" id="customPageEventTime">
1514              <p class="error_msg" id="edit_event_time_error">Event time field is required.</p>
1515            </div>
1516
1517            <input type="hidden" id="customPageId">
1518            <p class="error_msg" id="edit_event_duplicate_error">Event already exist for this date. Please change the event date.</p>
1519            <div class="row">
1520              <div class="col-12"><button class="btn btn-primary" id="submitCustomPageEventEditForm">Save changes</button></div>
1521            </div>
1522          </div>
1523          <!-- -->
1524        </div>
1525      </div>
1526    </div>
1527  </div>
1528</div>
1529<!-- -->
1530<!-- Modal For Add FAQ -->
1531<div class="modal fade" id="openAddCustomEventForm" tabindex="-1" aria-hidden="true">
1532  <div class="modal-dialog" role="document">
1533    <div class="modal-content">
1534      <div class="modal-header">
1535        <p>Add Event</p>
1536        <button type="button" class="btn-close upload_close" data-bs-dismiss="modal" aria-label="Close"></button>
1537      </div>
1538
1539      <div class="modal-body">
1540        <div class="row g-2">
1541          <!-- -->
1542          <div class="cn-chatbot--popup--body faq-request-edit-form">
1543            <div class="cn-chatbot--form">
1544              <label>Event Title</label>
1545              <input type="text" id="addCustomPageEventTitle" placeholder="Title" data-on-change="#cpAddEventTitle" maxlength="50">
1546							<p class="charLimit">
1547								Character limit <span id="cpAddEventTitle">50</span>/50.
1548							</p>
1549              <p class="error_msg" id="add_event_title_error">Title field is required.</p>
1550            </div>
1551            <div class="cn-chatbot--form">
1552              <label>Event Description</label>
1553              <textarea id="addCustomPageEventDesc" placeholder="Event Description" data-on-change="#cpAddEventDesc" maxlength="500"></textarea>
1554							<p class="charLimit">
1555								Character limit <span id="cpAddEventDesc">500</span>/500.
1556							</p>	
1557              <p class="error_msg" id="add_event_description_error">Description field is required.</p>
1558            </div>
1559            <div class="cn-chatbot--form">
1560              <label>Event Date</label>
1561              <input type="date" id="addCustomPageEventDate" value="
156105/15/2023">
1562
1563              <p class="note">
1564                Allowed only one event per dayy
1565              </p>
1566              <p class="error_msg" id="add_event_date_error">Date field is required.</p>
1567            </div>
1568            <div class="cn-chatbot--form">
1569              <label>Event Time</label>
1570              <input type="time" id="addCustomPageEventTime">
1571              <p class="error_msg" id="add_event_time_error">Time field is required.</p>
1572            </div>
1573            <p class="error_msg" id="add_event_duplicate_error">You're allowed to create three events for a day. Please try selected any other day.</p>
1574            <div class="row">
1575              <div class="col-12"><button class="btn btn-primary" id="submitCustomPageEventAddForm">Save changes</button></div>
1576            </div>
1577          </div>
1578          <!-- -->
1579        </div>
1580      </div>
1581    </div>
1582  </div>
1583</div>
1584<!-- --></div>
1585                </div>
1586                
1587              </div>
1588              
1589              <div class="dashboardPage" id="schoolPage">
1590                
1591                <div class="franchise-head">
1592                  <h1 class="fw-bold py-3 franchise-heading">PTO/PTA page</h1>
1593                  <button class="btn btn-primary franchise_save_btn">Save changes</button>
1594                </div>
1595
1596                <div class="layout-page__inner">
1597                   <div id="hs_cos_wrapper_module_169017824322513" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="ptoPage-tabs">
1598  <ul>
1599    <li data-pto-tab="#ptoPageBanner" class="active">Hero Banner</li>
1600    <li data-pto-tab="#ptoPageRequestInfo">Request Partnership Info</li>
1601    <li data-pto-tab="#ptoPagePoints">Points</li>
1602    <li data-pto-tab="#ptoPageHeadAddPoints">Additional Points Section</li>
1603    <li data-pto-tab="#ptoPageLearnMoreToday">Learn More Today</li>
1604  </ul>
1605<!--   <button type="button" class="btn btn-primary me-2" id="saveChanges">Save Changes</button> -->
1606</div>
1607<div class="card mb-4">
1608  <form id="franchise_form">
1609    <div class="ptoPage-tabs--body open" id="ptoPageBanner">
1610      <h4 class="card-header">Hero Banner</h4>
1611      <div class="card-body">
1612        <div class="row">
1613          <div class="mb-3 col-md-12">
1614            <label for="schoolPage_menu_label" class="form-label camp-form-label">Menu Label</label>
1615            <input class="form-control" type="text" id="schoolPage_menu_label" name="schoolPage_menu_label" placeholder="Enter label" data-on-change="#ptoMenuLabel" maxlength="20">
1616						<p class="charLimit">
1617							Character limit <span id="ptoMenuLabel">20</span>/20.
1618						</p>
1619          </div>
1620          <div class="mb-3 col-md-12">
1621            <label for="schoolPage_head_title" class="form-label camp-form-label">Banner Title</label>
1622            <input class="form-control" type="text" id="schoolPage_head_title" name="schoolPage_head_title" placeholder="Enter title" data-on-change="#ptoBannerTitle" maxlength="25">
1623									<p class="charLimit">
1624										Character limit <span id="ptoBannerTitle">25</span>/25.
1625									</p>
1626          </div>
1627          <div class="mb-3 col-md-12">
1628            <label for="schoolPage_head_desc" class="form-label camp-form-label">
1629              Banner Description
1630            </label>
1631            <textarea class="form-control" type="text" id="schoolPage_head_desc" name="schoolPage_head_desc" placeholder="Enter description" data-on-change="#ptoBannerDesc" maxlength="300">
1632							</textarea>
1633							<p class="charLimit">
1634								Character limit <span id="ptoBannerDesc">300</span>/300.
1635							</p>
1636
1637          </div>
1638        </div>
1639      </div>
1640
1641<!--       <hr class="my-0" /> -->
1642<!--       <div class="card-body">
1643        <div class="mt-2">
1644          <button type="button" class="btn btn-primary">
1645            Save changes
1646          </button>
1647        </div>
1648      </div> -->
1649    </div>
1650    <div class="ptoPage-tabs--body" id="ptoPageRequestInfo">
1651      <h4 class="card-header">Request Partnership Info</h4>
1652      <div class="card-body">
1653        <div class="row mb-4">
1654          <div class="mb-3 col-md-12">
1655            <label for="schoolPage_requestInfo_title" class="form-label camp-form-label">Title</label>
1656            <input class="form-control" type="text" id="schoolPage_requestInfo_title" name="schoolPage_requestInfo_title" placeholder="Enter title" data-on-change="#ptoRequestInfoTitle" maxlength="50">
1657						<p class="charLimit">
1658							Character limit <span id="ptoRequestInfoTitle">50</span>/50.
1659						</p>
1660          </div>
1661          <div class="mb-3 col-md-12">
1662            <label for="schoolPage_requestInfo_desc" class="form-label camp-form-label">
1663              Description
1664            </label>
1665            <textarea class="form-control" type="text" id="schoolPage_requestInfo_desc" name="schoolPage_requestInfo_desc" placeholder="Enter description" data-on-change="#ptoRequestInfoDesc" maxlength="500">
1666							</textarea>
1667							<p class="charLimit">
1668								Character limit <span id="ptoRequestInfoDesc">500</span>/500.
1669							</p>
1670          </div>
1671        </div>
1672        <div class="row">
1673          <div class="mb-3 col-md-6 program-img-wrapper">
1674            <p>Thumbnail</p>
1675            <div class="program-img-container">
1676              <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/pto-request-info.png" alt="schoolPage_requestInfo_thumbnail" class="program-img" id="schoolPage_requestInfo_thumbnail">
1677            </div>
1678
1679            <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#schoolPage_requestInfo_thumbnail">
1680              Update image
1681            </button>
1682          </div>
1683        </div>
1684      </div>
1685    </div>
1686    <div class="ptoPage-tabs--body" id="ptoPagePoints">
1687      <h4 class="card-header">Points</h4>
1688      <div class="card-body">
1689        <div class="row">
1690          <div class="mb-3 col-md-12">
1691            <label for="ptoAdditionalPoints" class="form-label camp-form-label">Title</label>
1692            <input class="form-control mb-3" type="text" id="ptoAdditionalPointsTitle" name="ptoAdditionalPointsTitle" placeholder="Enter title" data-on-change="#ptoPointsTitle" maxlength="50">
1693						<p class="charLimit">
1694							Character limit <span id="ptoPointsTitle">50</span>/50.
1695						</p>
1696          </div>
1697          <div class="col-md-12">
1698            <div class="papTabs">
1699              <ul>
1700                <li data-pap-tab="#ptoPointPanelOne" class="active">Point One</li>
1701                <li data-pap-tab="#ptoPointPanelTwo">Point Two</li>
1702                <li data-pap-tab="#ptoPointPanelThree">Point Three</li>
1703              </ul>
1704            </div>
1705            <div class="mb-3 col-md-12 ptoPointSec open" id="ptoPointPanelOne">
1706              <label for="camps_add_tutionEditor" class="form-label camp-form-label">
1707                Point One Title
1708              </label>
1709              <input class="form-control mb-3" type="text" id="ptoPointOneTitle" name="ptoPointOneTitle" placeholder="Enter Point One Title" data-on-change="#ptoPOneTitle" maxlength="50">
1710							<p class="charLimit">
1711								Character limit <span id="ptoPOneTitle">
171150</span>/50.
1712							</p>
1713              <label for="camps_add_tutionEditor" class="form-label camp-form-label">
1714                Point One List
1715              </label>
1716              <textarea class="form-control" type="text" id="ptoPointOne" name="ptoPointOne" placeholder="Enter Points">
1717							</textarea>
1718
1719            </div>
1720            <div class="mb-3 col-md-12 ptoPointSec" id="ptoPointPanelTwo">
1721              <label for="camps_add_tutionEditor" class="form-label camp-form-label">
1722                Point Two Title
1723              </label>
1724              <input class="form-control mb-3" type="text" id="ptoPointTwoTitle" name="ptoPointTwoTitle" placeholder="Enter Point Two Title" data-on-change="#ptoPTwoTitle" maxlength="50">
1725							<p class="charLimit">
1726								Character limit <span id="ptoPTwoTitle">50</span>/50.
1727							</p>
1728              <label for="camps_add_tutionEditor" class="form-label camp-form-label">
1729                Point Two List
1730              </label>
1731              <textarea class="form-control" type="text" id="ptoPointTwo" name="ptoPointTwo" placeholder="Enter Points">
1732							</textarea>
1733
1734            </div>
1735            <div class="mb-3 col-md-12 ptoPointSec" id="ptoPointPanelThree">
1736              <label for="camps_add_tutionEditor" class="form-label camp-form-label">
1737                Point Three Title
1738              </label>
1739              <input class="form-control mb-3" type="text" id="ptoPointThreeTitle" name="ptoPointThreeTitle" placeholder="Enter Point Three Title" data-on-change="#ptoPThreeTitle" maxlength="50">
1740							<p class="charLimit">
1741								Character limit <span id="ptoPThreeTitle">50</span>/50.
1742							</p>
1743              <label for="camps_add_tutionEditor" class="form-label camp-form-label">
1744                Point Three List
1745              </label>
1746              <textarea class="form-control" type="text" id="ptoPointThree" name="ptoPointThree" placeholder="Enter Points">
1747							</textarea>
1748            </div>
1749          </div>
1750        </div>
1751      </div>
1752    </div>
1753    <div class="ptoPage-tabs--body" id="ptoPageHeadAddPoints">
1754      <h4 class="card-header">Additional Points</h4>
1755      <div class="card-body">
1756        <div class="row">
1757          <div class="mb-3 col-md-12">
1758            <div class="paapTabs">
1759              <ul>
1760                <li data-paap-tab="#ptoAddPointPanelOne" class="active">Additional Point One</li>
1761                <li data-paap-tab="#ptoAddPointPanelTwo">Additional Point Two</li>
1762                <li data-paap-tab="#ptoAddPointPanelThree">Additional Point Three</li>
1763              </ul>
1764            </div>
1765          </div>
1766          <div class="col-md-12">
1767            <div class="col-md-12 ptoAddPointSec open" id="ptoAddPointPanelOne">
1768              <div class="mb-3 col-sm-12">
1769                <h4>Additional Point One</h4>
1770              </div>
1771              <div class="mb-3 col-md-6 program-img-wrapper">
1772                <p>Thumbnail</p>
1773                <div class="program-img-container">
1774                  <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/PTO-PTA-Additional-Points-1.png" alt="schoolPage_additional_point_thumbnail_one" class="program-img" id="schoolPage_additional_point_thumbnail_one">
1775                </div>
1776
1777                <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#schoolPage_additional_point_thumbnail_one">
1778                  Update image
1779                </button>
1780              </div>
1781              <label for="schoolPage_additional_point_title_1" class="form-label camp-form-label">Title</label>
1782              <input class="form-control mb-3" type="text" id="schoolPage_additional_point_title_1" name="schoolPage_additional_point_title_1" placeholder="Enter title" data-on-change="#ptoAddPointOneTitle" maxlength="50">
1783							<p class="charLimit">
1784								Character limit <span id="ptoAddPointOneTitle">50</span>/50.
1785							</p>
1786              <label for="schoolPage_additional_point_desc_1" class="form-label camp-form-label">
1787                Description
1788              </label>
1789              <textarea class="form-control" type="text" id="schoolPage_additional_point_desc_1" name="schoolPage_additional_point_desc_1" placeholder="Enter description" data-on-change="#ptoAddPointOneDesc" maxlength="500">
1790							</textarea>
1791							<p class="charLimit">
1792								Character limit <span id="ptoAddPointOneDesc">500</span>/500.
1793							</p>
1794            </div>
1795            <div class="col-md-12 ptoAddPointSec" id="ptoAddPointPanelTwo">
1796              <div class="mb-3 col-sm-12">
1797                <h4>Additional Point Two</h4>
1798              </div>
1799              <div class="mb-3 col-md-6 program-img-wrapper">
1800                <p>Thumbnail</p>
1801                <div class="program-img-container">
1802                  <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/PTO-PTA-Additional-Points-2.png" alt="schoolPage_additional_point_thumbnail_two" class="program-img" id="schoolPage_additional_point_thumbnail_two">
1803                </div>
1804
1805                <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#schoolPage_additional_point_thumbnail_two">
1806                  Update image
1807                </button>
1808              </div>
1809              <label for="schoolPage_additional_point_title_2" class="form-label camp-form-label">Title</label>
1810              <input class="form-control mb-3" type="text" id="schoolPage_additional_point_title_2" name="schoolPage_additional_point_title_2" placeholder="Enter title" data-on-change="#ptoAddPointTwoTitle" maxlength="50">
1811							<p class="charLimit">
1812								Character limit <span id="ptoAddPointTwoTitle">50</span>/50.
1813							</p>
1814              <label for="schoolPage_additional_point_desc_2" class="form-label camp-form-label">
1815                Description
1816              </label>
1817              <textarea class="form-control" type="text" id="schoolPage_additional_point_desc_2" name="schoolPage_additional_point_desc_2" placeholder="Enter description" data-on-change="#ptoAddPointTwoDesc" maxlength="500">
1818							</textarea>
1819							<p class="charLimit">
1820								Character limit <span id="ptoAddPointTwoDesc">500</span>/500.
1821							</p>
1822            </div>
1823            <div class="col-md-12 ptoAddPointSec" id="ptoAddPointPanelThree">
1824              <div class="mb-3 col-sm-12">
1825                <h4>Additional Point Three</h4>
1826              </div>
1827              <div class="mb-3 col-md-6 program-img-wrapper">
1828                <p>Thumbnail</p>
1829                <div class="program-img-container">
1830                  <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/About/[email protected]" alt="schoolPage_additional_point_thumbnail_three" class="program-img" id="schoolPage_additional_point_thumbnail_three">
1831                </div>
1832
1833                <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#schoolPage_additional_point_thumbnail_three">
1834                  Update image
1835                </button>
1836              </div>
1837              <label for="schoolPage_additional_point_title_3" class="form-label camp-form-label">Title</label>
1838              <input class="form-control mb-3" type="text" id="schoolPage_additional_point_title_3" name="schoolPage_additional_point_title_3" placeholder="Enter title" data-on-change="#ptoAddPointThreeTitle" maxlength="50">
1839							<p class="charLimit">
1840								Character limit <span id="ptoAddPointThreeTitle">50</span>/50.
1841							</p>
1842              <label for="schoolPage_additional_point_desc_3" class="form-label camp-form-label">
1843                Description
1844              </label>
1845              <textarea class="form-control" type="text" id="schoolPage_additional_point_desc_3" name="schoolPage_additional_point_desc_3" placeholder="Enter description" data-on-change="#ptoAddPointThreeDesc" maxlength="500"></textarea>
1846							<p class="charLimit">
1847								Character limit <span id="ptoAddPointThreeDesc">500</span>/500.
1848							</p>	
1849            </div>
1850          </div>
1851        </div>
1852      </div>
1853    </div>
1854    <div class="ptoPage-tabs--body" id="ptoPageLearnMoreToday">
1855      <h4 class="card-header">LEARN MORE TODAY</h4>
1856      <div class="card-body">
1857        <div class="row mb-4">
1858          <div class="mb-3 col-md-12">
1859            <label for="schoolPage_learnmore_desc" class="form-label camp-form-label">
1860              Description
1861            </label>
1862            <textarea class="form-control" type="text" id="schoolPage_learnmore_desc" name="schoolPage_learnmore_desc" placeholder="Enter description" data-on-change="#ptoLMDesc" maxlength="500">
1863							</textarea>
1864							<p class="charLimit">
1865								Character limit <span id="ptoLMDesc">500</span>/500.
1866							</p>	
1867          </div>
1868          <div class="mb-3 col-md-12">
1869            <label for="schoolPage_learnmore_cta_lable" class="form-label camp-form-label">CTA Label</label>
1870            <input class="form-control" type="text" id="schoolPage_learnmore_cta_lable" name="schoolPage_learnmore_cta_lable" placeholder="Enter Cta Label" data-on-change="#ptoLMCta" maxlength="20">
1871							<p class="charLimit">
1872								Character limit <span id="ptoLMCta">20</span>/20.
1873							</p>
1874          </div>
1875          
1876          <div class="mb-3 col-md-12">
1877            <label for="schoolPage_learnmore_cta_url" class="form-label camp-form-label">CTA Url</label>
1878            <input class="form-control" type="text" id="schoolPage_learnmore_cta_url" name="schoolPage_learnmore_cta_url" placeholder="Enter Cta Url">
1879          </div>
1880        </div>
1881      </div>
1882    </div>
1883  </form>
1884</div></div>
1885                </div>
1886                
1887              </div>
1888              
1889              <div class="dashboardPage" id="additionalProgramPage">
1890                
1891                <div class="franchise-head">
1892                  <h1 class="fw-bold py-3 franchise-heading">Additional Programs</h1>
1893                  <button class="btn btn-primary franchise_save_btn">Save changes</button>
1894                </div>
1895
1896                <div class="layout-page__inner">
1897                   <div id="hs_cos_wrapper_module_169017827126515" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="add-tabs">
1898	<ul>
1899		<li data-add-tab="#addParentsNight" class="active">Parent's night out</li>
1900		<li data-add-tab="#addBirthdayParty">Birthday Parties</li>
1901		<li data-add-tab="#addClubs">Clubs</li>
1902		<li data-add-tab="#addHomeSchooling" id="home-shooling-tab">Home Schooling</li>
1903    <li data-add-tab="#addAfterSchoolPrograms">After School &nbsp;<span class="program-localisation first-letter-caps">Programs</span></li>
1904    <li data-add-tab="#addWorkshop">Workshop</li>
1905	</ul>
1906</div>
1907<div class="card mb-4">
1908	<form id="franchise_form">
1909		<div class="add-tabs--body open" id="addParentsNight">
1910			<h4 class="card-header">Parent's night out</h4>
1911			<div class="card-body">
1912				<div class="row">
1913          <div class="mb-3 col-md-4 toggle-text-container addParentsNight_toggle_container">
1914              <p>Toggle ON/OFF the Parent's night out program.</p>
1915              <div class="form-check form-switch">
1916                <input class="form-check-input float-end" type="checkbox" role="switch" id="addParentsNight_toggle">
1917              </div>
1918            </div>
1919           <div class="mb-3 col-md-12">
1920						<label for="addParentsNight_time" class="form-label camp-form-label">
1921							Session Time
1922						</label>
1923						<input class="form-control" type="text" id="addParentsNight_time" name="addParentsNight_time" placeholder="Eg: 1HR+ Sessions" maxlength="50">
1924					</div>
1925           <div class="mb-3 col-md-12">
1926						<label for="addParentsNight_sessionFormate" class="form-label camp-form-label">
1927							Session Format
1928						</label>
1929						<input class="form-control" type="text" id="addParentsNight_sessionFormate" name="addParentsNight_sessionFormate" placeholder="Eg: By Appointment">
1930							</div>
1931 <div class="mb-3 col-md-12">
1932						<label for="addParentsNight_age" class="form-label camp-form-label">
1933							Age Range
1934						</label>
1935						<input class="form-control" type="text" id="addParentsNight_age" name="addParentsNight_age" placeholder="Eg: AGES 5-14">
1936					</div>
1937					<div class="mb-3 col-md-12">
1938						<label for="addParentsNight_title" class="form-label camp-form-label">
1939							Title
1940						</label>
1941						<input class="form-control" type="text" id="addParentsNight_title" name="addParentsNight_title" placeholder="Enter title" data-on-change="#pnoTitle" maxlength="50">
1942								<p class="charLimit">
1943									Character limit <span id="pnoTitle">50</span>/50.
1944								</p>
1945					</div>
1946          <div class="mb-3 col-md-12">
1947						<label for="addParentsNight_desc" class="form-label camp-form-label">
1948							Description
1949						</label>
1950						<textarea class="form-control" type="text" id="addParentsNight_desc" name="addParentsNight_desc" placeholder="Enter description" data-on-change="#pnoDesc" maxlength="500"></textarea>
1951							<p class="charLimit">
1952								Character limit <span id="pnoDesc">500</span>/500.
1953							</p>	
1954					</div>
1955          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
1956              <p>Image 1</p>
1957              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="parentsNight_img1" class="program-img" decoding="async" loading="lazy" id="addParentsNight_img1">
1958
1959              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addParentsNight_img1">
1960                Update image
1961              </button>
1962            </div>
1963          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
1964              <p>Image 2</p>
1965              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="parentsNight_img2" class="program-img" decoding="async" loading="lazy" id="addParentsNight_img2">
1966              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addParentsNight_img2">
1967                Update image
1968              </button>
1969            </div>
1970          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
1971              <p>Image 3</p>
1972              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="parentsNight_img3" class="program-img" decoding="async" loading="lazy" id="addParentsNight_img3">
1973              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addParentsNight_img3">
1974                Update image
1975              </button>
1976            </div>
1977				</div>
1978        <hr class="my-0">
1979        <div class="row mt-4">
1980        <h5>Info card</h5>
1981        <div class="mb-3 col-md-12">
1982						<label for="addParentsNight_card_title" class="form-label camp-form-label">
1983							Title
1984						</label>
1985						<input class="form-control" type="text" id="addParentsNight_card_title" name="addParentsNight_card_title" placeholder="Enter title" data-on-change="#pnoInfoTitle" maxlength="50">
1986								<p class="charLimit">
1987									Character limit <span id="pnoInfoTitle">50</span>/50.
1988								</p>
1989					</div>
1990        <div class="mb-3 col-md-12">
1991						<label for="addParentsNight_card_desc" class="form-label camp-form-label">
1992							Description
1993						</label>
1994						<textarea class="form-control" type="text" id="addParentsNight_card_desc" name="addParentsNight_card_desc" placeholder="Enter description" data-on-change="#pnoInfoDesc" maxlength="500"></textarea>
1995							<p class="charLimit">
1996								Character limit <span id="pnoInfoDesc">500</span>/500.
1997							</p>	
1998					</div>
1999        <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2000              <p>Info Image</p>
2001              <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/program-Create-Image.png" alt="parentsNight_card_img" class="program-img" decoding="async" loading="lazy" id="addParentsNight_card_img">
2002
2003              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addParentsNight_card_img">
2004                Update image
2005              </button>
2006            </div>
2007      </div>
2008			</div>
2009		</div>
2010		<div class="add-tabs--body" id="addBirthdayParty">
2011			<h4 class="card-header">Birthday Parties</h4>
2012			<div class="card-body">  
2013				<div class="row">
2014          <div class="mb-3 col-md-4 toggle-text-container">
2015              <p>Toggle ON/OFF the Birthday Parties program.</p>
2016              <div class="form-check form-switch">
2017                <input class="form-check-input float-end" type="checkbox" role="switch" id="addBirthdayParty_toggle">
2018              </div>
2019            </div>
2020                <div class="mb-3 col-md-12">
2021						<label for="addBirthdayParty_time" class="form-label camp-form-label">
2022							Session Time
2023						</label>
2024						<input class="form-control" type="text" id="addBirthdayParty_time" name="addBirthdayParty_time" placeholder="Eg: 1HR Sessions" maxlength="50">
2025					</div>
2026           <div class="mb-3 col-md-12">
2027						<label for="addBirthdayParty_sessionFormate" class="form-label camp-form-label">
2028							Session Format
2029						</label>
2030						<input class="form-control" type="text" id="addBirthdayParty_sessionFormate" name="addBirthdayParty_sessionFormate" placeholder="Eg: By Appointment">
2031							</div>
2032 <div class="mb-3 col-md-12">
2033						<label for="addBirthdayParty_age" class="form-label camp-form-label">
2034							Age Range
2035						</label>
2036						<input class="form-control" type="text" id="addBirthdayParty_age" name="addBirthdayParty_age" placeholder="Eg: AGES 5-14">
2037					</div>
2038					<div class="mb-3 col-md-12">
2039						<label for="addBirthdayParty_title" class="form-label camp-form-label">
2040							Title
2041						</label>
2042						<input class="form-control" type="text" id="addBirthdayParty_title" name="addBirthdayParty_title" placeholder="Enter title" data-on-change="#bpTitle" maxlength="50">
2043						<p class="charLimit">
2044							Character limit <span id="bpTitle">50</span>/50.
2045						</p>
2046					</div>
2047          <div class="mb-3 col-md-12">
2048						<label for="addBirthdayParty_desc" class="form-label camp-form-label">
2049							Description
2050						</label>
2051						<textarea class="form-control" type="text" id="addBirthdayParty_desc" name="addBirthdayParty_desc" placeholder="Enter description" data-on-change="#bpDesc" maxlength="500"></textarea>
2052							<p class="charLimit">
2053								Character limit <span id="bpDesc">500</span>/500.
2054							</p>	
2055					</div>
2056          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2057              <p>Image 1</p>
2058              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="birthdayParty_img1" class="program-img" decoding="async" loading="lazy" id="addBirthdayParty_img1">
2059
2060              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addBirthdayParty_img1">
2061                Update image
2062              </button>
2063            </div>
2064          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2065              <p>Image 2</p>
2066              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="birthdayParty_img2" class="program-img" decoding="async" loading="lazy" id="addBirthdayParty_img2">
2067              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addBirthdayParty_img2">
2068                Update image
2069              </button>
2070            </div>
2071          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2072              <p>Image 3</p>
2073              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="birthdayParty_img3" class="program-img" decoding="async" loading="lazy" id="addBirthdayParty_img3">
2074              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addBirthdayParty_img3">
2075                Update image
2076              </button>
2077            </div>
2078				</div>
2079        <hr class="my-0">
2080        <div class="row mt-4">
2081        <h5>Info card</h5>
2082        <div class="mb-3 col-md-12">
2083						<label for="addBirthdayParty_card_title" class="form-label camp-form-label">
2084							Title
2085						</label>
2086						<input class="form-control" type="text" id="addBirthdayParty_card_title" name="addBirthdayParty_card_title" placeholder="Enter title" data-on-change="#bpInfoTitle" maxlength="50">
2087								<p class="charLimit">
2088									Character limit <span id="bpInfoTitle">50</span>/50.
2089								</p>
2090					</div>
2091        <div class="mb-3 col-md-12">
2092						<label for="addBirthdayParty_card_desc" class="form-label camp-form-label">
2093							Description
2094						</label>
2095						<textarea class="form-control" type="text" id="addBirthdayParty_card_desc" name="addBirthdayParty_card_desc" placeholder="Enter description" data-on-change="#bpInfoDesc" maxlength="500"></textarea>
2096							<p class="charLimit">
2097								Character limit <span id="bpInfoDesc">500</span>/500.
2098							</p>	
2099					</div>
2100        <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2101              <p>Info Image</p>
2102              <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/program-Create-Image.png" alt="birthdayParty_card_img" class="program-img" decoding="async" loading="lazy" id="addBirthdayParty_card_img">
2103
2104              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addBirthdayParty_card_img">
2105                Update image
2106              </button>
2107            </div>
2108      </div>
2109			</div>
2110		</div>
2111		<div class="add-tabs--body" id="addClubs">
2112			<h4 class="card-header">Clubs</h4>
2113		  <div class="card-body">
2114				<div class="row">
2115          <div class="mb-3 col-md-4 toggle-text-container">
2116              <p>Toggle ON/OFF the Clubs program.</p>
2117              <div class="form-check form-switch">
2118                <input class="form-check-input float-end" type="checkbox" role="switch" id="addClubs_toggle">
2119              </div>
2120            </div>
2121           <div class="mb-3 col-md-12">
2122						<label for="addClubs_time" class="form-label camp-form-label">
2123							Session Time
2124						</label>
2125						<input class="form-control" type="text" id="addClubs_time" name="addClubs_time" placeholder="Eg: 1HR Sessions" maxlength="50">
2126					</div>
2127           <div class="mb-3 col-md-12">
2128						<label for="addClubs_sessionFormate" class="form-label camp-form-label">
2129							Session Format
2130						</label>
2131						<input class="form-control" type="text" id="addClubs_sessionFormate" name="addClubs_sessionFormate" placeholder="Eg: Meets Weekly (12-16 Weeks)">
2132							</div>
2133 <div class="mb-3 col-md-12">
2134						<label for="addClubs_age" class="form-label camp-form-label">
2135							Age Range
2136						</label>
2137						<input class="form-control" type="text" id="addClubs_age" name="addClubs_age" placeholder="Eg: AGES 8-14">
2138					</div>
2139					<div class="mb-3 col-md-12">
2140						<label for="addClubs_title" class="form-label camp-form-label">
2141							Title
2142						</label>
2143						<input class="form-control" type="text" id="addClubs_title" name="addClubs_title" placeholder="Enter title" data-on-change="#clubTitle" maxlength="50">
2144								<p class="charLimit">
2145									Character limit <span id="clubTitle">50</span>/50.
2146								</p>
2147					</div>
2148          <div class="mb-3 col-md-12">
2149						<label for="addClubs_desc" class="form-label camp-form-label">
2150							Description
2151						</label>
2152						<textarea class="form-control" type="text" id="addClubs_desc" name="addClubs_desc" placeholder="Enter description" data-on-change="#clubsDesc" maxlength="500"></textarea>
2153							<p class="charLimit">
2154								Character limit <span id="clubsDesc">500</span>/500.
2155							</p>	
2156					</div>
2157          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2158              <p>Image 1</p>
2159              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="clubs_img1" class="program-img" decoding="async" loading="lazy" id="addClubs_img1">
2160
2161              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addClubs_img1">
2162                Update image
2163              </button>
2164            </div>
2165          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2166              <p>Image 2</p>
2167              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="clubs_img2" class="program-img" decoding="async" loading="lazy" id="addClubs_img2">
2168              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addClubs_img2">
2169                Update image
2170              </button>
2171            </div>
2172          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2173              <p>Image 3</p>
2174              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="clubs_img3" class="program-img" decoding="async" loading="lazy" id="addClubs_img3">
2175              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addClubs_img3">
2176                Update image
2177              </button>
2178            </div>
2179				</div>
2180        <hr class="my-0">
2181        <div class="row mt-4">
2182        <h5>Info card</h5>
2183        <div class="mb-3 col-md-12">
2184						<label for="addClubs_card_title" class="form-label camp-form-label">
2185							Title
2186						</label>
2187						<input class="form-control" type="text" id="addClubs_card_title" name="addClubs_card_title" placeholder="Enter title" data-on-change="#clubInfoTitle" maxlength="50">
2188								<p class="charLimit">
2189									Character limit <span id="clubInfoTitle">50</span>/50.
2190								</p>
2191					</div>
2192        <div class="mb-3 col-md-12">
2193						<label for="addClubs_card_desc" class="form-label camp-form-label">
2194							Description
2195						</label>
2196						<textarea class="form-control" type="text" id="addClubs_card_desc" name="addClubs_card_desc" placeholder="Enter description" data-on-change="#clubsInfoDesc" maxlength="500"></textarea>
2197							<p class="charLimit">
2198								Character limit <span id="clubsInfoDesc">500</span>/500.
2199							</p>	
2200					</div>
2201        <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2202              <p>Info Image</p>
2203              <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/program-Create-Image.png" alt="clubs_card_img" class="program-img" decoding="async" loading="lazy" id="addClubs_card_img">
2204
2205              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addClubs_card_img">
2206                Update image
2207              </button>
2208            </div>
2209      </div>
2210			</div>
2211		</div>
2212		<div class="add-tabs--body" id="addHomeSchooling">
2213			<h4 class="card-header">Home Schooling</h4>
2214			<div class="card-body">
2215				<div class="row">
2216          <div class="mb-3 col-md-6 toggle-text-container">
2217            <p>Toggle ON/OFF the Home Schooling program.</p>
2218            <div class="form-check form-switch">
2219              <input class="form-check-input float-end" type="checkbox" role="switch" id="addHomeSchooling_toggle">
2220            </div>
2221          </div>
2222          <div class="mb-3 col-md-6 toggle-text-container">
2223          </div>
2224          <div id="homeSchoolingEnrollNow" class="mb-3 col-md-6 toggle-text-container">
2225            <p>Enroll Now</p>
2226            <div class="form-check form-switch">
2227              <input class="form-check-input float-end" type="checkbox" role="switch" id="addHomeSchoolingEnrollNow_toggle">
2228            </div>
2229          </div>
2230					<div class="mb-3 col-md-12">
2231						<label for="addHomeSchooling_title" class="form-label camp-form-label">
2232							Title
2233						</label>
2234						<input class="form-control" type="text" id="addHomeSchooling_title" name="addHomeSchooling_title" placeholder="Enter title" data-on-change="#hsTitle" maxlength="50">
2235								<p class="charLimit">
2236									Character limit <span id="hsTitle">50</span>/50.
2237								</p>
2238					</div>
2239          <div class="mb-3 col-md-12">
2240						<label for="addHomeSchooling_desc" class="form-label camp-form-label">
2241							Description
2242						</label>
2243						<textarea class="form-control" type="text" id="addHomeSchooling_desc" name="addHomeSchooling_desc" placeholder="Enter description" data-on-change="#hsDesc" maxlength="500"></textarea>
2244							<p class="charLimit">
2245								Character limit <span id="hsDesc">500</span>/500.
2246							</p>	
2247					</div>
2248          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2249              <p>Image 1</p>
2250              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="homeSchooling_img1" class="program-img" decoding="async" loading="lazy" id="addHomeSchooling_img1">
2251
2252              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addHomeSchooling_img1">
2253                Update image
2254              </button>
2255            </div>
2256          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2257              <p>Image 2</p>
2258              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="homeSchooling_img2" class="program-img" decoding="async" loading="lazy" id="addHomeSchooling_img2">
2259              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addHomeSchooling_img2">
2260                Update image
2261              </button>
2262            </div>
2263          <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2264              <p>Image 3</p>
2265              <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="homeSchooling_img3" class="program-img" decoding="async" loading="lazy" id="addHomeSchooling_img3">
2266              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addHomeSchooling_img3">
2267                Update image
2268              </button>
2269            </div>
2270				</div>
2271        <hr class="my-0">
2272        <div class="row mt-4">
2273        <h5>Info card</h5>
2274        <div class="mb-3 col-md-12">
2275						<label for="addHomeSchooling_card_title" class="form-label camp-form-label">
2276							Title
2277						</label>
2278						<input class="form-control" type="text" id="addHomeSchooling_card_title" name="addHomeSchooling_card_title" placeholder="Enter title" data-on-change="#hsInfoTitle" maxlength="50">
2279								<p class="charLimit">
2280									Character limit <span id="hsInfoTitle">50</span>/50.
2281								</p>
2282					</div>
2283        <div class="mb-3 col-md-12">
2284						<label for="addHomeSchooling_card_desc" class="form-label camp-form-label">
2285							Description
2286						</label>
2287						<textarea class="form-control" type="text" id="addHomeSchooling_card_desc" name="addHomeSchooling_card_desc" placeholder="Enter description" data-on-change="#hsInfoDesc" maxlength="500"></textarea>
2288							<p class="charLimit">
2289								Character limit <span id="hsInfoDesc">500</span>/500.
2290							</p>	
2291					</div>
2292        <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2293              <p>Info Image</p>
2294              <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/program-Create-Image.png" alt="homeSchooling_card_img" class="program-img" decoding="async" loading="lazy" id="addHomeSchooling_card_img">
2295
2296              <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addHomeSchooling_card_img">
2297                Update image
2298              </button>
2299            </div>
2300      </div>
2301			</div>
2302		</div>
2303    <div class="add-tabs--body" id="addAfterSchoolPrograms">
2304    <h4 class="card-header">After School &nbsp;<span class="program-localisation first-letter-caps">Programs</span></h4>
2305    <div class="card-body">
2306      <div class="row">
2307        <div class="mb-3 col-md-4 toggle-text-container">
2308          <p>Toggle ON/OFF the After School &nbsp;<span class="program-localisation first-letter-caps">Programs</span>.</p>
2309          <div class="form-check form-switch">
2310            <input class="form-check-input float-end" type="checkbox" role="switch" id="addAfterSchoolPrograms_toggle">
2311          </div>
2312        </div>
2313          <div class="mb-3 col-md-12">
2314						<label for="addAfterSchoolPrograms_time" class="form-label camp-form-label">
2315							Session Time
2316						</label>
2317						<input class="form-control" type="text" id="addAfterSchoolPrograms_time" name="addAfterSchoolPrograms_time" placeholder="Eg: 1HR Sessions" maxlength="50">
2318					</div>
2319           <div class="mb-3 col-md-12">
2320						<label for="addAfterSchoolPrograms_sessionFormate" class="form-label camp-form-label">
2321							Session Format
2322						</label>
2323						<input class="form-control" type="text" id="addAfterSchoolPrograms_sessionFormate" name="addAfterSchoolPrograms_sessionFormate" placeholder="Eg: Multi-Day">
2324							</div>
2325 <div class="mb-3 col-md-12">
2326						<label for="addAfterSchoolPrograms_age" class="form-label camp-form-label">
2327							Age Range
2328						</label>
2329						<input class="form-control" type="text" id="addAfterSchoolPrograms_age" name="addAfterSchoolPrograms_age" placeholder="Eg: AGES 8-14">
2330					</div>
2331        <div class="mb-3 col-md-12">
2332          <label for="addAfterSchoolPrograms_title" class="form-label camp-form-label">
2333            Title
2334          </label>
2335          <input class="form-control" type="text" id="addAfterSchoolPrograms_title" name="addAfterSchoolPrograms_title" placeholder="Enter title" data-on-change="#hsTitle" maxlength="50">
2336          <p class="charLimit">
2337            Character limit <span id="hsTitle">50</span>/50.
2338          </p>
2339        </div>
2340        <div class="mb-3 col-md-12">
2341          <label for="addAfterSchoolPrograms_desc" class="form-label camp-form-label">
2342            Description
2343          </label>
2344          <textarea class="form-control" type="text" id="addAfterSchoolPrograms_desc" name="addAfterSchoolPrograms_desc" placeholder="Enter description" data-on-change="#hsDesc" maxlength="500"></textarea>
2345          <p class="charLimit">
2346            Character limit <span id="hsDesc">500</span>/500.
2347          </p>
2348        </div>
2349        <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2350          <p>Image 1</p>
2351          <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="AfterSchoolPrograms_img1" class="program-img" decoding="async" loading="lazy" id="addAfterSchoolPrograms_img1">
2352
2353          <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addAfterSchoolPrograms_img1">
2354            Update image
2355          </button>
2356        </div>
2357        <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2358          <p>Image 2</p>
2359          <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="AfterSchoolPrograms_img2" class="program-img" decoding="async" loading="lazy" id="addAfterSchoolPrograms_img2">
2360          <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addAfterSchoolPrograms_img2">
2361            Update image
2362          </button>
2363        </div>
2364        <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2365          <p>Image 3</p>
2366          <img src="https://www.codeninjas.co.uk/hubfs/Mask%20Group%[email protected]" alt="AfterSchoolPrograms_img3" class="program-img" decoding="async" loading="lazy" id="addAfterSchoolPrograms_img3">
2367          <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addAfterSchoolPrograms_img3">
2368            Update image
2369          </button>
2370        </div>
2371      </div>
2372      <hr class="my-0">
2373      <div class="row mt-4">
2374        <h5>Info card</h5>
2375        <div class="mb-3 col-md-12">
2376          <label for="addAfterSchoolPrograms_card_title" class="form-label camp-form-label">
2377            Title
2378          </label>
2379          <input class="form-control" type="text" id="addAfterSchoolPrograms_card_title" name="addAfterSchoolPrograms_card_title" placeholder="Enter title" data-on-change="#hsInfoTitle" maxlength="50">
2380          <p class="charLimit">
2381            Character limit <span id="hsInfoTitle">50</span>/50.
2382          </p>
2383        </div>
2384        <div class="mb-3 col-md-12">
2385          <label for="addAfterSchoolPrograms_card_desc" class="form-label camp-form-label">
2386            Description
2387          </label>
2388          <textarea class="form-control" type="text" id="addAfterSchoolPrograms_card_desc" name="addAfterSchoolPrograms_card_desc" placeholder="Enter description" data-on-change="#hsInfoDesc" maxlength="500"></textarea>
2389          <p class="charLimit">
2390            Character limit <span id="hsInfoDesc">500</span>/500.
2391          </p>
2392        </div>
2393        <div class="mb-3 col-md-6 col-lg-4 program-img-wrapper">
2394          <p>Info Image</p>
2395          <img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/program-Create-Image.png" alt="AfterSchoolPrograms_card_img" class="program-img" decoding="async" loading="lazy" id="addAfterSchoolPrograms_card_img">
2396
2397          <button type="button" class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#basicModal" img-address="#addAfterSchoolPrograms_card_img">
2398            Update image
2399          </button>
2400        </div>
2401      </div>
2402    </div>
2403  </div>
2404   	<div class="add-tabs--body" id="addWorkshop">
2405			<h4 class="card-header">Workshop</h4>
2406			<div class="card-body">  
2407				<div class="row">
2408          <div class="mb-3 col-md-4 toggle-text-container">
2409              <p>Toggle ON/OFF the Workshop.</p>
2410              <div class="form-check form-switch">
2411                <input class="form-check-input float-end" type="checkbox" role="switch" id="addworkshop_toggle">
2412              </div>
2413            </div>
2414            <div class="mb-3 col-md-12">
2415						<label for="addWorkshop_time" class="form-label camp-form-label">
2416							Session Time
2417						</label>
2418						<input class="form-control" type="text" id="addWorkshop_time" name="addWorkshop_time" placeholder="Eg: 1HR Sessions" maxlength="50">
2419					</div>
2420           <div class="mb-3 col-md-12">
2421						<label for="addWorkshop_sessionFormate" class="form-label camp-form-label">
2422							Session Format
2423						</label>
2424						<input class="form-control" type="text" id="addWorkshop_sessionFormate" name="addWorkshop_sessionFormate" placeholder="Eg: One Day">
2425							</div>
2426 <div class="mb-3 col-md-12">
2427						<label for="addWorkshop_age" class="form-label camp-form-label">
2428							Age Range
2429						</label>
2430						<input class="form-control" type="text" id="addWorkshop_age" name="addWorkshop_age" placeholder="Eg: AGES 8-14">
2431					</div>
2432        </div>
2433        </div>
2434    </div>
2435	</form>
2436</div></div>
2437                </div>
2438                
2439              </div>
2440              
2441            </div>
2442          </div>
2443        </div>
2444      </div>
2445    </main></main></div>
2446
2447
2448<!-- / Content -->
2449
2450
2451<!-- Modal For Add FAQ -->
2452<div class="modal fade" id="openAddFaqForm" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
2453	<div class="modal-dialog" role="document">
2454		<div class="modal-content">
2455			<div class="modal-header">
2456				<button type="button" class="btn-close upload_close" data-bs-dismiss="modal" aria-label="Close"></button>
2457			</div>
2458
2459			<div class="modal-body">
2460				<div class="row g-2">
2461          <div class="cn-chatbot--popup--body faq-request-add-form">
2462            <h6>Add FAQ</h6>
2463            <div class="cn-chatbot--form">
2464              <label>Question</label>
2465              <input type="text" id="add_faq_question" placeholder="Question">
2466              <p class="error_msg" id="add_faq_question_error">Question field is required.</p>
2467            </div>
2468            <div class="cn-chatbot--form">
2469              <label>Answer</label>
2470              <textarea id="add_faq_answer"></textarea>
2471              <p class="error_msg" id="add_faq_answer_error">Answer field is required.</p>
2472            </div>
2473            <div class="cn-chatbot--form">
2474               <label>Keywords</label>
2475              <input type="text" id="add_faq_keywords" placeholder="Your keyword">
2476              <p class="error_msg" id="add_faq_kewords_error">Keyword field is required.</p>
2477            </div>
2478            <div class="row">
2479              <div class="col-12"><button class="btn btn-primary" id="submitAddFaqForm">Save changes</button></div>
2480            </div>
2481          </div>
2482				</div>
2483			</div>
2484		</div>
2485	</div>
2486</div>
2487<!-- -->
2488
2489<!-- Modal For Edit FAQ -->
2490<div class="modal fade" id="openEditFaqForm" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
2491	<div class="modal-dialog" role="document">
2492		<div class="modal-content">
2493			<div class="modal-header">
2494				<button type="button" class="btn-close upload_close" data-bs-dismiss="modal" aria-label="Close"></button>
2495			</div>
2496
2497			<div class="modal-body">
2498				<div class="row g-2">
2499					<!-- -->
2500          <div class="cn-chatbot--popup--body faq-request-edit-form">
2501            <h6>Edit FAQ</h6>
2502            <div class="cn-chatbot--form">
2503              <label>Question</label>
2504              <input type="text" id="faq_question" placeholder="Question">
2505              <p class="error_msg" id="faq_question_error">Question field is required.</p>
2506            </div>
2507            <div class="cn-chatbot--form">
2508              <label>Answer</label>
2509              <textarea id="faq_answer"></textarea>
2510            </div>
2511            <p class="error_msg" id="faq_answer_error">Answer field is required.</p>
2512            <div class="cn-chatbot--form">
2513               <label>Keywords</label>
2514              <input type="text" id="faq_keywords" placeholder="Your keyword">
2515              <p class="error_msg" id="faq_kewords_error">Keyword field is required.</p>
2516            </div>
2517            <input type="hidden" id="faq_facilityId">
2518            <div class="row">
2519              <div class="col-12"><button class="btn btn-primary" id="submitFaqEditForm">Save changes</button></div>
2520            </div>
2521          </div>
2522          <!-- -->
2523				</div>
2524			</div>
2525		</div>
2526	</div>
2527</div>
2528<!-- -->
2529
2530<!-- Modal for common img upload -->
2531<div class="modal fade" id="basicModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
2532	<div class="modal-dialog" role="document">
2533		<div class="modal-content">
2534			<div class="modal-header">
2535				<button type="button" class="btn-close upload_close" data-bs-dismiss="modal" aria-label="Close"></button>
2536			</div>
2537
2538			<div class="modal-body">
2539				<div class="row g-2">
2540          <p class="note">Please upload images less than or equal to 2mb.</p>
2541					<div class="col mb-0 drop_container upload_drop_container">
2542						<div id="drop_input">
2543							<label for="franchise_upload_input" class="upload_label">Drag &amp; drop the image here or <b>Browse</b>
2544							</label>
2545							<input type="file" name="" id="franchise_upload_input" accept="image/*" hidden>
2546						</div>
2547					</div>
2548          <p style="display: none" class="campModal_error_msg" id="uploadImg_error">Please select an image to upload.</p>
2549          <p style="display: none" class="campModal_error_msg" id="uploadImg_sizeError">Selected image is more than 2mb.</p>
2550				</div>
2551			</div>
2552			<div class="modal-footer">
2553				<button type="button" class="btn btn-outline-secondary upload_close" data-bs-dismiss="modal">
2554					Close
2555				</button>
2556				<button type="button" class="btn btn-primary" id="upload_btn">Upload</button>
2557			</div>
2558		</div>
2559	</div>
2560</div>
2561<!-- -->
2562
2563<!-- Modal for add CAMPS events -->
2564<div class="modal fade" id="campsAddModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
2565	<div class="modal-dialog" role="document">
2566		<div class="modal-content">
2567			<div class="modal-header">
2568				<p>Add Camps</p>
2569				<button type="button" class="btn-close upload_close" data-bs-dismiss="modal" aria-label="Close"></button>
2570			</div>
2571
2572			<div class="modal-body">
2573				<div class="row g-2" id="campsAddModal_body">
2574					<div class="col-6 mb-0">
2575						<label for="campsAddModal_title" class="form-label camp-form-label">Title
2576						</label>
2577						<input class="form-control" type="text" id="campsAddModal_title" name="campsAddModal_title" placeholder="Enter title" data-on-change="#csAddTitle" maxlength="75">
2578							<p class="charLimit">
2579								Character limit <span id="csAddTitle">75</span>/75.
2580							</p>
2581            <p style="display: none" class="campModal_error_msg" id="campsAddModal_title_error">Title field is required.</p>
2582					</div>
2583					<div class="col-6 mb-0">
2584						<label for="campsAddModal_campURL" class="form-label camp-form-label">Camp URL
2585						</label>
2586						<input class="form-control" type="text" id="campsAddModal_campURL" name="campsAddModal_campURL" placeholder="Enter URL">
2587            <p style="display: none" class="campModal_error_msg" id="campsAddModal_campURL_error">Camp URL is required.</p>
2588					</div>
2589					<div class="col-12 mb-0">
2590						<label for="campsAddModal_desc" class="form-label camp-form-label">Description
2591						</label>
2592						<textarea class="form-control" type="text" id="campsAddModal_desc" name="campsAddModal_desc" placeholder="Enter description" data-on-change="#csAddDesc" maxlength="1000"></textarea>
2593							<p class="charLimit">
2594								Character limit <span id="csAddDesc">1000</span>/1000.
2595							</p>
2596            <p style="display: none" class="campModal_error_msg" id="campsAddModal_desc_error">Description is required.</p>
2597					</div>
2598					<div class="col-6 mb-0">
2599						<label for="campsAddModal_price" class="form-label camp-form-label">Price
2600						</label>
2601						<input class="form-control" type="number" id="campsAddModal_price" name="campsAddModal_price" placeholder="Enter price">
2602            <p style="display: none" class="campModal_error_msg" id="campsAddModal_price_error">Price is required.</p>
2603					</div>
2604					<div class="col-6 mb-0">
2605						<label for="campsAddModal_minAge" class="form-label camp-form-label">Min age
2606						</label>
2607						<input class="form-control" type="number" id="campsAddModal_minAge" name="campsAddModal_minAge" placeholder="Enter min age">
2608            <p style="display: none" class="campModal_error_msg" id="campsAddModal_minAge_error">Min age is required.</p>
2609					</div>
2610					<div class="col-6 mb-0">
2611						<label for="campsAddModal_startDate" class="form-label camp-form-label">Start Date
2612						</label>
2613						<input class="form-control" type="date" id="campsAddModal_startDate" name="campsAddModal_startDate">
2614            <p style="display: none" class="campModal_error_msg" id="campsAddModal_startDate_error">Start date is required.</p>
2615					</div>
2616					<div class="col-6 mb-0">
2617						<label for="campsAddModal_endDate" class="form-label camp-form-label">End Date
2618						</label>
2619						<input class="form-control" type="date" id="campsAddModal_endDate" name="campsAddModal_endDate">
2620            <p style="display: none" class="campModal_error_msg" id="campsAddModal_endDate_error">End date is required.</p>
2621					</div>
2622					<div class="col-6 mb-0">
2623						<label for="campsAddModal_startTime" class="form-label camp-form-label">Start time
2624						</label>
2625						<input class="form-control" type="time" id="campsAddModal_startTime" name="campsAddModal_startTime">
2626            <p style="display: none" class="campModal_error_msg" id="campsAddModal_startTime_error">Start time is required.</p>
2627					</div>
2628					<div class="col-6 mb-0">
2629						<label for="campsAddModal_endTime" class="form-label camp-form-label">End Time
2630						</label>
2631						<input class="form-control" type="time" id="campsAddModal_endTime" name="campsAddModal_endTime">
2632            <p style="display: none" class="campModal_error_msg" id="campsAddModal_endTime_error">End time is required.</p>
2633					</div>
2634					<div class="mb-3 col-md-12 program-img-wrapper">
2635						<p>Camp image</p>
2636						<img src="https://www.codeninjas.co.uk/hubfs/CodeNinjas%20-%20Marketting%20Website/fq-2.png" alt="jr_thumbnail" class="program-img" id="campsAddModal_campImg">
2637						<button type="button" class="btn btn-primary me-2 campsAddModal_updateImage" img-address="#campsAddModal_campImg">
2638							Update Image
2639						</button>
2640					</div>
2641					<div class="campsAddModal_imgUpload" style="display: none">
2642            <p class="note">Please upload images less than or equal to 2mb.</p>
2643						<div class="col mb-0 drop_container campsAddModal_drop_container">
2644							<div class="campsAddModal_drop_input">
2645								<label for="campsAddModal_img_input" class="upload_label">Drag &amp; drop the image here or <b>Browse</b>
2646								</label>
2647								<input type="file" name="campsAddModal_img_input" id="campsAddModal_img_input" accept="image/*" hidden>
2648							</div>
2649						</div>
2650            <p style="display: none" class="campModal_error_msg" id="campsAddModal_uploadImg_error">Please select an image to upload.</p>
2651            <p style="display: none" class="campModal_error_msg" id="campsAddModal_uploadImg_sizeError">Selected image is more than 2mb.</p>
2652						<div class="modal-footer">
2653							<button type="button" class="btn btn-outline-secondary campsAddModal_upload_close">
2654								Close
2655							</button>
2656							<button type="button" class="btn btn-primary campsAddModal_upload_btn">
2657								Upload
2658							</button>
2659						</div>
2660					</div>
2661				</div>
2662			</div>
2663			<div class="modal-footer">
2664				<button type="button" class="btn btn-outline-secondary campsAddModal_close" data-bs-dismiss="modal">
2665					Close
2666				</button>
2667				<button type="button" class="btn btn-primary" id="saveCampsEvent">
2668					Save
2669				</button>
2670			</div>
2671		</div>
2672	</div>
2673</div>
2674<!-- -->
2675
2676
2677<!-- Modal for edit CAMPS events -->
2678<div class="modal fade" id="campsEditModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
2679	<div class="modal-dialog" role="document">
2680		<div class="modal-content">
2681			<div class="modal-header">
2682				<p>Edit Camps</p>
2683				<button type="button" class="btn-close upload_close" data-bs-dismiss="modal" aria-label="Close"></button>
2684			</div>
2685
2686			<div class="modal-body">
2687				<div class="row g-2" id="campsEditModal_body">
2688					<div class="col-6 mb-0">
2689						<label for="campsEditModal_title" class="form-label camp-form-label">Title
2690						</label>
2691						<input class="form-control" type="text" id="campsEditModal_title" name="campsEditModal_title" placeholder="Enter title" data-on-change="#csEditTitle" maxlength="75">
2692							<p class="charLimit">
2693								Character limit <span id="csEditTitle">75</span>/75.
2694							</p>
2695            <p style="display: none" class="campModal_error_msg" id="campsEditModal_title_error">Title field is required.</p>
2696					</div>
2697					<div class="col-6 mb-0">
2698						<label for="campsEditModal_campURL" class="form-label camp-form-label">Camp URL
2699						</label>
2700						<input class="form-control" type="text" id="campsEditModal_campURL" name="campsEditModal_campURL" placeholder="Enter URL">
2701            <p style="display: none" class="campModal_error_msg" id="campsEditModal_campURL_error">Camp URL is required.</p>
2702					</div>
2703					<div class="col-12 mb-0">
2704						<label for="campsEditModal_desc" class="form-label camp-form-label">Description
2705						</label>
2706						<textarea class="form-control" type="text" id="campsEditModal_desc" name="campsEditModal_desc" placeholder="Enter description" data-on-change="#csEditDesc" maxlength="1000"></textarea>
2707							<p class="charLimit">
2708								Character limit <span id="csEditDesc">1000</span>/1000.
2709							</p>
2710            <p style="display: none" class="campModal_error_msg" id="campsEditModal_desc_error">Description is required.</p>
2711					</div>
2712					<div class="col-6 mb-0">
2713						<label for="campsEditModal_price" class="form-label camp-form-label">Price
2714						</label>
2715						<input class="form-control" type="number" id="campsEditModal_price" name="campsEditModal_price" placeholder="Enter price">
2716            <p style="display: none" class="campModal_error_msg" id="campsEditModal_price_error">Price is required.</p>
2717					</div>
2718					<div class="col-6 mb-0">
2719						<label for="campsEditModal_minAge" class="form-label camp-form-label">Min age
2720						</label>
2721						<input class="form-control" type="number" id="campsEditModal_minAge" name="campsEditModal_minAge" placeholder="Enter min age">
2722            <p style="display: none" class="campModal_error_msg" id="campsEditModal_minAge_error">Min age is required.</p>
2723					</div>
2724					<div class="col-6 mb-0">
2725						<label for="campsEditModal_startDate" class="form-label camp-form-label">Start Date
2726						</label>
2727						<input class="form-control" type="date" id="campsEditModal_startDate" name="campsEditModal_startDate">
2728            <p style="display: none" class="campModal_error_msg" id="campsEditModal_startDate_error">Start date is required.</p>
2729					</div>
2730					<div class="col-6 mb-0">
2731						<label for="campsEditModal_endDate" class="form-label camp-form-label">End Date
2732						</label>
2733						<input class="form-control" type="date" id="campsEditModal_endDate" name="campsEditModal_endDate">
2734            <p style="display: none" class="campModal_error_msg" id="campsEditModal_endDate_error">End date is required.</p>
2735					</div>
2736					<div class="col-6 mb-0">
2737						<label for="campsEditModal_startTime" class="form-label camp-form-label">Start time
2738						</label>
2739						<input class="form-control" type="time" id="campsEditModal_startTime" name="campsEditModal_startTime">
2740            <p style="display: none" class="campModal_error_msg" id="campsEditModal_startTime_error">Start time is required.</p>
2741					</div>
2742					<div class="col-6 mb-0">
2743						<label for="campsEditModal_endTime" class="form-label camp-form-label">End Time
2744						</label>
2745						<input class="form-control" type="time" id="campsEditModal_endTime" name="campsEditModal_endTime">
2746            <p style="display: none" class="campModal_error_msg" id="campsEditModal_endTime_error">End time is required.</p>
2747					</div>
2748
2749					<div class="mb-3 col-md-12 program-img-wrapper">
2750						<p>Camp image</p>
2751						<img src="https://www.codeninjas.co.uk/hubfs/MicrosoftTeams-image%20(31)@2x.png" alt="campsEditModal_campImg" class="program-img" id="campsEditModal_campImg">
2752						<button type="button" class="btn btn-primary me-2 campsEditModal_updateImage" img-address="#campsEditModal_campImg">
2753							Update Image
2754						</button>
2755					</div>
2756					<div class="campsEditModal_imgUpload" style="display: none">
2757            <p class="note">Please upload images less than or equal to 2mb.</p>
2758						<div class="col mb-0 drop_container campsEditModal_drop_container">
2759							<div class="campsEditModal_drop_input">
2760								<label for="campsEditModal_img_input" class="upload_label">Drag &amp; drop the image here or <b>Browse</b>
2761								</label>
2762								<input type="file" name="campsEditModal_img_input" id="campsEditModal_img_input" accept="image/*" hidden>
2763							</div>
2764						</div>
2765            <p style="display: none" class="campModal_error_msg" id="campsEditModal_uploadImg_error">Please select an image to upload.</p>
2766            <p style="display: none" class="campModal_error_msg" id="campsEditModal_uploadImg_sizeError">Selected image is more than 2mb.</p>
2767						<div class="modal-footer">
2768							<button type="button" class="btn btn-outline-secondary campsEditModal_upload_close">
2769								Close
2770							</button>
2771							<button type="button" class="btn btn-primary campsEditModal_upload_btn">
2772								Upload
2773							</button>
2774						</div>
2775					</div>
2776					<input type="hidden" id="campsEditModal_campId">
2777				</div>
2778			</div>
2779			<div class="modal-footer">
2780				<button type="button" class="btn btn-outline-secondary campsEditModal_close" data-bs-dismiss="modal">
2781					Close
2782				</button>
2783				<button type="button" class="btn btn-primary" id="saveEditedCampsEvent">
2784					Save
2785				</button>
2786			</div>
2787		</div>
2788	</div>
2789</div>
2790<!-- -->
2791
2792<!-- Modal for token expiry-->
2793<div class="modal fade" id="tokenExpiryModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
2794	<div class="modal-dialog" role="document">
2795		<div class="modal-content">
2796			<div class="modal-header">
2797        <p>Warning</p>
2798				<button type="button" class="btn-close upload_close" data-bs-dismiss="modal" aria-label="Close"></button>
2799			</div>
2800
2801			<div class="modal-body">
2802				<div class="row g-2">
2803          <p>Your changes cannot be saved right now.</p>
2804          <p>Please logout and login again to add your changes.</p>
2805				</div>
2806			</div>
2807			<div class="modal-footer">
2808				<button type="button" class="btn btn-outline-secondary upload_close" data-bs-dismiss="modal">
2809					Close
2810				</button>
2811<!-- 				<button type="button" class="btn btn-primary" onClick="signOutFranchise()" >Logout</button> -->
2812			</div>
2813		</div>
2814	</div>
2815</div>
2816<!-- -->
2817
2818<!-- Modal for facility selection-->
2819<div class="modal fade" id="facilitySelectModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
2820	<div class="modal-dialog" role="document">
2821		<div class="modal-content">
2822			<div class="modal-header">
2823				<p>Select a Facility</p>
2824				<button type="button" class="btn-close upload_close" data-bs-dismiss="modal" aria-label="Close"></button>
2825			</div>
2826			<div class="modal-body mx-auto ui-front">
2827        <div class="menu-vertical bg-menu-theme" style="height:auto !important; background: #04325a !important;">
2828          <ul id="facilitySelectList" class="menu-inner py-1">
2829            <li class="menu-item"></li>
2830          </ul>
2831        </div>
2832        <div>
2833          <input id="facilitySelectSearch" placeholder="Type a Facility Name Here">
2834        </div>
2835			</div>
2836			<div class="modal-footer">
2837        <!--<button	type="button"	class="btn btn-outline-primary" id="selectFacilityLocation" data-bs-dismiss="modal">SELECT LOCATION</button>-->
2838				<button type="button" class="btn btn-outline-secondary upload_close" data-bs-dismiss="modal">Close</button>
2839			</div>
2840		</div>
2841	</div>
2842</div>
2843<!-- -->
2844
2845<!-- Modal for Advanced Center Profile-->
2846<div class="modal fade" id="editFacilityInfos" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
2847	<div class="modal-dialog" role="document">
2848		<div class="modal-content">
2849			<div class="modal-header">
2850				<p>Edit facility Information</p>
2851				<button type="button" class="btn-close edit_close" data-bs-dismiss="modal" aria-label="Close"></button>
2852			</div>
2853			<div class="modal-body mx-auto ui-front">
2854        <div class="menu-vertical" style="height:auto !important;">
2855          <h6>Unique Name</h6>
2856          <input class="form-control" type="text" id="franchise_unique_name" name="franchise_unique_name_lable" required>
2857          <div id="Unique_name_null" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2858             <h6 style="margin-top:10px !important;">Address 1</h6>
2859          <input class="form-control" type="text" id="franchise_address_1" name="franchise_address_1" placeholder="Enter Franchise Address 1">
2860          <div id="address1_null" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2861          <h6 style="margin-top:10px !important;">Address 2</h6>
2862          <input class="form-control" type="text" id="franchise_address_2" name="franchise_address_2" placeholder="Enter Franchise Address 2">
2863          <div id="address2_null" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2864          <h6 style="margin-top:10px !important;">City</h6>
2865          <input class="form-control" type="text" id="franchise_city" name="franchise_city" placeholder="Enter Franchise City">
2866          <div id="city_null" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2867          <h6 style="margin-top:10px !important;">State</h6>
2868          <input class="form-control" type="text" id="franchise_state" name="franchise_state" placeholder="Enter Franchise state">
2869          <div id="state_null" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2870          <div id="StateId_error" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2871          <div id="franchise_state_error" class="error-message" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2872          <h6 style="margin-top:10px !important;">Postal Code</h6>
2873          <input class="form-control" type="text" id="franchise_postal_code" name="franchise_postal_code" placeholder="Enter Franchise Postal Code">
2874          <div id="postal_code_error" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2875          <div id="postal_code_null" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2876          <h6 style="margin-top:10px !important;">Longitude</h6>
2877          <input class="form-control" type="text" id="franchise_lng" name="franchise_lng" placeholder="Enter Franchise Longitude">
2878          <div id="franchise_lng_null" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2879          <div id="franchise_lng_error" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2880           <h6 style="margin-top:10px !important;">Latitude</h6>
2881          <input class="form-control" type="text" id="franchise_lat" name="franchise_lat" placeholder="Enter Franchise Latitude">
2882           <div id="franchise_lat_null" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2883          <div id="franchise_lat_error" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2884          <h6 style="margin-top:10px !important;">Soft Opening Date</h6>
2885          <input class="form-control" type="date" id="franchise_opening_date" name="franchise_opening_date" placeholder="Enter Franchise Soft Opening Date">
2886           <div id="openeing_date_null" style="color: red; font-size: 0.85rem; margin-top: 4px;"></div>
2887          <h6 style="margin-top:10px !important;">Enrolling Status</h6>
2888          <label>
2889            <input id="franchise_enroll_status_true" type="radio" name="franchise_enroll_status" value="true">
2890            Yes
2891          </label>
2892          <label>
2893           <input id="franchise_enroll_status_false" type="radio" name="franchise_enroll_status" value="false">
2894            No
2895          </label>
2896      </div>
2897        </div>
2898			<div class="modal-footer">
2899        <button type="button" id="editSaveBtn" class="btn btn-outline-secondary edit_facility">Save</button>
2900        <!--<button	type="button"	class="btn btn-outline-primary" id="selectFacilityLocation" data-bs-dismiss="modal">SELECT LOCATION</button>-->
2901				<button type="button" class="btn btn-outline-secondary edit_cancel">Undo</button>
2902			</div>
2903		</div>
2904	</div>
2905<div>
2906  
2907</div>
2908
2909
2910      
2911      
2912    </div>
2913    
2913<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
2913
2914    
2914<script src="https://unpkg.com/[email protected]/es2021/jodit.min.js"></script>
2914
2915    
2916    
2917    
2918    
2919    
2920    
2921    
2922    
2923<!-- HubSpot performance collection script -->
2924<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 2924
2924
2925<script>
2926var hsVars = hsVars || {}; hsVars['language'] = 'en-gb';
2927</script>
2927
2928
2929<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
vendor: 1 bytes, line 2929
2929
2930<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721402382/1744454667057/template_jquery-3.6.3.min.js"></script>
vendor: 1 bytes, line 2930
2930
2931<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721986480/1744454686543/template_msal-browser.min.js"></script>
vendor: 1 bytes, line 2931
2931
2932<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721897311/1744454670437/template_bootstrap.min.js"></script>
vendor: 1 bytes, line 2932
2932
2933<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721402391/1744454679785/template_constants.min.js"></script>
vendor: 1 bytes, line 2933
2933
2934<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721402387/1770912192456/template_auth.min.js"></script>
vendor: 1 bytes, line 2934
2934
2935<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721897309/1781425975563/template_authUI.min.js"></script>
vendor: 1 bytes, line 2935
2935
2936<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/139328866448/1739280881375/template_localisation.min.js"></script>
vendor: 1 bytes, line 2936
2936
2937<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721402407/1752607401063/module_admin-menu.min.js"></script>
vendor: 1 bytes, line 2937
2937
2938<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721402429/1747775374067/module_Franchise-custom-basic-info.min.js"></script>
vendor: 1 bytes, line 2938
2938
2939<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721402392/1744454688745/template_faqServices.min.js"></script>
vendor: 1 bytes, line 2939
2939
2940<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721986479/1781426044624/template_DashboardHelper.min.js"></script>
vendor: 1 bytes, line 2940
2940
2941<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721897333/1781425916288/module_Franchise-custom-form.min.js"></script>
vendor: 1 bytes, line 2941
2941
2942<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721402389/1744454711554/template_CampsEventServices.min.js"></script>
vendor: 1 bytes, line 2942
2942
2943<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721897308/1744454673193/template_moment.min.js"></script>
vendor: 1 bytes, line 2943
2943
2944<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721986566/1780644442527/module_Camp_Customization.min.js"></script>
vendor: 1 bytes, line 2944
2944
2945<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/template_assets/1/126721897305/1744454682675/template_customPageHelper.min.js"></script>
vendor: 1 bytes, line 2945
2945
2946<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721897331/1768381401833/module_Custom_Page.min.js"></script>
vendor: 1 bytes, line 2946
2946
2947<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721402444/1744542211317/module_PTO-PTA_Customisation.min.js"></script>
vendor: 1 bytes, line 2947
2947
2948<script src="https://www.codeninjas.co.uk/hubfs/hub_generated/module_assets/1/126721402406/1780644683520/module_Additional-programs-customisation.min.js"></script>
2948
2949
2950<!-- Start of HubSpot Analytics Code -->
2951<script type="text/javascript">
2952var _hsq = _hsq || [];
2953_hsq.push(["setContentType", "standard-page"]);
2954_hsq.push(["setCanonicalUrl", "https:\/\/www.codeninjas.co.uk\/franchise-dashboard"]);
2955_hsq.push(["setPageId", "139434221193"]);
2956_hsq.push(["setContentMetadata", {
2957    "contentPageId": 139434221193,
2958    "legacyPageId": "139434221193",
2959    "contentFolderId": null,
2960    "contentGroupId": null,
2961    "abTestId": null,
2962    "languageVariantId": 139434221193,
2963    "languageCode": "en-gb",
2964    
2965    
2966}]);
2967</script>
2967
2968
2969<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/39646145.js"></script>
2969
2970<!-- End of HubSpot Analytics Code -->
2971
2972
2973<script type="text/javascript">
2974var hsVars = {
2975    render_id: "d5ee2362-fa18-4ce3-af53-c810b4ddc16c",
2976    ticks: 1789718687738,
2977    page_id: 139434221193,
2978    
2979    content_group_id: 0,
2980    portal_id: 39646145,
2981    app_hs_base_url: "https://app.hubspot.com",
2982    cp_hs_base_url: "https://cp.hubspot.com",
2983    language: "en-gb",
2984    analytics_page_type: "standard-page",
2985    scp_content_type: "",
2986    
2987    analytics_page_id: "139434221193",
2988    category_id: 1,
2989    folder_id: 0,
2990    is_hubspot_user: false
2991}
2992</script>
2992
2993
2994
2995<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
2995
2996
2997<!-- Google Tag Manager (noscript) -->
2998<!--noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NPV3L2N9"
2999height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript -->
3000<!-- End Google Tag Manager (noscript) -->
3001
3002
3003    
3003<script src="https://code.jquery.com/ui/1.14.1/jquery-ui.js"></script>
3003
3004  
3005</body></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.