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><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1052755944754911&amp;ev=PageView&amp;noscript=1"></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&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&name=Group%[email protected] 90w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=180&name=Group%[email protected] 180w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=270&name=Group%[email protected] 270w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=360&name=Group%[email protected] 360w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=450&name=Group%[email protected] 450w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=540&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&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&name=Group%[email protected] 90w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=180&name=Group%[email protected] 180w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=270&name=Group%[email protected] 270w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=360&name=Group%[email protected] 360w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=450&name=Group%[email protected] 450w, https://www.codeninjas.co.uk/hs-fs/hubfs/Code%20Ninjas%20-%20Franchise%20Customisation/images/Group%[email protected]?width=540&
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 <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 <span class="single-program-localisation first-letter-caps">Program</span></li> 388 <li data-tab="#jrProgram">JR <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 <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 <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 <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 & 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 & 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 & 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.