Form In Motion | Scheduling and Booking Website

<!DOCTYPE html>  <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=2"> <title>Form In Motion | Scheduling and Booking Website</title> <meta name="description" content="Form in Motion is Singapore's premiere Garuda Studio. What is the Garuda method? Garuda combines the best of many well-founded disciplines that help you Explore and stretch your body’s potential in a precise, yet intuitive and graceful way Gain greater mindfulness and self-awareness through meditative focus and concentration.It draws from the movement and breathing techniques of yoga and pilates, the grace, fluidity and beauty of dance, the natural ease of Gyrotonic exercises, the flexibility and coordination of the Feldenkrais method, and the balance and focus of Tai Chi. This is a workout that is designed to help you improve: Core strength and stamina Body awareness Ease and range of motion Muscle strength Balance, flexibility, coordination and agility Focus and concentration Emotional regulation Stress management" /> <meta property="og:image" content="https://forminmotion.simplybook.asia/uploads/forminmotion/image_files/preview/3f161b0ec384a9d7cc3473602b224e8a.png" /> <meta property="og:title" content="Form In Motion | Scheduling and Booking Website" /> <meta property="og:description" content="Form in Motion is Singapore's premiere Garuda Studio. What is the Garuda method? Garuda combines the best of many well-founded disciplines that help you Explore and stretch your body’s potential in a precise, yet intuitive and graceful way Gain greater mindfulness and self-awareness through meditative focus and concentration.It draws from the movement and breathing techniques of yoga and pilates, the grace, fluidity and beauty of dance, the natural ease of Gyrotonic exercises, the flexibility and coordination of the Feldenkrais method, and the balance and focus of Tai Chi. This is a workout that is designed to help you improve: Core strength and stamina Body awareness Ease and range of motion Muscle strength Balance, flexibility, coordination and agility Focus and concentration Emotional regulation Stress management" /> <meta property="og:url" content="https://forminmotion.simplybook.asia/v2/" /> <link rel="sitemap" href="/v2/sitemap" type="application/xml" /> <link href="/v2/themes/air/css/styles.css?r=snb0q4" rel="stylesheet"> <script type="text/javascript" src="/v2/translations.js?r=snb0q4&v=1"></script> <script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"LocalBusiness","name":"Form In Motion","description":"<p><span style=\"font-size: 14px;\">Form in Motion is Singapore's premiere Garuda Studio.\u00a0<\/span><\/p><p><b><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">What is the Garuda method?\u00a0<\/span><\/b><\/p><p><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Garuda combines the best of many well-founded disciplines that help you <\/span><\/p><ul><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Explore and stretch your body\u2019s potential in a precise, yet intuitive and graceful way <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Gain greater mindfulness and self-awareness through meditative focus and concentration.<\/span><br><br><\/li><\/ul><p><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">It draws from the movement and breathing techniques of yoga and pilates, the grace, fluidity and beauty of dance, the natural ease of Gyrotonic exercises, the flexibility and coordination of the Feldenkrais method, and the balance and focus of Tai Chi. <\/span><\/p><p><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">This is a workout that is designed to help you improve: <\/span><\/p><ul><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Core strength and stamina <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Body awareness <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Ease and range of motion <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Muscle strength <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Balance, flexibility, coordination and agility <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Focus and concentration <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Emotional regulation <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Stress management<\/span><br><span style=\"font-family: Arial;\">\ufeff<\/span><span style=\"font-family: \" arial=\"\" black\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" comic=\"\" sans=\"\" ms\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" courier=\"\" new\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" helvetica=\"\" neue\";\"=\"\">\ufeff<\/span><span style=\"font-family: Helvetica;\">\ufeff<\/span><span style=\"font-family: Impact;\">\ufeff<\/span><span style=\"font-family: \" lucida=\"\" grande\";\"=\"\">\ufeff<\/span><span style=\"font-family: Tahoma;\">\ufeff<\/span><span style=\"font-family: \" times=\"\" new=\"\" roman\";\"=\"\">\ufeff<\/span><span style=\"font-family: Verdana;\">\ufeff<\/span><span style=\"font-family: \" open=\"\" sans\";\"=\"\">\ufeff<\/span><span style=\"font-size: 8px;\">\ufeff<\/span><span style=\"font-size: 9px;\">\ufeff<\/span><span style=\"font-size: 10px;\">\ufeff<\/span><span style=\"font-size: 11px;\">\ufeff<\/span><span style=\"font-size: 12px;\">\ufeff<\/span><span style=\"font-size: 14px;\">\ufeff<\/span><span style=\"font-size: 18px;\">\ufeff<\/span><span style=\"font-size: 24px;\">\ufeff<\/span><span style=\"font-size: 36px;\">\ufeff<\/span><span style=\"font-family: Arial;\">\ufeff<\/span><span style=\"font-family: \" arial=\"\" black\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" comic=\"\" sans=\"\" ms\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" courier=\"\" new\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" helvetica=\"\" neue\";\"=\"\">\ufeff<\/span><span style=\"font-family: Helvetica;\">\ufeff<\/span><span style=\"font-family: Impact;\">\ufeff<\/span><span style=\"font-family: \" lucida=\"\" grande\";\"=\"\">\ufeff<\/span><span style=\"font-family: Tahoma;\">\ufeff<\/span><span style=\"font-family: \" times=\"\" new=\"\" roman\";\"=\"\">\ufeff<\/span><span style=\"font-family: Verdana;\">\ufeff<\/span><span style=\"font-family: \" open=\"\" sans\";\"=\"\">\ufeff<\/span><span style=\"font-size: 8px;\">\ufeff<\/span><span style=\"font-size: 9px;\">\ufeff<\/span><span style=\"font-size: 10px;\">\ufeff<\/span><span style=\"font-size: 11px;\">\ufeff<\/span><span style=\"font-size: 12px;\">\ufeff<\/span><span style=\"font-size: 14px;\">\ufeff<\/span><span style=\"font-size: 18px;\">\ufeff<\/span><span style=\"font-size: 24px;\">\ufeff<\/span><span style=\"font-size: 36px;\">\ufeff<\/span><span style=\"font-family: Arial;\">\ufeff<\/span><span style=\"font-family: \" arial=\"\" black\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" comic=\"\" sans=\"\" ms\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" courier=\"\" new\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" helvetica=\"\" neue\";\"=\"\">\ufeff<\/span><span style=\"font-family: Helvetica;\">\ufeff<\/span><span style=\"font-family: Impact;\">\ufeff<\/span><span style=\"font-family: \" lucida=\"\" grande\";\"=\"\">\ufeff<\/span><span style=\"font-family: Tahoma;\">\ufeff<\/span><span style=\"font-family: \" times=\"\" new=\"\" roman\";\"=\"\">\ufeff<\/span><span style=\"font-family: Verdana;\">\ufeff<\/span><span style=\"font-family: \" open=\"\" sans\";\"=\"\">\ufeff<\/span><span style=\"font-size: 8px;\">\ufeff<\/span><span style=\"font-size: 9px;\">\ufeff<\/span><span style=\"font-size: 10px;\">\ufeff<\/span><span style=\"font-size: 11px;\">\ufeff<\/span><span style=\"font-size: 12px;\">\ufeff<\/span><span style=\"font-size: 14px;\">\ufeff<\/span><span style=\"font-size: 18px;\">\ufeff<\/span><span style=\"font-size: 24px;\">\ufeff<\/span><span style=\"font-size: 36px;\">\ufeff<\/span><span style=\"font-family: Arial;\">\ufeff<\/span><span style=\"font-family: \"Arial Black\";\">\ufeff<\/span><span style=\"font-family: \"Comic Sans MS\";\">\ufeff<\/span><span style=\"font-family: \"Courier New\";\">\ufeff<\/span><span style=\"font-family: \"Helvetica Neue\";\">\ufeff<\/span><span style=\"font-family: Helvetica;\">\ufeff<\/span><span style=\"font-family: Impact;\">\ufeff<\/span><span style=\"font-family: \"Lucida Grande\";\">\ufeff<\/span><span style=\"font-family: Tahoma;\">\ufeff<\/span><span style=\"font-family: \"Times New Roman\";\">\ufeff<\/span><span style=\"font-family: Verdana;\">\ufeff<\/span><span style=\"font-family: \"Open Sans\";\">\ufeff<\/span><span style=\"font-size: 8px;\">\ufeff<\/span><span style=\"font-size: 9px;\">\ufeff<\/span><span style=\"font-size: 10px;\">\ufeff<\/span><span style=\"font-size: 11px;\">\ufeff<\/span><span style=\"font-size: 12px;\">\ufeff<\/span><span style=\"font-size: 14px;\">\ufeff<\/span><span style=\"font-size: 18px;\">\ufeff<\/span><span style=\"font-size: 24px;\">\ufeff<\/span><span style=\"font-size: 36px;\">\ufeff<\/span><\/li><\/ul>","email":"hello@forminmotion.co","telephone":null,"url":"https:\/\/forminmotion.simplybook.asia","address":{"@context":"http:\/\/schema.org","@type":"PostalAddress","addressLocality":null,"postalCode":null,"streetAddress":" ","addressRegion":"","addressCountry":"SG"},"areaServed":{"@context":"http:\/\/schema.org","@type":"Place","geo":{"@context":"http:\/\/schema.org","@type":"GeoCoordinates","latitude":null,"longitude":null}},"logo":"https:\/\/forminmotion.simplybook.asia\/uploads\/forminmotion\/image_files\/preview\/3f161b0ec384a9d7cc3473602b224e8a.png","image":"https:\/\/forminmotion.simplybook.asia\/uploads\/forminmotion\/image_files\/preview\/3f161b0ec384a9d7cc3473602b224e8a.png","aggregateRating":{"@context":"http:\/\/schema.org","@type":"AggregateRating","ratingCount":5,"ratingValue":5,"bestRating":5,"worstRating":1},"review":[{"@context":"http:\/\/schema.org","@type":"Review","author":{"@context":"http:\/\/schema.org","@type":"Person","name":"Jamie"},"datePublished":"2021-06-27","description":"Have been taking Dorothy's classes since Circuit Breaker, and enjoyed them very much! I've found that my body got stronger, my balance got better, and (I think) I can locate my core muscles now lol. Dorothy is kind, patient, and caring - though her classes are via Zoom, she still corrects my form, and her explanations are easy to follow. I've been recommending her classes to my friends. Thank you Dorothy, you're awesome :)","name":"Highly recommended!","reviewRating":{"@context":"http:\/\/schema.org","@type":"Rating","bestRating":5,"worstRating":1,"ratingValue":"5"}},{"@context":"http:\/\/schema.org","@type":"Review","author":{"@context":"http:\/\/schema.org","@type":"Person","name":"Puteri Suman"},"datePublished":"2020-05-08","description":"Love the spinal movement and the stretching, is a good workout. The breathing exercise is good to calm down the active mind :) Thanks Dorothy","name":"Garuda Chair","reviewRating":{"@context":"http:\/\/schema.org","@type":"Rating","bestRating":5,"worstRating":1,"ratingValue":"5"}},{"@context":"http:\/\/schema.org","@type":"Review","author":{"@context":"http:\/\/schema.org","@type":"Person","name":"Celine KHoo"},"datePublished":"2020-05-08","description":"Love the morning chair classes! Best way to wake the body up to start the day! ","name":"Chair - great wakeup! ","reviewRating":{"@context":"http:\/\/schema.org","@type":"Rating","bestRating":5,"worstRating":1,"ratingValue":"5"}},{"@context":"http:\/\/schema.org","@type":"Review","author":{"@context":"http:\/\/schema.org","@type":"Person","name":"Charlene"},"datePublished":"2020-05-01","description":"I have never done pilates, yoga or barre before and this introductory class was perfect for beginners like me :) The stretches and the muscles activated were clearly explained and I felt great after this session. ","name":"Intro to Garuda","reviewRating":{"@context":"http:\/\/schema.org","@type":"Rating","bestRating":5,"worstRating":1,"ratingValue":"5"}},{"@context":"http:\/\/schema.org","@type":"Review","author":{"@context":"http:\/\/schema.org","@type":"Person","name":"Celine KHoo"},"datePublished":"2020-04-27","description":"Lots of spinal movement which is great and some interesting movement patterns! Already signed up for my next one! ","name":"Chair work rocks! ","reviewRating":{"@context":"http:\/\/schema.org","@type":"Rating","bestRating":5,"worstRating":1,"ratingValue":"5"}}],"makesOffer":[],"employee":[{"@context":"http:\/\/schema.org","@type":"Person","name":"Dorothy Lee","email":"hello@forminmotion.co","description":"Dorothy is currently the only practitioner and teacher of the Garuda Method in Singapore, and has decided to champion the method as a lifelong practice.","image":"https:\/\/forminmotion.simplybook.asia\/uploads\/forminmotion\/image_files\/preview\/3e3b607866d2b2f7b03bed32922297dd.jpg"}],"currenciesAccepted":"SGD","paymentAccepted":"PayPal, Pay later","openingHoursSpecification":[{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Monday","opens":"08:00:00","closes":"10:30:00"},{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Tuesday"},{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Wednesday","opens":"08:15:00","closes":"10:30:00"},{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Thursday"},{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Friday"},{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Saturday"},{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Sunday"}],"contactPoint":{"@context":"http:\/\/schema.org","@type":"ContactPoint","telephone":null,"email":"hello@forminmotion.co","contactType":"customer service"},"location":{"@context":"http:\/\/schema.org","@type":"PostalAddress","addressLocality":null,"postalCode":null,"streetAddress":" ","addressRegion":"","addressCountry":"SG"}}</script> <script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"ItemList","itemListElement":[]}</script> </head> <body class=" " > <img src="https://counter.simplybook.me/matomo.php?idsite=21&rec=1" style="border:0; position: absolute" alt="" /> <script type="text/html" id="main_layout"><div id="sb-main-container"> {{#ifConfigParam 'enable_push_notifications' '!=' false}} <div id="sb_push_notifications"></div> {{/ifConfigParam}} {{#ifConfigParam 'enable_push_notifications' '!=' false}} <div id="sb_push_notifications"></div> {{/ifConfigParam}} <header id="header" class="web"> <div class="container-fluid column"> <div class="row"> <div class="col-xs-8 col-md-3"> {{!--logo-only company-name-only both-only--}} {{!-- for brand class --}} <div class="brand {{getThemeImageMode 'sb_logo_image'}}"> {{#hasThemeImage 'sb_logo_image'}} <div class="logo"> <a href="/" title="{{_ (getConfigParam 'company_data') 'name'}}"> <img src="{{getThemeImage 'sb_logo_image'}}" alt="{{_ (getConfigParam 'company_data') 'name'}}"> </a> </div> {{/hasThemeImage}} </div> </div> <div class="col-xs-4 col-md-9"> <div class="header-controls"> <div class="nav-trigger"> <i class="fa fa-bars"></i> </div> <div class="nav-wrapper clearfix"> {{#ifPluginActive 'google_translate'}} {{#ifCond (getConfigParam 'google_translate_mode') '==' 'select'}} <div id="sb_google_translate"></div> {{/ifCond}} {{/ifPluginActive}} <div id="sb_menu"> {{! MENU }} </div> <div id="sb_ada_module" class="ada-compliance__wrapper"></div> </div> <div class="items-wrapper"> <div id="book-btn" class="nav-item {{#ifCond active_menu_item '==' 'book'}}active{{/ifCond}}"> <div class="book-btn-container"> <div class="item-container"> <a class="popup-hide" href="#book"></a> </div> </div> </div> <div id="sb_cart" class="nav-item cart-header-module" aria-label="{{_t "Cart menu"}}"></div> <div id="sb_client_info" class="nav-item" aria-label="{{_t "User menu"}}"></div> </div> </div> </div> </div> </div> </header> <div id="sb_cart_popup"></div> <main id="main"> <section id="main-buttons" {{#hasThemeImage 'sb_background_image'}} style="background-image: url({{getThemeImage 'sb_background_image' size='background'}}); {{getThemeImageBackgroundMode 'sb_background_image'}}" {{else}} style="background-image: url({{getDefaultBgImage}})" class="default-bg {{getCatName}}" {{/hasThemeImage}}> {{#ifPluginActive 'google_translate'}} {{#ifCond (getConfigParam 'google_translate_mode') '!=' 'select'}}  <div id="sb_google_translate"></div> {{/ifCond}} {{/ifPluginActive}} <div class="container-fluid column"> <div class="wrapper"> <div class="inner"> <div class="company-name {{getThemeImageMode 'sb_logo_image'}}"> {{_ (getConfigParam 'company_data') 'name'}} </div> <div class="bar"> {{#ifConfigParam 'skip_address' '!=' true}} <div class="btn map btn-with-image custom"> <a href="#show-on-map/yes" title="{{_t 'show_on_map'}}"> {{_t 'show_on_map'}} </a> </div> {{/ifConfigParam}} {{#ifConfigParam 'promo_add_link_to_webpage' '==' true}} <div class="btn promo btn-with-image custom"> <a href="{{getConfigParam 'promo_link_webpage_link'}}" target="_blank"> {{getConfigParam 'promo_link_webpage_title'}} </a> </div> {{/ifConfigParam}} <div class="btn book btn-with-icon custom"> <a href="#book" title="{{_t 'book'}}"> {{_t 'book'}} </a> </div> </div> </div> </div> </div> </section> <section id="main-content"> {{> preloaderPart}} <div id="sb_content"> {{! CONTETN }} </div> </section> </main> <div id="sb_invoice_notification_container"></div> {{> footer }} </div> <div id="sb_dialog" class="modal fade" tabindex="-1" role="dialog"></div></script> <script type="text/html" id="empty_layout"><section id="main-content"> {{> preloaderPart}} <div id="sb_content"> {{! CONTETN }} </div> </section> <div id="sb_invoice_notification_container"></div> <div id="sb_dialog" class="modal fade" tabindex="-1" role="dialog"></div></script> <script type="text/html" id="menu_list_view"> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> </script> <script type="text/html" id="menu_list_item_view"> <li class="menu-item clearfix {{#if active_item}} active{{/if}}" > <a class="popup-hide" href="{{url}}" {{#ifCond type '==' 'link'}}target="_{{target}}"{{/ifCond}}>{{_t name}}</a> </li> </script> <script type="text/html" id="menu_list_footer_view"> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> </script> <script type="text/html" id="menu_list_item_footer_view"> <li class="menu-item clearfix {{#if active_item}} active{{/if}}" > <a class="popup-hide" href="{{url}}" {{#ifCond type '==' 'link'}}target="_{{target}}"{{/ifCond}}>{{_t name}}</a> </li> </script> <script type="text/html" id="message_view"><div class="alert alert-{{type}} {{#unless message}}hidden{{/unless}}">{{_t message _data=this}}</div></script> <script type="text/html" id="pager_view"><div class="pagination-wrapper"> {{#ifCond pages_count '>' 1}} {{#if prev_page}} <a href="#{{placeholder url page=prev_page}}" class="arrow arrow-prev"> <i class="fa fa-angle-left"></i> </a> {{else}} <span class="arrow arrow-prev"> <i class="fa fa-angle-left"></i> </span> {{/if}} {{#for from=1 to=pages_count}} <a href="#{{placeholder url page=_currentIndex}}" class="{{#ifCond page '==' _currentIndex}}current{{/ifCond}}"> {{_currentIndex}} </a> {{/for}} {{#if next_page}} <a href="#{{placeholder url page=next_page}}" class="arrow arrow-next"> <i class="fa fa-angle-right"></i> </a> {{else}} <span class="arrow arrow-next"> <i class="fa fa-angle-right"></i> </span> {{/if}} {{/ifCond}} {{#if show_count}} {{_t "Shown items %first% - %last% of %total%" first=first_item last=last_item total=total_items}} {{/if}} </div></script> <script type="text/html" id="index_page"><section id="content-view"> <div class="container-fluid column"> {{#if (getWidgetType) }} <div class="row row-mg txt-center"> <a class="btn book" href="#book"> {{_t 'book'}} </a> </div> {{/if}} {{#ifCond (getThemeOption 'main_page_mode') '==' 'default'}} <div class="row row-eq-height-xs default row-mg"> <div class="col-sm-12 col-md-3"> {{> mainPageWorkingHoursPart}} </div> <div class="col-sm-12 col-md-6"> {{> mainPageAboutUsPart}} </div> <div class="col-sm-12 col-md-3"> {{> mainPageContactsPart}} </div> </div> {{/ifCond}} {{#ifCond (getThemeOption 'main_page_mode') '==' 'description_only'}} <div class="row description_only row-mg"> <div class="col-sm-12"> {{> mainPageAboutUsPart}} </div> </div> {{/ifCond}} {{#ifCond (getThemeOption 'main_page_mode') '==' 'description_working_hours'}} <div class="row row-eq-height-xs description_working_hours row-mg"> <div class="col-sm-4"> {{> mainPageWorkingHoursPart}} </div> <div class="col-sm-8"> {{> mainPageAboutUsPart}} </div> </div> {{/ifCond}} {{#ifCond (getThemeOption 'main_page_mode') '==' 'side_bars'}} <div class="row row-eq-height-xs side_bars row-mg"> <div class="col-sm-4"> {{> mainPageWorkingHoursPart}} {{> mainPageContactsPart}} </div> <div class="col-sm-8"> {{> mainPageAboutUsPart class="with-sidebar"}} </div> </div> {{/ifCond}} {{#ifCond (getThemeOption 'main_page_mode') '==' 'description_contacts'}} <div class="row row-eq-height-xs description_contacts row-mg"> <div class="col-sm-8"> {{> mainPageAboutUsPart}} </div> <div class="col-sm-4"> {{> mainPageContactsPart}} </div> </div> {{/ifCond}} {{#ifCond (getThemeOption 'main_page_mode') '==' 'working_hours_contacts'}} <div class="row row-eq-height-xs working_hours_contacts row-mg"> <div class="col-sm-6"> {{> mainPageWorkingHoursPart}} </div> <div class="col-sm-6"> {{> mainPageContactsPart}} </div> </div> {{/ifCond}}  {{#ifCond skip_address '!=' true}} <div class="row row-mg"> <div class="col-sm-12"> <div class="title-section">{{_t 'our_location'}}</div> <div id="sb_map"> <div id="map-view"> <iframe width="100%" height="450" frameborder="0" style="border:0; height: 450px;" title="map view" loading="lazy" src="{{mapIframe lat=lat lng=lng}}" allowfullscreen></iframe> </div> </div> </div> </div> {{/ifCond}} </div> {{#ifPluginActive 'google_reviews'}} <div id="sb_google_reviews_module"></div> {{/ifPluginActive}} </section> </script> <script type="text/html" id="about_module"><section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section></script> <script type="text/html" id="ada_compliant_module">{{#if enabled}} <div id="ada-compliant"> {{#if is_widget}}  {{/if}} {{#if is_ada_compliant}} <a class="ada-compliance__btn btn" href="{{base_theme_url}}"> {{_t 'Exit accessibility mode'}} </a> {{else}} <a class="ada-compliance__btn btn" href="{{ada_theme_url}}"> <span class="ada-compliance__btn-icon"><img src="/v2/themes/assets/img/ics/accessibility-eye.svg" alt="Accessibility eye icon"/></span> <span class="ada-compliance__btn-txt">{{_t 'Contrast theme'}}</span> </a> {{/if}} </div> {{else}} <span></span> {{/if}}</script> <script type="text/html" id="index_contacts_part"><section id="contacts" class="section"> <div class="section-pd"> <div class="title-main"> {{_t 'Contact_us'}} </div> <div class="info"> <ul> {{#if phone}} <li> <div class="icon"> <i class="fa fa-phone" aria-hidden="true"></i> </div> <div class="links phone"> <a class="phone-number" href="tel:{{phone}}">{{phone}}</a> </div> </li> {{/if}} {{#if whatsapp}} <li> <div class="icon"> <i class="fab fa-whatsapp" aria-hidden="true"></i> </div> <div class="links phone whatsapp"> <a class="phone-number" href="https://wa.me/{{whatsapp_clean}}" target="_blank">{{whatsapp}}</a> </div> </li> {{/if}} {{#ifConfigParam 'hide_email' '!=' true}} {{#if email}} <li> <div class="icon"> <i class="fa fa-at" aria-hidden="true"></i> </div> <div class="links emails"> <a href="mailto:{{email}}">{{email}}</a> </div> </li> {{/if}} {{/ifConfigParam}} {{#ifCond skip_address '!=' true}} <li> <div class="icon"> <i class="fa fa-map-marker" aria-hidden="true"></i> </div> <div class="links"> <a href="https://www.google.com/maps/search/?api=1&query={{formatAddress address1=address1 address2=address2 city=city country=country_id zip=zip}}" target="_blank">{{formatAddress address1=address1 address2=address2 city=city country=country_id zip=zip}}</a> </div> </li> {{/ifCond}} {{#if web}} <li> <div class="icon"> <i class="fa fa-globe" aria-hidden="true"></i> </div> <div class="links website"> <a href="{{formatUrl web add_scheme=true}}" rel="nofollow"> {{formatUrl web delete_scheme=true}} </a> </div> </li> {{/if}} {{#if social_links}} <li class="item_soc-links"> <div class="icon"> <i class="fa fa-share-alt" aria-hidden="true"></i> </div> <div class="links"> <div class="social social--links"> <div class="brand v3"> {{#each social_links}} <a title="{{_t (replace "Go to %s account. Open in new window" '%s' this.type)}}" href="{{urlEncode this.url}}" target="_blank" class="{{getSocialSystemClass this.type}}"></a> {{/each}} </div> </div> </div> </li> {{/if}} </ul> </div> </div> </section></script> <script type="text/html" id="index_working_hours_part"><section id="schedule" class="section"> <div class="section-pd"> <div class="title-main"> {{_t 'working_hours'}} </div> <table class="overview"> {{#each opening_hours_info}} <tr> <td class="day"> {{day_name_short}} </td> <td class="time"> {{#ifCond is_day_off '==' 1}} {{_t 'day_off'}} {{else}} {{from}} - {{to}} {{/ifCond}} </td> </tr> {{/each}} </table> </div> </section></script> <script type="text/html" id="index_about_us_part"><section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section></script> <script type="text/html" id="static_page"><section id="content-view"> <div class="container-fluid column"> <div id="custom-page" class="custom-page"> {{#if show_title}} <h2 class="title-main">{{name}}</h2> {{/if}} <div class="page-content"> {{{html}}} </div> </div> </div> </section></script> <script type="text/html" id="error_page"><section id="content-view"> <div class="container-fluid column"> <section class="section section-page-404"> <div class="section-pd"> <div class="error-card"> <svg src="404.svg" class="sb-inline-svg"/> {{#ifCond type '==' '404'}} <div class="title-main er-404">{{_t "Oops!"}}</div> {{/ifCond}} {{#ifCond type '==' '403'}} <div class="title-main">{{_t "Error 403"}}</div> {{/ifCond}} {{#ifCond type '==' '500'}} <div class="title-main">{{_t "Error 500"}}</div> {{/ifCond}} <div class="error-txt">{{_t (concat 'error_message_' type)}}</div> <div class="redirect-block"> <div class="block"> <span class="txt">{{_t "Try to"}}</span> <a class="btn reload-page" href="javascript:window.history.back()" role="button" tabindex="0">{{_t "Refresh"}}</a> </div> <div class="block"> <span class="txt">{{_t "or go"}}</span> <a href="#" class="btn to-home" role="button" tabindex="0">{{_t "Home"}}</a> </div> </div> </div> </div> </section> </div> </section></script> <script type="text/html" id="booking_layout"><div id="sb-timeline"> <nav id="steps-nav"> <div id="menu-active-bg"></div> <div class="container-fluid column"> <div class="row"> <div id="sb_booking_info"></div> </div> </div> </nav> <div id="steps"> <div id="time-settings"> <div class="container-fluid column"> <div class="row"> <div id="sb_booking_company_time"></div> </div> </div> </div> <div id="sb_booking_header"></div> <div id="steps-content" class=" {{#ifConfigParam 'sheduler_channel' '==' 4}}--on-gm{{/ifConfigParam}}"> <div class="container-fluid column"> <div class="row"> <div id="sb_back_button"></div> {{#ifConfigParam 'sheduler_channel' '==' 4}} {{setVariable 'company' (getConfigParam 'company_data')}} <div class="company-location"> <div class="company-location--row"> <p class="company-name">{{_ (getConfigParam 'company_data') 'name'}}</p> <p class="company-location--caption">{{_t "Company main address"}}</p> <a class="link" href="https://www.google.com/maps/search/?api=1&query={{formatAddress address1=company.address1 address2=company.address2 city=company.city country=company.country_id zip=company.zip}}" target="_blank">  {{formatAddress address1=company.address1 address2=company.address2 city=company.city country=company.country_id zip=company.zip}} </a> </div> </div> {{/ifConfigParam}} <div id="sb_booking_content"></div> </div> </div> </div> </div> </div> </script> <script type="text/html" id="booking_info"><div class="booking-info"> <ul class="clearfix"> {{#forEach steps as 'step'}} {{#ifCond 'location' '==' step}} <li class="step_info_item {{#if location_id}}filled{{/if}} {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{bookingStepUrl location=false category=false service=false addons=false provider=false date=false time=false}}"> <div class="content"> <div class="title-small"> {{_t "location_name"}} </div> <div class="title-sub"> {{#if location}} {{location.title}} {{/if}} </div> </div> </a> </li> {{/ifCond}} {{#ifCond 'category' '==' step}} <li class="step_info_item {{#if category_id}}filled{{/if}} {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{bookingStepUrl category=false service=false addons=false provider=false date=false time=false}}"> <div class="content"> <div class="title-small"> {{_t "category_name"}} </div> <div class="title-sub"> {{#if category}} {{category.name}} {{/if}} </div> </div> </a> </li> {{/ifCond}} {{#ifCond 'service' '==' step}} <li class="step_info_item {{#if service_id}}filled{{/if}} {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{bookingStepUrl service=false addons=false provider=false date=false time=false}}"> <div class="content"> <div class="title-small"> {{_t "service_name"}} </div> <div class="title-sub"> {{#if service}} {{service.name}} {{/if}} </div> </div> </a> </li> {{/ifCond}} {{#ifCond 'paid_attributes' '==' step}} <li class="step_info_item {{#if addons}}filled{{/if}} {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{bookingStepUrl addons=false provider=false date=false time=false}}"> <div class="content"> <div class="title-small"> {{_t "paid_attributes"}} </div> <div class="title-sub"> {{paid_attribute_names}} </div> </div> </a> </li> {{/ifCond}} {{#ifCond 'provider' '==' step}} <li class="step_info_item {{#if provider_id}}filled{{/if}} {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{#ifIndex steps 'provider' '>' 'datetime'}}{{bookingStepUrl provider=false}}{{else}}{{bookingStepUrl provider=false date=false time=false}}{{/ifIndex}}"> <div class="content"> <div class="title-small"> {{_t "provider_step_name"}} </div> <div class="title-sub"> {{#if provider}} {{provider.name}} {{/if}} </div> </div> </a> </li> {{/ifCond}} {{#ifCond 'datetime' '==' step}} <li class="step_info_item {{#if start_time}}filled{{/if}} {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{#ifIndex steps 'provider' '>' 'datetime'}}{{bookingStepUrl date=false time=false service=false provider=false}}{{else}}{{bookingStepUrl date=false time=false}}{{/ifIndex}}"> <div class="content"> <div class="title-small"> {{_t "time"}} </div> <div class="title-sub"> {{#if start_date}} {{formatDateTime start_datetime 'date' time_diff}} {{/if}} {{#if start_time}} {{formatDateTime start_datetime 'time' time_diff}} {{/if}} </div> </div> </a> </li> {{/ifCond}} {{#ifCond 'details' '==' step}} <li class="step_info_item {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{bookingStepUrl}}"> <div class="content"> <div class="title-small"> {{_t "details"}} </div> </div> </a> </li> {{/ifCond}} {{/forEach}} </ul> </div> </script> <script type="text/html" id="back_button_view"><a href="#{{url}}" class="{{#unless show_button}}hidden{{/unless}}"> <span class="fa fa-angle-left"></span> <span>{{_t "back"}}</span> </a> </script> <script type="text/html" id="company_time_view"><div class="col-xs-12" translate="no"> <div class="time"> <div><b>{{_t "current_company_time"}}</b>: {{formatDateTime current_company_time 'time' 0}} {{_t company_time_zone}}</div> {{#if show_client_time}} <div><b>{{_t "current_client_time"}}</b>: {{formatDateTime current_client_time 'time' 0}} {{_t client_time_zone}}</div> {{/if}} </div> {{#if show_client_time}} <div class="btn custom btn-with-icon" id="sb_change_timezone" role="button" tabindex="0"> <span> {{_t "change_my_timezone"}} </span> </div> {{/if}} </div> </script> <script type="text/html" id="timezone_select_dialog_view"><div class="modal-dialog timezone-modal" role="document"> <div class="modal-content"> <div class="modal-header">  <h4 class="modal-title">{{_t 'select_timezone'}}</h4> </div> <div class="modal-body"> <div class="tab-pd"> <div class="cap"> {{_t 'please_select_your_timezone'}}: </div> <div class="custom-form"> <select id="sb_timezone_select" class="form-control"> {{#each options}} <option value="{{id}}" {{#ifCond id '==' ../id}}selected="selected"{{/ifCond}}> {{_t name}} ({{formatDateTime current_date_time 'time' 0}}{{#dayDifference ../current_time time_diff}}, {{_t date}}{{/dayDifference}}) </option> {{/each}} </select> </div> {{!-- <div class="client-time-select"> <span class="your-time">Your time is:</span> <select id="hours"> <option value="0"> 16 </option> </select> <b>:</b> <select id="minutes"> <option value="0"> 00 </option> </select> <span class="your-zone">GMT+3</span> </div> <div class="performer-time"> When our time is: <b>{{formatDateTime current_date_time 'time' 0}}</b> </div> <div class="day-time-savings"> With day savings time: <input type="checkbox" value="0" checked> </div> --}} </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn" id="sb_set_button" data-dismiss="modal">{{_t 'sb_set_my_timezone'}}</button> <button type="button" class="btn" id="sb_cancel_button" data-dismiss="modal">{{_t 'sb_cancel_timezone'}}</button> </div> </div> </div> </div> </script> <script type="text/html" id="client_info_view"><section id="content-view"> <div class="container-fluid column"> <div class="wrap-client-info-view"> <a class="back-button" href="{{back_button_link}}"><i class="fal ico fa-chevron-left"></i>{{_t back_button_label}}</a> <section class="section"> <div class="client-info-view"> <div class="titles-block"> <div class="title-main"> {{_t form_title}} </div> <div class="sub-title">{{_t form_sub_title}}</div> </div> {{#if errors.global_error}} <div role="alert" class="alert alert-danger alert-dismissible"> <button aria-label="Close" data-dismiss="alert" class="close" type="button"> <span aria-hidden="true">×</span> </button> <div>{{_t errors.global_error}}</div> </div> {{/if}} <div class="client-info-view-form-wrap"> <div class="custom-form"> <div class="form-horizontal"> <div id="sb_client_info_container"> <div class="form-group{{#if errors.name}} has-error{{/if}} form-client-name"> <label class="control-label col-sm-4 required" for="sb_client_name"> {{_t 'name'}}: </label> <div class="col-sm-8"> <input type="text" class="form-control" name="name" id="sb_client_name" placeholder="{{_t 'enter_name'}}" value="{{ name }}"> {{#if errors.name}}<span class="help-block">{{_t errors.name}}</span>{{/if}} </div> </div> <div class="form-group{{#if errors.email}} has-error{{/if}} form-client-email"> <label class="control-label col-sm-4 {{#ifConfigParam 'client_email_required' '==' true}}required{{/ifConfigParam}}" for="sb_client_email"> {{_t 'email'}}: </label> <div class="col-sm-8"> <input type="email" class="form-control" name="email" id="sb_client_email" placeholder="{{_t 'enter_email'}}" value="{{ email }}"> {{#if errors.email}}<span class="help-block">{{_t errors.email}}</span>{{/if}} </div> </div> <div class="form-group{{#if errors.phone}} has-error{{/if}} form-client-phone"> <label class="control-label col-sm-4 {{#ifConfigParam 'client_phone_required' '==' true}}required{{/ifConfigParam}}" for="sb_client_phone"> {{_t 'phone'}}: </label> <div class="col-sm-8"> <div class="input-group"> {{#if country_prefix_is_fixed}} <span class="input-group-addon">{{country_prefix}}</span> {{/if}} <input type="tel" class="form-control {{#if country_prefix_is_fixed}}has-country-prefix{{/if}}" name="phone" id="sb_client_phone" placeholder="{{_t 'enter_phone'}}" value="{{ phone }}"> </div> {{#if errors.phone}}<span class="help-block">{{_t errors.phone}}</span>{{/if}} </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-8 col-sm-offset-4 terms-block" id="sb_terms_container"></div> </div> <div class="row"> <div class="col-sm-8 col-sm-offset-4"> <div class="btn-bar"> <div id="sb_submit" class="btn btn-success" role="button" tabindex="0"> {{_t submit_button_label}} </div> </div> </div> </div> <div class="row"> <div class="col-sm-8 col-sm-offset-4"> <div class="client-login-bar"> <div class="social"> <div class="txt">{{_t 'or sign up via'}}</div> <div class="brand v4"> <a title="{{_t 'Login via Facebook account icon. Open in new window'}}" href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" class="fb sb-targetblank"></a>  <a title="{{_t 'Login via Google account icon. Open in new window'}}" href="{{baseUrl}}/client/openid/provider/google/" target="_blank" class="gl sb-targetblank"></a> {{#ifPluginActive 'line_liff'}} <a title="{{_t 'Login via Line account.'}}" href="#line/sign-in" class="popup-hide ll"></a> {{/ifPluginActive}} </div> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </section> </div> </div> </section></script> <script type="text/html" id="service_step"><div class="service-step step-content {{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}" id="sb_service_step_container"> </div></script> <script type="text/html" id="service_item">{{!-- almost same as in /themes/default/templates/controller/booking/datetime/classes/time_classes_modal_service_item_view.tpl--}} <div class="service-item item"> <div class="tab tab-col tab-with-popup"> <div class="excerpt-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader"> <a href="#{{bookingStepUrl service=id}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> {{#if class_id}} <svg src="class.svg" class="sb-inline-svg" /> {{else}} <svg src="service.svg" class="sb-inline-svg" data-category="true"/> {{/if}} </div> {{/if}} </a> </div> {{/ifCond}} <div class="tab-pd"> <div class="content"> <div class="cap short">{{name}}</div> <div class="txt short"> {{{description}}} {{#ifCond description.length ">=" 80}} <span class="read-more" data-toggle="modal" data-target="#service{{id}}" role="button" tabindex="0" aria-label="{{_t "read-more"}}"> {{_t "read-more"}} </span> {{/ifCond}} </div> {{#if bonus}} <div class="item__bonus service-bonus"><span class="service-bonus--val">+{{bonus}}</span> <span class="service-bonus--txt">{{_t "rewards points"}}</span></div> {{/if}} <div class="bar-service"> {{#if (and (ifPluginActive 'deposit_paid_events') (cond deposit_is_enabled '==' '1'))}} <div class="d-flex service-deposit service-deposit--block"> <i class="fal fa-wallet wallet-icon"></i> <div class="service-deposit__wrapper"> <div class="badge right"> {{{formatPrice currency=currency price=price}}}</div> <div class="badge badge-deposit right">{{{formatPrice currency=currency price=deposit}}} <span class="text">{{_t 'deposit_price'}}</span></div> </div> </div> <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time">  <span> {{formatDuration duration}} </span> {{#if is_recurring}} <span class="divider">/</span> <span> {{recurring_settings.repeat_count}} {{_t 'recurring_sessions'}} </span> {{/if}} </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time">  <span> {{formatDuration duration}} </span> {{#if is_recurring}} <span class="divider">/</span> <span> {{recurring_settings.repeat_count}} {{_t 'recurring_sessions'}} </span> {{/if}} </div> {{/ifCond}} {{#ifCond price '>' 0}} <div class="badge"> {{! just add tax=tax if we need to show price with tax in any case }} {{{formatPrice currency=currency price=price}}} </div> {{/ifCond}} </div> {{/if}} </div> </div> {{#if (or in_membership is_recurring)}} <div class="recurring-block"> {{> serviceBar}} </div> {{/if}} <div class="btn-bar"> <div class="sb_group_booking_count"></div> <div class="btn select custom"> <a href="#{{bookingStepUrl service=id}}">{{_t "select"}}</a> </div> </div> </div> </div> <div class="modal fade" id="service{{id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0" aria-label="{{_t "close"}}"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fa fa-times"></i> </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader img-full"> {{#if picture}} {{#ifSvg picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <img src="{{picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> {{/ifSvg}} {{/if}} </div> {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="tab-pd"> <div class="cap full">{{name}}</div> <div class="txt full">{{{description}}}</div> </div> </div> </div> </div> </div> </div></script> <script type="text/html" id="service_item_list">{{!-- almost same as in /themes/default/templates/controller/booking/datetime/classes/time_classes_modal_service_item_view.tpl--}} <div class="service-item item panel"> <div class="mobile-title"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> {{name}} </a> </h4> {{else}} <h4 class="title">{{name}}</h4> {{/ifCond}} </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader"> <a href="#{{bookingStepUrl service=id}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> {{#if class_id}} <svg src="class.svg" class="sb-inline-svg" /> {{else}} <svg src="service.svg" class="sb-inline-svg" data-category="true"/> {{/if}} </div> {{/if}} </a> </div> {{/ifCond}} <div class="one-line {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}}no-image{{/ifCond}}"> <div class="content"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <h4 class="cap title"> <a role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> {{name}} </a> </h4> {{else}} <h4 class="title">{{name}}</h4> {{/ifCond}} <div class="info-bar bar-service"> <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="bar-flex-item time"> <i class="fal ico fa-hourglass-start"></i> <span class="txt"> {{formatDuration duration}} </span> {{#if is_recurring}} <span class="divider">/</span> <span> {{recurring_settings.repeat_count}} {{_t 'recurring_sessions'}} </span> {{/if}} </div> {{/ifCond}} {{#if bonus}} <div class="bar-flex-item item__bonus service-bonus"><i class="fal ico fa-award"></i> <span class="service-bonus--val">+{{bonus}}</span> <span class="service-bonus--txt">{{_t "rewards points"}}</span></div> {{/if}} {{#if (and (ifPluginActive 'deposit_paid_events') (cond deposit_is_enabled '==' '1'))}} <div class="d-flex bar-flex-item price service-deposit"> <i class="fal fa-wallet wallet-icon ico"></i> <div class="service-deposit__price"> <span class="txt badge">{{{formatPrice currency=currency price=price}}} <span class="badge-line">/</span></span> <span class="txt badge">{{{formatPrice currency=currency price=deposit}}} <span class="text">{{_t 'deposit_price'}}</span></span> </div> </div> {{else}} {{#ifCond price '>' 0}} <div class="bar-flex-item price price"> <i class="fal fa-wallet ico"></i> {{! just add tax=tax if we need to show price with tax in any case }} <span class="txt">{{{formatPrice currency=currency price=price}}}</span> </div> {{/ifCond}} {{/if}} <div class="bar-flex-item sb_group_booking_count"></div> {{#if (or in_membership is_recurring)}} <div class="bar-flex-item recurring-block"> {{> serviceBar}} </div> {{/if}} </div> </div> </div> <div class="btn-bar {{#ifCond (lengthWithoutTags description) ">=" 2}}has-read-more{{/ifCond}}"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <div class="wrap-read-more"> <a class="btn read-more collapsed" role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> <span class="part txt-part"> <span class="more-part">{{_t 'read-more'}}</span> <span class="less-part">{{_t 'show less'}}</span> </span> <span class="part ico-part"><i class="fal fa-ellipsis-h"></i></span> </a> </div> {{/ifCond}} <div class="btn-round-mask"> <a class="btn select custom" href="#{{bookingStepUrl service=id}}">{{_t "select"}}</a> </div> </div> </div> <div class="wrap-collapse-content collapse" id="service{{id}}"> <div class="collapse-content"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if picture}} {{#ifSvg picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <div class="biggest-previev"> <img src="{{picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{/if}} {{/ifCond}} {{{description}}} <div class="btn-bar btn-bar-full-info"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <a class="btn btn-hide" role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> <span class="hide-txt">{{_t "show less"}}</span> </a> {{/ifCond}} <a class="btn select custom" href="#{{bookingStepUrl service=id}}">{{_t "select"}}</a> </div> </div> </div> </div></script> <script type="text/html" id="service_item_split"><div class="split-title"> <div class="title-section"> {{_t label}} </div> </div></script> <script type="text/html" id="service_empty"><div class="empty-step empty-service"> <div class="empty-step__wrapper"> <div class="empty-step__image"> <svg src="empty-service.svg" class="sb-inline-svg" /> </div> <h3 class="empty-step__title">{{_t 'No services available'}}</h3> <p class="empty-step__text">{{_t 'Please go back and choose another one'}}</p> </div> </div></script> <script type="text/html" id="service_bar">{{#if (and in_membership is_recurring)}} <div class="service-bar"> <div class="service-bar__wrapper"> <div class="service-bar__icon"> <span class="icon icon-reccuring {{#ifCond description '==' ''}}single{{/ifCond}}"> <i class="fa fa-sync"></i> </span> </div> <div class="service-bar__text"> {{#if non_link}} <span> {{_t 'Subscriptions required' }} </span> {{else}} <a href="#membership/services/{{#if s_id}}{{s_id}}{{else}}{{id}}{{/if}}" class="popup-hide"> {{_t 'Subscriptions required' }} </a> {{/if}} </div> <div class="service-bar__recurring-hint"> <div class="dropdown recurring-hint__dropdown"> <button class="recurring-hint__btn" type="button" id="recurring-hint__{{id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fal ico fa-info-circle"></i> </button> <div class="dropdown-menu recurring-hint__dropdown-menu" aria-labelledby="recurring-hint__{{id}}"> <p class="recurring-hint__dropdown-txt">{{recurring_settings.repeat_count}} {{_t 'recurring_sessions'}}</p> {{#ifCond recurring_settings.type '==' 'fixed'}} <p class="recurring-hint__dropdown-txt">{{_t "Repeat every %days% days" days=recurring_settings.days}}</p> {{else}} <p class="recurring-hint__dropdown-txt">{{_t "Repeat weekly"}}</p> {{/ifCond}} </div> </div> </div> </div> </div> {{else}} {{#if in_membership}} <div class="service-bar"> <div class="service-bar__wrapper"> <div class="service-bar__text"> {{#if non_link}} <span> {{_t 'Subscriptions required' }} </span> {{else}} <a href="#membership/services/{{#if s_id}}{{s_id}}{{else}}{{id}}{{/if}}" class="popup-hide"> {{_t 'Subscriptions required' }} </a> {{/if}} </div> </div> </div> {{/if}} {{#if is_recurring}} <div class="service-bar"> <div class="service-bar__wrapper"> <div class="service-bar__icon"> <span class="icon icon-reccuring {{#ifCond description '==' ''}}single{{/ifCond}}"> <i class="fa fa-sync"></i> </span> </div> <div class="service-bar__text"> {{_t 'Recurring' }} </div> <div class="service-bar__recurring-hint"> <div class="dropdown recurring-hint__dropdown"> <button class="recurring-hint__btn" type="button" id="recurring-hint__{{id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fal ico fa-info-circle"></i> </button> <div class="dropdown-menu recurring-hint__dropdown-menu" aria-labelledby="recurring-hint__{{id}}"> <p class="recurring-hint__dropdown-txt">{{recurring_settings.repeat_count}} {{_t 'recurring_sessions'}}</p> {{#ifCond recurring_settings.type '==' 'fixed'}} <p class="recurring-hint__dropdown-txt">{{_t "Repeat every %days% days" days=recurring_settings.days}}</p> {{else}} <p class="recurring-hint__dropdown-txt">{{_t "Repeat weekly"}}</p> {{/ifCond}} </div> </div> </div> </div> </div> {{/if}} {{/if}}</script> <script type="text/html" id="provider_step_layout"><div class="container-fluid column column__provider-step"> <div class="filter filter__booking-step"> <div class="filter-list custom-form filter--content sb-filter-container"></div> </div> <div class="filter--list-wrapper"> <div class="row"> <div class="sb-list-container"></div> </div> </div> </div> </script> <script type="text/html" id="provider_filter_view"><div> <div class="filter--header"> <div class="title-main filter--header_title">{{_t 'Search for provider'}}:</div> {{!-- <p class="title-small filter--header_hint">{{_t (concat namespace '_included_provider_name')}}</p> --}} </div> <input type="text" class="form-control filter--input-field sb-input" value="{{$query}}" placeholder="{{_t 'Search'}}" /> </div></script> <script type="text/html" id="provider_step"><div> {{#if error}} <div class="alert alert-danger">{{error}}</div> {{/if}} <div class="provider-step step-content {{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}" id="sb_provider_step_container"> </div> </div></script> <script type="text/html" id="provider_item"><div class="provider-item item"> <div class="tab tab-col tab-with-popup"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader {{#if picture}}{{#ifSvg picture_path}} __custom-svg-icon {{else}} __custom-image {{/ifSvg}}{{else}} __default-svg-icon {{/if}}"> <a href="#{{bookingStepUrl provider=id}}" class="provider-link"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="photo user" aria-label="{{_t "image_for_provider_%provider_name%" provider_name=name}}" role="img" style="background-image: url({{picture_path}})"></div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="provider.svg" class="sb-inline-svg" data-category="true" /> </div> {{/if}} </a> </div> {{/ifCond}} <div class="excerpt-info"> <div class="name"> {{name}} </div> {{#if description}} <span class="read-more" data-toggle="modal" data-target="#provider{{id}}" role="button" tabindex="0"> {{_t "read-more"}} </span> {{/if}} <div class="btn-bar"> <div class="btn select custom"> <a href="#{{bookingStepUrl provider=id}}"> {{_t "select"}} </a> </div> </div> </div> {{#if description}} <div class="modal fade" id="provider{{id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader img-full"> {{#if picture}} {{#ifSvg picture_path}} {{!-- do not show icon in popup --}} {{else}} <img src="{{picture_path}}" alt="{{_t "image_for_provider_%provider_name%" provider_name=name}}" class="user-img photo user"> {{/ifSvg}} {{/if}} </div> {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="tab-pd"> <div class="cap name full"> {{name}} </div> <div class="txt full"> {{{description}}} </div> </div> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fa fa-times"></i> </div> </div> </div> </div> {{/if}} </div> </div></script> <script type="text/html" id="provider_item_list"><div class="provider-item item panel"> <div class="mobile-title"> {{#if description}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> {{name}} </a> </h4> {{else}} <h4 class="title">{{name}}</h4> {{/if}} </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader "> <a href="#{{bookingStepUrl provider=id}}" class="provider-link"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img class="photo user" alt="{{_t "image_for_provider_%provider_name%" provider_name=name}}" src="{{picture_path}}"> </div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="provider.svg" class="sb-inline-svg" data-category="true"/> </div> {{/if}} </a> </div> {{/ifCond}} <div class="one-line {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}}no-image{{/ifCond}}"> <div class="content"> {{#if description}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> {{name}} </a> </h4> {{else}} <h4 class="title">{{name}}</h4> {{/if}} </div> <div class="btn-bar {{#if description}}has-read-more{{/if}}"> {{#if description}} <div class="wrap-read-more"> <a class="btn read-more collapsed" role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> <span class="part txt-part"> <span class="more-part">{{_t 'read-more'}}</span> <span class="less-part">{{_t 'show less'}}</span> </span> <span class="part ico-part"><i class="fal fa-ellipsis-h"></i></span> </a> </div> {{/if}} <div class="btn-round-mask"> <a class="btn select custom" href="#{{bookingStepUrl provider=id}}">{{_t "select"}}</a> </div> </div> </div> {{#if description}} <div class="wrap-collapse-content collapse" id="provider{{id}}"> <div class="collapse-content"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if picture}} {{#ifSvg picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <div class="biggest-previev"> <img src="{{picture_path}}" alt="{{_t "image_for_provider_%provider_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{/if}} {{/ifCond}} {{{description}}} <div class="btn-bar btn-bar-full-info"> {{#if description}} <a class="btn btn-hide" role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> <span class="hide-txt">{{_t "show less"}}</span> </a> {{/if}} <a class="btn select custom" href="#{{bookingStepUrl provider=id}}">{{_t "select"}}</a> </div> </div> </div> {{/if}} </div></script> <script type="text/html" id="provider_empty"><div class="empty-step empty-provider"> <div class="empty-step__wrapper"> <div class="empty-step__image"> <svg src="empty-provider.svg" class="sb-inline-svg" /> </div> {{#if query}} <h3 class="empty-step__title">{{_t 'No results found'}}</h3> {{else}} <h3 class="empty-step__title">{{_t 'No providers available'}}</h3> <p class="empty-step__text">{{_t 'Please go back and choose another one'}}</p> {{/if}} </div> </div></script> <script type="text/html" id="datetime_step_default_layout"><div class="datetime-step step-content" id="sb_datetime_step_container"> <div class="col-sm-12"> <div id="sb_dateview_container" class="section"></div> </div> <div class="col-sm-12"> <div class="row"> {{#if supports_sidebar}} <div class="col-md-3 hidden-xs hidden-sm{{#ifCond (getThemeOption 'show_sidebar') '!=' 1}} hide {{/ifCond}}" id="sb_sidebar_container"></div> <div class="col-md-9{{#ifCond (getThemeOption 'show_sidebar') '!=' 1}} col-md-12 {{/ifCond}}"> <div id="sb_group_booking_container" class="classes-plugin-group"></div> <div id="sb_timeview_container" class="section-wrapper"></div> </div> {{else}} <div class="col-sm-12"> <div id="sb_group_booking_container" class="classes-plugin-group"></div> <div id="sb_timeview_container" class="section-wrapper"></div> </div> {{/if}} </div> </div> </div></script> <script type="text/html" id="date_default_view"><div class="section-pd"> <div class="top-date-select"> <div class="header clearfix"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div id="sb_prev_month" role="button" tabindex="0"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t 'prev_month'}} </span> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{#if current_year}} {{formatMonth current_month}} {{current_year}} {{/if}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div id="sb_next_month" role="button" tabindex="0"> <span class="txt"> {{_t 'next_month'}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </div> </div> </div> </div> </div> <div class="calendar" translate="no"> <div class="weeks-name row-no-padding clearfix"> <div class="col-md-4 col-sm-6"> <div class="inner"> {{#each week_days}} <div class="name{{#ifCond @index 'in' ../weekends}} is-holiday{{/ifCond}}">{{this}}</div> {{/each}} </div> </div> <div class="col-md-4 col-sm-6 hidden-xs"> <div class="inner"> {{#each week_days}} <div class="name{{#ifCond @index 'in' ../weekends}} is-holiday{{/ifCond}}">{{this}}</div> {{/each}} </div> </div> <div class="col-md-4 hidden-sm hidden-xs"> <div class="inner"> {{#each week_days}} <div class="name{{#ifCond @index 'in' ../weekends}} is-holiday{{/ifCond}}">{{this}}</div> {{/each}} </div> </div> </div> <div class="weeks-date row-no-padding clearfix"> {{#each days}} {{#if is_first_day}} <div class="col-md-4 col-sm-6"> <div class="inner {{#if selected}}{{#if ../week_mode}}selected{{/if}}{{/if}}"> {{/if}} <div class="date {{#if selected}}selected{{/if}} {{#unless is_current_month}}prev-or-next-month{{/unless}} {{#if today}}today{{/if}}"> {{#if is_day_off}} <span class="day-off">{{formatDateTime date 'day' 0}}</span> {{else}} <a class="day-on sb-available-date" data-date="{{date}}" href="#{{bookingStepUrl date=date time=null}}">{{formatDateTime date 'day' 0}}</a> {{/if}} </div> {{#if is_last_day}} </div> </div> {{/if}} {{/each}} </div> </div> </div> </div></script> <script type="text/html" id="datetime_step_inline_layout"><div class="datetime-step step-content" id="sb_datetime_step_container"> <div class="col-sm-12"> <div class="row"> {{#if supports_sidebar}} <div class="col-md-3 hidden-xs hidden-sm{{#ifCond (getThemeOption 'show_sidebar') '!=' 1}} hide {{/ifCond}}" id="sb_sidebar_container"></div> <div class="col-md-9{{#ifCond (getThemeOption 'show_sidebar') '!=' 1}} col-md-12 {{/ifCond}}"> <div class="inline-datepicker-wrapper"> <div id="sb_dateview_container" class="section"></div> <div id="sb_group_booking_container" class="classes-plugin-group"></div> <div id="sb_timeview_container" class="section-wrapper"></div> </div> </div> {{else}} <div class="col-sm-12"> <div class="inline-datepicker-wrapper"> <div id="sb_dateview_container" class="section"></div> <div id="sb_group_booking_container" class="classes-plugin-group"></div> <div id="sb_timeview_container" class="section-wrapper"></div> </div> </div> {{/if}} </div> </div> </div></script> <script type="text/html" id="datetime_step_eventdate_layout"><div class="datetime-step step-content" id="sb_datetime_step_container"> <div class="col-sm-12"> <div class="row"> {{#if supports_sidebar}} <div class="col-sm-4 col-md-3{{#ifCond (getThemeOption 'show_sidebar') '!=' 1}} hide {{/ifCond}}" id="sb_sidebar_container"></div> <div class="col-sm-8 col-md-9{{#ifCond (getThemeOption 'show_sidebar') '!=' 1}} col-md-12 {{/ifCond}}"> <div class="inline-datetimepicker-wrapper"> <div id="sb_group_booking_container" class="classes-plugin-group"></div> <div id="sb_datetimeview_container" class="section-wrapper"></div> </div> </div> {{else}} <div class="col-sm-12"> <div class="inline-datepicker-wrapper"> <div id="sb_dateview_container" class="section"></div> <div id="sb_group_booking_container" class="classes-plugin-group"></div> <div id="sb_timeview_container" class="section-wrapper"></div> </div> </div> {{/if}} </div> </div> </div></script> <script type="text/html" id="date_inline_view"><div class="section-pd"> <div class="top-date-select"> <div class="header clearfix"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <span id="sb_prev_date" role="button" tabindex="0"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{#if week_mode}}{{_t "prev_week"}}{{else}}{{_t "prev_date"}}{{/if}} </span> </span> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> <input type="hidden" id="sb_current_date" value="{{current_date}}"/> <input type="hidden" id="sb_current_month" value="{{current_month}}"/> <input type="hidden" id="sb_current_year" value="{{current_year}}"/> <div id="sb_datepicker" class="date datepicker-button"> <div class="btn btn-link" id="sb_label_container" role="button" tabindex="0"></div> </div> </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <span id="sb_next_date" role="button" tabindex="0"> <span class="txt"> {{#if week_mode}}{{_t "next_week"}}{{else}}{{_t "next_date"}}{{/if}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </span> </div> </div> </div> </div> </div> </div></script> <script type="text/html" id="date_inline_label_view"><div> {{#if week_mode}} {{#if from_date}} {{#formatDatePeriod from=from_date to=to_date format='date'}} <span>{{from}}</span> - <span>{{to}}</span> {{/formatDatePeriod}} {{/if}} {{else}} {{#if start_date}} {{formatDateTime start_date 'date' 0}} {{/if}} {{/if}} </div></script> <script type="text/html" id="time_slots_view"><div class="slots-view{{#ifCond (getThemeOption 'timeline_modern_display') '==' 'as_table'}} as-table{{/ifCond}}"> <div class="timeline-wrapper"> <div class="tab-pd"> <div class="container-caption"> {{_t 'available_services_on_this_day'}} </div> {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} {{>emptyTimePart is_empty=is_empty is_loaded=is_loaded is_available_date=is_available_date}} <div id="sb_time_slots_container"></div> {{> bookingTimeLegendPart legend="only_available" time_diff=0}} </div> </div> </div></script> <script type="text/html" id="time_slot_view"><div class="slot"> <a class="sb-cell free {{#ifPluginActive 'slots_count'}}{{#if available_slots}}has-available-slot{{/if}}{{/ifPluginActive}}" href="#{{bookingStepUrl time=time date=date}}"> {{formatDateTime datetime 'time' time_diff}} {{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} -<span class="end-time">  {{formatDateTime end_datetime 'time' time_diff}} </span> {{/ifCond}} {{#ifPluginActive 'slots_count'}} {{#if available_slots}} <span class="slot--available-slot"> {{available_slots}} {{#ifConfigParam 'slots_count_show_total' '==' true}} / {{total_slots}} {{/ifConfigParam}} </span> {{/if}} {{/ifPluginActive}} </a> </div></script> <script type="text/html" id="time_slots_weekly_view"><div class="slots-weekly-view"> <section class="slots-weekly-view-section section"> <div class="timeline-wrapper"> <div class="tab-pd"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}" class="sb-date-navigate" data-date="{{prev_date}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_week"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{#if from}} {{formatDatePeriod from=from to=to}} {{/if}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}" class="sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "next_week"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} {{>emptyWeekTimePart is_empty=is_empty is_loaded=is_loaded}} <div id="sb_time_slots_weekly_container" class="slots-weekly-timeline timeframe-{{timeframe}} fixed-scrollbar{{#ifCond (getThemeOption 'timeline_hide_unavailable') '==' 1}} hide_unavailable-on{{/ifCond}} {{#ifCond (getThemeOption 'hide_past_days') '==' 1}} past-day--mode-on{{/ifCond}}"></div> {{#unless is_empty}} {{> bookingTimeLegendPart time_diff=0}} {{/unless}} </div> </div> </section> </div></script> <script type="text/html" id="time_slots_weekly_day_view"><div class="data-col {{#ifCond (getThemeOption 'hide_past_days') '==' 1}} {{#if is_past}} hide past-day--hidden{{/if}} {{#if is_empty_day}}hide past-day--hidden-holiday{{/if}} {{/ifCond}}" > <div class="day-container {{#if is_holiday}}is-holiday{{/if}}"> <div class="date"> {{formatDateTime date 'custom' 0 format='M j'}} </div> <div class="border"></div> <div class="day">{{_t day_name}}</div> </div> <div class="time-container{{#if is_empty_day}} empty-day{{/if}}"> {{#if (and is_empty_day (not is_day_off) is_wl_available)}} {{#ifPluginActive 'waiting_list'}} <div class="waiting-list-day"> <a class="cell" href="#{{bookingStepUrl date=date wl=1}}"> {{_t "book to waiting list"}} </a> </div> {{/ifPluginActive}} {{/if}} <div class="sb_time_slots_weekly_day_container"></div> </div> </div></script> <script type="text/html" id="time_slots_weekly_item_view"><div class="time-slot{{#ifPluginActive 'slots_count'}} slots_count-on{{/ifPluginActive}}{{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} end_time-on{{/ifCond}} {{type}}"> {{#ifCond type '==' 'free'}} <a class="cell sb-cell {{#ifPluginActive 'slots_count'}}{{#if available_slots}}has-available-slot{{/if}}{{/ifPluginActive}} {{type}} {{state}}" href="#{{bookingStepUrl time=time date=date}}"> {{formatDateTime datetime 'time' time_diff}} {{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} -<span class="end-time">  {{formatDateTime end_datetime 'time' time_diff}} </span> {{/ifCond}} {{#ifPluginActive 'slots_count'}} {{#if available_slots}} <span class="slot--available-slot"> {{available_slots}} {{#ifConfigParam 'slots_count_show_total' '==' true}} / {{total_slots}} {{/ifConfigParam}} </span> {{/if}} {{/ifPluginActive}} </a> {{else}} <div class="cell sb-cell {{type}} {{state}}"> {{#ifCond (getThemeOption 'timeline_hide_unavailable') '==' 1}} 一 {{else}} {{formatDateTime datetime 'time' time_diff}} {{/ifCond}} </div> {{/ifCond}} </div></script> <script type="text/html" id="time_flexible_view"><div class="flexible-view"> <div class="timeline-wrapper"> <div class="tab-pd"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}" class="sb-date-navigate" data-date="{{prev_date}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_date"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{formatDateTime current_date 'date' 0}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}" class="sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "next_date"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} <div class="vline-flexible"></div> {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} {{>emptyTimePart is_empty=is_empty is_loaded=is_loaded is_available_date=is_available_date}} <div id="sb_time_flexible_container" class="flexible-timeline timeframe-{{timeframe}}"></div> {{> bookingTimeLegendPart legend='both'}} </div> </div> </div></script> <script type="text/html" id="time_flexible_hour_view"><div class="hour-line"> <div class="hour-head"> {{formatDateTime datetime 'time' time_diff}} {{#dayDifference datetime time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </div> <div class="sb_time_flexible_hour_container"></div> </div></script> <script type="text/html" id="time_flexible_hour_item_view"><div class="time-slot"> {{#ifCond type '==' 'free'}} <a class="cell sb-cell {{type}} {{state}}" href="#{{bookingStepUrl time=time date=date}}"> {{formatDateTime datetime 'time' time_diff}} {{#dayDifference datetime time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </a> {{else}} <span class="cell sb-cell {{type}} {{state}}"> {{formatDateTime datetime 'time' time_diff}} {{#dayDifference datetime time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </span> {{/ifCond}} </div></script> <script type="text/html" id="time_flexible_provider_view"><div class="timeline-wrapper"> <div class="tab-pd"> <section id="sb-flexible-provider" class="timeframe-{{timeframe}}"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}" class="sb-date-navigate" data-date="{{prev_date}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_date"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{formatDateTime current_date 'date' 0}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}" class="sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "next_date"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} <div class="inner"> <div class="inner-sidebar"> <div id="sb_time_flexible_provider_timeline"> {{#each timeline as |datetime|}} <div class="hour-line"> <div class="hour-head"> {{formatDateTime datetime 'time' ../time_diff}} {{#dayDifference datetime ../time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </div> </div> {{/each}} </div> </div> <div class="inner-content fixed-scrollbar {{#if is_empty}}hidden{{/if}}"> <div id="sb_time_flexible_provider_container"></div> </div> </div> {{>emptyTimePart is_empty=is_empty is_loaded=is_loaded}} </section> {{> bookingTimeLegendPart legend='both'}} </div> </div> </script> <script type="text/html" id="time_flexible_provider_item_view"><div class="provider-col"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="provider-photo"> {{#if provider.picture}} {{#ifSvg provider.picture_path}} <div class="default img"> <svg src="{{provider.picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="photo user" aria-label="{{_t "image_for_provider_%provider_name%" provider_name=name}}" role="img" style="background-image: url({{provider.picture_path}})"></div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="provider.svg" class="sb-inline-svg" data-category="true" /> </div> {{/if}} </div> {{/ifCond}} <div class="provider-name"> {{provider.name}} </div> {{#if (and is_empty_day (not is_day_off) is_wl_available)}} {{#ifPluginActive 'waiting_list'}} <div class="waiting-list--provider-cell"> <a class="waiting-list--btn" href="#{{bookingStepUrl date=date wl=1 provider=provider.id}}"> {{_t "book to waiting list"}} </a> </div> {{/ifPluginActive}} {{/if}} <div class="provider-timeline sb-flexible-provider-timeline"> </div> </div> </script> <script type="text/html" id="time_flexible_provider_item_hour_view"><div class="provider-item"> <div class="sb_time_flexible_hour_container"></div> </div> </script> <script type="text/html" id="time_flexible_provider_item_hour_item_view"><div class="time-slot"> {{#ifCond type '==' 'free'}} <a class="time-cell sb-cell {{type}} {{state}}" href="#{{bookingStepUrl time=time date=date provider=provider}}"> {{formatDateTime datetime 'time' time_diff}} {{#dayDifference datetime time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </a> {{else}} <span class="time-cell sb-cell {{type}} {{state}}"> {{formatDateTime datetime 'time' time_diff}} {{#dayDifference datetime time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </span> {{/ifCond}} </div> </script> <script type="text/html" id="time_event_view"><div class="eventdatetime-view"> <div class="timeline-wrapper"> <div class="tab-pd"> <div class="vline-flexible"></div> {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_month}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_month"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{#if calendar_data.first_day}} {{formatDateTime calendar_data.first_day 'custom' 0 format='F'}} {{calendar_data.current_year}} {{/if}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_month}}"> <span class="txt"> {{_t "next_month"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> <div class="calendar"> <div class="row seven-cols weeks-name"> {{#each calendar_data.week_days}} <div class="col-md-1 name">{{this}}</div> {{/each}} </div> <div class="row seven-cols"> <div id="sb_time_event_container" class="event-timeline timeframe-{{timeframe}}"></div> </div> </div> {{> bookingTimeLegendPart legend='both'}} </div> </div> </div></script> <script type="text/html" id="time_event_item_view"><div class="col-md-1 date-slot {{#if is_day_off}} day_off {{else}} {{#if time.length}} free{{else}} busy{{/if}} {{/if}} {{#if show_month}} other_month {{/if}} "> <div class="slot-container"> {{formatDateTime date 'custom' 0 format='d'}}  </div> </div></script> <script type="text/html" id="time_flexible_weekly_view"><div class="flexible-weekly-view"> <div class="timeline-wrapper"> <div class="tab-pd"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}" class="sb-date-navigate" data-date="{{prev_date}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_week"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{#if from}} {{formatDatePeriod from=from to=to}} {{/if}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}" class="sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "next_week"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} {{>emptyWeekTimePart is_empty=is_empty is_loaded=is_loaded}} <div class="flexible-weekly-inner timeframe-{{timeframe}}"> {{#unless is_empty}} <div class="hour-container"> {{#each available_time}} <div class="time"> {{formatDateTime this.datetime 'time' ../time_diff}} {{#dayDifference this.datetime ../time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </div> {{/each}} </div> {{/unless}} <div class="content-container"> {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} <div id="sb_time_flexible_weekly_container" class="data-container flexible-weekly-timeline"></div> </div> </div> {{#unless is_empty}} {{> bookingTimeLegendPart legend='both'}} {{/unless}} </div> </div> </div></script> <script type="text/html" id="time_flexible_weekly_day_view"><div class="data-col {{#if show_wl}}data-container--wl-slots{{/if}}"> <div class="day-container"> <div class="date {{#if is_holiday}}is-holiday{{/if}}"> {{formatDateTime date 'custom' 0 format='M j'}} </div> <div class="border"></div> <div class="day{{#if is_holiday}} is-holiday{{/if}}">{{_t day_name}}</div> </div> <div class="time-container"> <div class="sb_time_flexible_weekly_day_container"></div> </div> </div></script> <script type="text/html" id="time_flexible_weekly_day_item_view"><div class="time-slot sb-cell {{#if show_wl}}free wl-slot{{else}}{{type}}{{/if}} {{state}}"> {{#ifCond type '==' 'free'}} <a href="#{{bookingStepUrl time=time date=date}}"> </a> {{else}} {{#if show_wl}} <a href="#{{bookingStepUrl date=date wl=1}}"> {{_t "to waiting list"}} </a> {{else}} <span> </span> {{/if}} {{/ifCond}} </div></script> <script type="text/html" id="time_classes_view"><div class="timeline-wrapper"> <div class="tab-pd"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}" class="sb-date-navigate" data-date="{{prev_date}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_date"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{formatDateTime current_date 'date' 0}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}" class="sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "next_date"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} {{>emptyTimePart is_empty=is_empty is_loaded=is_loaded}} <section id="sb-time-classes-container" class="classes user-timeline"> <div class="inner"> <div class="hour-container"> {{#each available_time}} <div class="hour-row"> <div class="time"> {{formatDateTime this.datetime 'time' ../time_diff}} {{#dayDifference this.datetime ../time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </div> </div> {{/each}} </div> <div class="provider-container" id="sb_time_classes_container"></div> </div> </section> {{> bookingTimeLegendPart legend="only_available"}} </div> </div> </script> <script type="text/html" id="time_classes_provider_item_view"><div class="provider-item"> <a class="sb-cell free" href="#{{bookingStepUrl provider=provider.id time=false service=false}}"> {{provider.name}} </a> </div></script> <script type="text/html" id="time_classes_provider_column_view"><div class="provider-col sb_time_classes_provider_column"></div></script> <script type="text/html" id="time_classes_service_list_view"><div class="modal-dialog classes-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span class="modal-close-button" aria-hidden="true">×</span></button> <h4 class="modal-title">{{_t 'select_service_and_time'}}</h4> </div> <div class="modal-body"> <div class="modal-pd"> <div id="sb_time_classes_service_container"></div> </div> </div> </div> </div></script> <script type="text/html" id="time_classes_service_item_view">{{!- almost same as in themes/default/templates/controller/booking/service/service_item.tpl -}} <div class="service-item item"> <div class="tab tab-col"> <div class="excerpt-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader {{#if picture}}{{#ifSvg picture_path}} __custom-svg-icon {{else}} __custom-image {{/ifSvg}}{{else}} __default-svg-icon {{/if}}"> <a href="#{{bookingStepUrl service=id}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> {{#if class_id}} <svg src="class.svg" class="sb-inline-svg" /> {{else}} <svg src="service.svg" class="sb-inline-svg" data-category="true"/> {{/if}} </div> {{/if}} </a> </div> {{/ifCond}} <div class="tab-pd"> <div class="content"> <div class="cap full">{{name}}</div> <div class="txt full">{{{description}}}</div> <div class="bar-service"> {{#if bonus}} <div class="item__bonus service-bonus"><span class="service-bonus--val">+{{bonus}}</span> <span class="service-bonus--txt">{{_t "rewards points"}}</span></div> {{/if}} {{#if (and (ifPluginActive 'deposit_paid_events') (cond deposit_is_enabled '==' '1'))}} <div class="d-flex service-deposit"> <div class="badge right"> {{{formatPrice currency=currency price=price}}} / {{{formatPrice currency=currency price=deposit}}} <span class="text">{{_t 'deposit_price'}}</span></div> </div> <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time">  <span> {{formatDuration duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time">  <span> {{formatDuration duration}} </span> </div> {{/ifCond}} {{#ifCond price '>' 0}} <div class="badge"> {{! just add tax=tax if we need to show price with tax in any case }} {{{formatPrice currency=currency price=price}}} </div> {{/ifCond}} </div> {{/if}} </div> </div> {{#if (or in_membership is_recurring)}} <div class="recurring-block"> {{> serviceBar non_link=true}} </div> {{/if}} <div class="btn-bar"> <div class="sb_group_booking_count"></div> <div class="btn select custom"> <a href="#{{bookingStepUrl service=id}}">{{_t "select"}}</a> </div> </div> </div> </div> </div> </div></script> <script type="text/html" id="time_classes_time_view"><div class="modal-dialog classes-modal time-view" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span class="modal-close-button" aria-hidden="true">×</span></button> <h4 class="modal-title">{{_t 'select_service_and_time'}}</h4> </div> <div class="modal-body"> <div class="tab-pd"> <div class="cap"> {{service.name}} </div> <div class="txt"> {{_t 'select_time'}} </div> {{>emptyTimePart is_empty=is_empty is_loaded=is_loaded}} <div id="time_classes_time_container"></div> </div> </div> </div> </div></script> <script type="text/html" id="time_classes_time_item_view"><a class="sb-cell free {{#ifPluginActive 'slots_count'}}{{#if available_slots}}has-available-slot{{/if}}{{/ifPluginActive}}" href="#{{bookingStepUrl time=time date=date}}"> {{formatDateTime datetime 'time' time_diff}} {{#dayDifference datetime time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}}{{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} -<span class="end-time">  {{formatDateTime end_datetime 'time' time_diff}} </span> {{/ifCond}} {{#ifPluginActive 'slots_count'}} {{#if available_slots}} <span class="slot--available-slot"> {{available_slots}} {{#ifConfigParam 'slots_count_show_total' '==' true}} / {{total_slots}} {{/ifConfigParam}} </span> {{/if}} {{/ifPluginActive}} </a></script> <script type="text/html" id="time_classes_plugin_view"><div class="timeline-wrapper classes-plugin-wrapper"> <div class="tab-pd"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}"> <span class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_date"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{formatDateTime current_date 'date' 0}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}"> <span class="txt"> {{_t "next_date"}} </span> <span class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} {{>emptyTimePart is_empty=is_empty is_loaded=is_loaded}} <section id="sb-time-classes-container" class="classes classes-plugin user-timeline {{#if (and is_empty is_loaded)}}hidden{{/if}}{{#ifCond services.length '>' 1}} service-more-than-one{{/ifCond}}"> <div class="inner"> <div class="hour-container {{#if expandRows}}is-expanded{{/if}}"> {{#each available_time}} <div class="hour-row"> <div class="time"> {{formatDateTime this.datetime 'time'}} </div> </div> {{/each}} </div> <div class="provider-container" id="sb_time_classes_plugin_container"></div> </div> </section> {{> bookingTimeLegendPart legend="only_available"}} </div> </div> </script> <script type="text/html" id="time_classes_plugin_column_view"><div class="provider-col sb_time_classes_plugin_column"></div></script> <script type="text/html" id="time_classes_plugin_item_empty_view"> {{#if (and (ifPluginActive 'waiting_list') is_wl_available_date)}} <div class="provider-item has-popup"> <a href="#{{bookingStepUrl wl=1 service=service.id}}" class="cell sb-cell free full-info-trigger" role="button" tabindex="0"> <span class="provider-txt-data"> <span class="provider-name provider-txt">{{service.name}}</span> <div class="provider-time provider-txt"> {{_t "Book to waiting list"}} </div> </span> </a> </div> {{else}} <div></div> {{/if}}</script> <script type="text/html" id="time_classes_plugin_item_view"><div class="provider-item has-popup"> <a href="javascript:void(0);" class="cell sb-cell {{#ifPluginActive 'slots_count'}}{{#if available_slots}}has-available-slot{{/if}}{{/ifPluginActive}} {{type}} full-info-trigger" data-toggle="modal" data-target="#providerClasses{{label}}" role="button" tabindex="0"> <span class="provider-txt-data"> <span class="provider-name provider-txt">{{service.name}}</span> <div class="provider-time provider-txt"> {{#ifCond service.hide_duration '==' false}} {{formatDateTime from 'time' time_diff}} - {{formatDateTime to 'time' time_diff}} {{else}} {{formatDateTime from 'time' time_diff}} {{/ifCond}} {{#ifPluginActive 'slots_count'}} {{#if available_slots}} <span class="slot--available-slot"> {{available_slots}} {{#ifConfigParam 'slots_count_show_total' '==' true}} / {{total_slots}} {{/ifConfigParam}} </span> {{/if}} {{/ifPluginActive}} </div> </span> </a> <div class="modal fade" id="providerClasses{{label}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="service-item"> <div class="full-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if service.picture}} {{#ifSvg service.picture_path}} <div class="default img"> <svg src="{{service.picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="photo user have-photo" style="background-image: url({{service.picture_path}}"></div> {{/ifSvg}} {{else}} <div class="default img"> {{#if service.class_id}} <svg src="class.svg" class="sb-inline-svg" /> {{else}} <svg src="service.svg" class="sb-inline-svg" data-category="true"/> {{/if}} </div> {{/if}} {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="tab-pd"> <div class="name"> {{service.name}} </div> <div class="txt"> {{{service.description}}} </div> <div class="bar-service"> {{#if service.bonus}} <div class="item__bonus service-bonus"><span class="service-bonus--val">+{{service.bonus}}</span> <span class="service-bonus--txt">{{_t "rewards points"}}</span></div> {{/if}} {{#if (and (ifPluginActive 'deposit_paid_events') (cond service.deposit_is_enabled '==' '1'))}} <div class="d-flex service-deposit"> <div class="badge right"> {{{formatPrice currency=service.currency price_with_tax=service.price_with_tax price_without_tax=service.price_without_tax price=service.price}}} / {{{formatPrice currency=service.currency price=service.deposit}}} <span class="text">{{_t 'deposit_price'}}</span></div> </div> <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time">  <span> {{formatDuration service.duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time">  <span> {{formatDuration service.duration}} </span> </div> {{/ifCond}} {{#ifCond service.price '>' 0}} <div class="badge"> {{! just add tax=tax if we need to show price with tax in any case }} {{{formatPrice currency=service.currency price_with_tax=service.price_with_tax price_without_tax=service.price_without_tax price=service.price }}} </div> {{/ifCond}} </div> {{/if}} </div> {{#if (or service.in_membership service.is_recurring)}} <div class="recurring-block"> {{> serviceBar s_id=service.id in_membership=service.in_membership is_recurring=service.is_recurring }} </div> {{/if}} <a class="btn popup-hide btn-classes" href="#{{bookingStepUrl provider=provider.id date=date time=time service=service.id wl=0}}"> {{_t 'select'}} </a> </div> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0"> <i class="fa fa-times"></i> </div> </div> </div> </div> </div> </div></script> <script type="text/html" id="time_grid_weekly_view"><div class="flexible-weekly-view"> <div class="timeline-wrapper"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}" class="sb-date-navigate" data-date="{{prev_date}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_week"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{#if from}} {{formatDatePeriod from=from to=to}} {{/if}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}" class="sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "next_week"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} <div class="grid-weekly-inner timeframe-{{timeframe}}"> <div class="content-container"> {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} <div class="tab-pd"> <div class="top-inline-steps"> <div class="row"> <div class="col-sm-6 col-md-4 col-lg-4"> {{#ifPluginActive 'classes'}} <label for="sb_grid_service_id"> {{_t "Services & Classes"}} </label> {{> formSelect name='service_id' label='Services & Classes' id_prefix='sb_grid_' value=service_id options=services disabled=services_disabled}} {{else}} <label for="sb_grid_service_id"> {{_t "Services"}} </label> {{> formSelect name='service_id' label='Services' id_prefix='sb_grid_' value=service_id options=services disabled=services_disabled}} {{/ifPluginActive}} </div> <div class="col-sm-6 col-md-4 col-lg-4"> <label for="sb_grid_provider_id"> {{_t "Providers"}} </label> {{> formSelect name='provider_id' label='Providers' id_prefix='sb_grid_' value=provider_id options=providers disabled=providers_disabled}} </div> <div class="col-sm-6 col-md-12 col-lg-4"> <div class="parts-of-day"> <label for="sb_morning_part"> {{_t "Parts of day"}} </label> <div class="buttons"> <div id="sb_morning_part" class="btn {{#ifCond activeTimeOfDay '==' 'morning'}}active{{/ifCond}}"> {{_t "Morning"}} </div> <div id="sb_afternoon_part" class="btn {{#ifCond activeTimeOfDay '==' 'afternoon'}}active{{/ifCond}}"> {{_t "Afternoon"}} </div> <div id="sb_evening_part" class="btn {{#ifCond activeTimeOfDay '==' 'evening'}}active{{/ifCond}}"> {{_t "Evening"}} </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-8 col-md-12 col-lg-7"> <div class="days-of-week"> <label> {{_t "Days of week"}} </label> <div class="buttons"> {{#each daysOfWeek}} <div data-id="{{id}}" class="btn sb-day-of-week {{#ifCond id 'in' ../selectedDaysOfWeek}}active{{/ifCond}}"> {{name}} </div> {{/each}} </div> </div> </div> </div> </div> </div> <div id="sb_time_grid_weekly_container"></div> </div> </div> </div> </div></script> <script type="text/html" id="time_grid_weekly_empty_view"><div> {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{else}} <div class="empty-week-time-part"> <div class="calendar-nothing-available-icon"></div> {{#if is_loaded}} {{_t 'No results found'}} {{else}} {{_t 'loading_message'}} {{/if}} </div> {{/if}} </div> </script> <script type="text/html" id="time_grid_weekly_day_view"><div class="grid-weekly-table" style="width:100%;{{#if isEmpty}}display:none;{{/if}}"> {{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} {{setVariable 'showEndTime' true}} {{/ifCond}} <div class="grid-weekly-header"> <div class="grid-weekly-row grid-weekly-header-row"> <div class="grid-weekly-header-item grid-weekly-item grid-weekly-date-time {{#if showEndTime}}with-end-time{{/if}}" class="date">{{formatDateTime date 'date'}}</div> <div class="grid-weekly-header-item grid-weekly-item grid-weekly-serice">{{_t "Service or Class Name"}}</div> {{#ifPluginActive 'slots_count'}} <div class="grid-weekly-header-item grid-weekly-item grid-weekly-available-slots">{{_t "Available slots"}}</div> {{/ifPluginActive}} <div class="grid-weekly-header-item grid-weekly-item grid-weekly-provider">{{_t "Provider"}}</div> <div class="grid-weekly-header-item grid-weekly-item grid-weekly-button"></div> </div> </div> <div class="grid-weekly-body sb_time_grid_weekly_day_container"></div> </div> </script> <script type="text/html" id="time_grid_weekly_day_item_view"><div class="grid-weekly-row grid-weekly-body-row {{#if waiting_list}}waiting-list-row{{/if}}"> {{#if waiting_list}} <div class="grid-weekly-body-item grid-weekly-item grid-weekly-date-time"> </div> {{else}} {{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} {{setVariable 'showEndTime' true}} {{/ifCond}} <div class="grid-weekly-body-item grid-weekly-item grid-weekly-date-time{{#if showEndTime}} with-end-time{{/if}}"> {{formatDateTime from_datetime 'time' time_diff}} {{#if showEndTime}} -<span class="end-time">  {{formatDateTime to_datetime 'time' time_diff}} </span> {{/if}} </div> {{/if}} <div class="grid-weekly-body-item grid-weekly-item grid-weekly-serice"> {{#if service}} <span class="grid-weekly-serice-name data-trigger" data-toggle="modal" data-target="#service_{{service_id}}" role="button" tabindex="0"> {{service_name}} {{#ifCond service.is_recurring '==' 1}}<div title="{{_t "Number of sessions"}}: {{service.recurring_settings.repeat_count}}" class="service-bar__icon"><span class="icon icon-reccuring single"><i class="fa fa-sync"></i></span></div>{{/ifCond}} </span> {{ else}} <span class="grid-weekly-serice-name"> {{service_name}} {{#ifCond service.is_recurring '==' 1}}<div title="{{_t "Number of sessions"}}: {{service.recurring_settings.repeat_count}}" class="service-bar__icon"><span class="icon icon-reccuring single"><i class="fa fa-sync"></i></span></div>{{/ifCond}} </span> {{/if}} <div class="modal fade" id="service_{{service_id}}" tabindex="-1" role="dialog"> {{#with service}} <div class="modal-dialog" role="document"> <div class="full-info"> <div class="tab tab-pd tab-col"> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fi flaticon-cancel"></i> </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader img-full"> {{#if picture}} {{#ifSvg picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <img src="{{picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> {{/ifSvg}} {{/if}} </div> {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="tab-pd"> <div class="cap full"> {{name}} </div> <div class="txt full"> {{{description}}} </div> {{#if bonus}} <div class="item__bonus service-bonus"><span class="service-bonus--val">+{{bonus}}</span> <span class="service-bonus--txt">{{_t "rewards points"}}</span></div> {{/if}} {{#ifCond hide_duration '==' false}} <div class="time"> <span> {{formatDuration duration}} </span> </div> {{/ifCond}} {{#if (or in_membership is_recurring)}} <div class="recurring-block"> {{> serviceBar}} </div> {{/if}} {{!--TODO remove - let it look like in default service block --}} {{!--#ifCond is_recurring '==' 1}}({{recurring_settings.repeat_count}} sessions){{/ifCond--}} </div> {{#if (and (ifPluginActive 'deposit_paid_events') (cond deposit_is_enabled '==' '1'))}} <div class="badge right"> {{{formatPrice currency=currency price=price}}} / {{{formatPrice currency=currency price=deposit}}} <span class="text">{{_t 'deposit_price'}}</span></div> {{else}} {{#ifCond price '>' 0}} <div class="badge right"> {{! just add tax=tax if we need to show price with tax in any case }} {{{formatPrice currency=currency price=price}}} </div> {{/ifCond}} {{/if}} </div> </div> </div> {{/with}} </div> </div> {{#ifPluginActive 'slots_count'}} <div class="grid-weekly-body-item grid-weekly-item grid-weekly-available-slots"> {{#if available_slots}} <span class="slot--available-slot"> {{available_slots}} {{#ifConfigParam 'slots_count_show_total' '==' true}} / {{total_slots}} {{/ifConfigParam}} </span> {{/if}} </div> {{/ifPluginActive}} <div class="grid-weekly-body-item grid-weekly-item grid-weekly-provider"> <span class="data-trigger" data-toggle="modal" data-target="#provider_{{provider_id}}" role="button" tabindex="0"> {{provider_name}} </span> <div class="modal fade" id="provider_{{provider_id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> <div class="tab tab-pd tab-col"> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fi flaticon-cancel"></i> </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader img-full"> {{#if provider.picture}} {{#ifSvg provider.picture_path}} {{!-- do not show icon in popup --}} {{else}} <img src="{{provider.picture_path}}" alt="{{_t "image_for_provider_%provider_name%" provider_name=name}}" class="user-img photo user"> {{/ifSvg}} {{/if}} </div> {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="tab-pd"> <div class="cap full"> {{provider_name}} </div> <div class="txt full"> {{{provider.description}}} </div> </div> </div> </div> </div> </div> </div> <div class="grid-weekly-body-item grid-weekly-item grid-weekly-button"> {{#if waiting_list}} <a href="#{{bookingStepUrl service=service_id provider=provider_id time=null date=date wl=1}}" class="btn">{{_t "book to waiting list"}}</a> {{else}} <a href="#{{bookingStepUrl service=service_id provider=provider_id time=time date=date}}" class="btn">{{_t "Book"}}</a> {{/if}} </div> </div></script> <script type="text/html" id="datetime_booking_info_sidebar"><aside class="timeline-sidebar"> <div class="service-item item"> <div class="tab tab-col tab-with-popup"> <div class="excerpt-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader"> <span> {{#if service.picture}} {{#ifSvg service.picture_path}} <div class="default img"> <svg src="{{service.picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{service.picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> {{#if service.class_id}} <svg src="class.svg" class="sb-inline-svg" /> {{else}} <svg src="service.svg" class="sb-inline-svg" data-category="true"/> {{/if}} </div> {{/if}} </span> </div> {{/ifCond}} <div class="sb_group_booking_count"></div> <div class="tab-pd"> <div class="content"> <div class="cap short">{{service.name}}</div> <div class="txt short"> {{{service.description}}} {{#ifCond service.description.length ">=" 80}} <span class="read-more" data-toggle="modal" data-target="#service{{id}}" role="button" tabindex="0" aria-label="{{_t "read-more"}}"> {{_t "read-more"}} </span> {{/ifCond}} </div> <div class="bar-service"> {{#if (and (ifPluginActive 'deposit_paid_events') (cond service.deposit_is_enabled '==' '1'))}} <div class="d-flex service-deposit service-deposit--block"> <i class="fal fa-wallet wallet-icon"></i> <div class="service-deposit__wrapper"> <div class="badge right"> {{{formatPrice currency=service.currency price=service.price}}}</div> <div class="badge badge-deposit right">{{{formatPrice currency=service.currency price=service.deposit}}} <span class="text">{{_t 'deposit_price'}}</span></div> </div> </div> <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time">  <span> {{formatDuration service.duration}} </span> {{#if service.is_recurring}} <span> {{service.recurring_settings.repeat_count}} {{_t 'recurring_sessions'}} </span> {{/if}} </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time">  <span> {{formatDuration service.duration}} </span> {{#if service.is_recurring}} <span> {{service.recurring_settings.repeat_count}} {{_t 'recurring_sessions'}} </span> {{/if}} </div> {{/ifCond}} {{#ifCond service.price '>' 0}} <div class="badge"> {{! just add tax=tax if we need to show price with tax in any case }} {{{formatPrice currency=service.currency price=service.price}}} </div> {{/ifCond}} </div> {{/if}} {{#if products}} <hr> {{#each products}} <div class="d-flex small"> {{!-- TODO if we need to distinguish addons and products here... {{#ifCond type '==' 'attribute'}} {{!TODO addon icon}} {{else}} {{!TODO product icon}} {{/ifCond}} --}} {{name}} {{#ifCond ../service.hide_duration '==' false}} <span> {{#ifCond duration '>' 0}} +{{formatDuration duration}} {{/ifCond}} </span> {{/ifCond}} {{#ifCond price '>' 0}} <span> {{#ifCond price '>' 0}} +{{{formatPrice currency=currency price=price}}} {{/ifCond}} </span> {{/ifCond}} </div> {{/each}} {{/if}} </div> </div> </div> </div> <div class="modal fade" id="service{{id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0" aria-label="{{_t "close"}}"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fi flaticon-cancel"></i> </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader img-full"> {{#if service.picture}} {{#ifSvg service.picture}} {{!-- do not display icon in popup --}} {{else}} <img src="{{service.picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> {{/ifSvg}} {{/if}} </div> {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="tab-pd"> <div class="cap full">{{service.name}}</div> <div class="txt full">{{{service.description}}}</div> </div> </div> </div> </div> </div> </div> {{#ifShowProviderDetails provider.id place="sidebar"}} <div class="provider-item item"> <div class="tab tab-col tab-with-popup"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <span> {{#if provider.picture}} {{#ifSvg provider.picture_path}} <div class="default img"> <svg src="{{provider.picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="photo user" style="background-image: url({{provider.picture_path}})" aria-label="{{_t "image_for_provider_%provider_name%" provider_name=name}}" role="img"></div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="provider.svg" class="sb-inline-svg" data-category="true"/> </div> {{/if}} </span> {{/ifCond}} <div class="excerpt-info"> <div class="name"> {{provider.name}} </div> {{#if provider.description}} <span class="read-more" data-toggle="modal" data-target="#provider{{id}}" role="button" tabindex="0" aria-label="{{_t "read-more"}}"> {{_t "read-more"}} </span> {{/if}} </div> {{#if provider.description}} <div class="modal fade" id="provider{{id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader img-full"> {{#if provider.picture}} {{#ifSvg provider.picture_path}} {{!-- do not show icon in popup --}} {{else}} <img src="{{provider.picture_path}}" alt="{{_t "image_for_provider_%provider_name%" provider_name=name}}" class="user-img photo user"> {{/ifSvg}} {{/if}} </div> {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0" aria-label="{{_t "close"}}"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fi flaticon-cancel"></i> </div> <div class="tab-pd"> <div class="name"> {{provider.name}} </div> <div class="txt"> {{{provider.description}}} </div> </div> </div> </div> </div> {{/if}} </div> </div> {{/ifShowProviderDetails}} </aside> </script> <script type="text/html" id="datetime_booking_info_sidebar_list"><aside class="timeline-sidebar"> <div class="service-item item panel"> <div class="mobile-title"> {{#ifCond service.description.length ">=" 2}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> {{service.name}} </a> </h4> {{else}} <h4 class="title">{{service.name}}</h4> {{/ifCond}} </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader"> {{#if service.picture}} {{#ifSvg service.picture_path}} <div class="default img"> <svg src="{{service.picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{service.picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> {{#if service.class_id}} <svg src="class.svg" class="sb-inline-svg" /> {{else}} <svg src="service.svg" class="sb-inline-svg" data-category="true"/> {{/if}} </div> {{/if}} </div> {{/ifCond}} <div class="one-line"> <div class="content"> <div class="info-bar bar-service"> <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="bar-flex-item time"> <i class="fal ico fa-hourglass-start"></i> <span class="txt"> {{formatDuration service.duration}} </span> </div> <div class="bar-flex-item recurring-sessions-count"> {{#if service.is_recurring}} <span> {{service.recurring_settings.repeat_count}} {{_t 'recurring_sessions'}} </span> {{/if}} </div> {{/ifCond}} {{#if (and (ifPluginActive 'deposit_paid_events') (cond service.deposit_is_enabled '==' '1'))}} <div class="d-flex bar-flex-item price service-deposit align-items-start"> <i class="fal fa-wallet wallet-icon ico"></i> <div class="service-deposit__price"> <span class="txt badge">{{{formatPrice currency=service.currency price=service.price}}} <span class="badge-line">/</span></span> <span class="txt badge">{{{formatPrice currency=service.currency price=service.deposit}}} <span class="text">{{_t 'deposit_price'}}</span></span> </div> </div> {{else}} {{#ifCond service.price '>' 0}} <div class="bar-flex-item price price"> <i class="fal fa-wallet ico"></i> {{! just add tax=tax if we need to show price with tax in any case }} <span class="txt">{{{formatPrice currency=service.currency price=service.price}}}</span> </div> {{/ifCond}} {{/if}} <div class="bar-flex-item sb_group_booking_count"></div> </div> </div> </div> {{#ifCond service.description.length ">=" 2}} <div class="btn-bar {{#ifCond service.description.length ">=" 2}}has-read-more{{/ifCond}}"> {{#ifCond service.description.length ">=" 2}} <div class="wrap-read-more"> <a class="btn read-more collapsed" role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> <span class="part txt-part"> <span class="more-part">{{_t 'read-more'}}</span> <span class="less-part">{{_t 'show less'}}</span> </span> <span class="part ico-part"><i class="fal fa-ellipsis-h"></i></span> </a> </div> {{/ifCond}} </div> {{/ifCond}} </div> {{#if products}} <hr> {{#each products}} <div class="sidebar-list-attribute-info d-flex small"> {{!-- TODO if we need to distinguish addons and products here... {{#ifCond type '==' 'attribute'}} {{!TODO addon icon}} {{else}} {{!TODO product icon}} {{/ifCond}} --}} <div>{{name}}</div> {{#ifCond ../service.hide_duration '==' false}} <div> {{#ifCond duration '>' 0}} +{{formatDuration duration}} {{/ifCond}} </div> {{/ifCond}} {{#ifCond price '>' 0}} <div> {{#ifCond price '>' 0}} +{{{formatPrice currency=currency price=price}}} {{/ifCond}} </div> {{/ifCond}} </div> {{/each}} {{/if}} <div class="wrap-collapse-content collapse" id="service{{id}}"> <div class="collapse-content"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if service.picture}} {{#ifSvg service.picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{service.picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <div class="biggest-previev"> <img src="{{service.picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{/if}} {{/ifCond}} {{{service.description}}} <div class="btn-bar btn-bar-full-info"> {{#ifCond service.description.length ">=" 2}} <a class="btn btn-hide" role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> <span class="hide-txt">{{_t "show lass"}}</span> </a> {{/ifCond}} </div> </div> </div> </div> {{#ifShowProviderDetails provider.id place="sidebar"}} <div class="provider-item item panel"> <div class="mobile-title"> {{#if provider.description}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> {{provider.name}} </a> </h4> {{else}} <h4 class="title">{{provider.name}}</h4> {{/if}} </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader"> {{#if provider.picture}} {{#ifSvg provider.picture_path}} <div class="default img"> <svg src="{{provider.picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img class="photo user" alt="{{_t "image_for_provider_%provider_name%" provider_name=name}}" src="{{provider.picture_path}}"> </div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="provider.svg" class="sb-inline-svg" data-category="true"/> </div> {{/if}} </div> {{/ifCond}} <div class="one-line"> <div class="content"></div> {{#if provider.description}} <div class="btn-bar {{#if provider.description}}has-read-more{{/if}}"> {{#if provider.description}} <div class="wrap-read-more"> <a class="btn read-more collapsed" role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> <span class="part txt-part"> <span class="more-part">{{_t 'read-more'}}</span> <span class="less-part">{{_t 'show less'}}</span> </span> <span class="part ico-part"><i class="fal fa-ellipsis-h"></i></span> </a> </div> {{/if}} </div> {{/if}} </div> {{#if provider.description}} <div class="wrap-collapse-content collapse" id="provider{{id}}"> <div class="collapse-content"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if provider.picture}} {{#ifSvg provider.picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{provider.picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <div class="biggest-previev"> <img src="{{provider.picture_path}}" alt="{{_t "image_for_provider_%provider_name%" provider_name=name}}" class="user-img"> </div> {{/ifSvg}} {{/if}} {{/ifCond}} {{{provider.description}}} <div class="btn-bar btn-bar-full-info"> {{#if provider.description}} <a class="btn btn-hide" role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> <span class="hide-txt">{{_t "show less"}}</span> </a> {{/if}} </div> </div> </div> {{/if}} </div> {{/ifShowProviderDetails}} </aside> </script> <script type="text/html" id="booking_info_part"><div class="current-booking-info v1"> <div class="cap mg"> {{service.name}} </div> <div class="booking-info mg"> <div class="booking-overview"> <table> {{#if start_date}} <tr class="booking-info--item booking-info--item_date-start"> <td class="label">{{_t 'date_start'}}:</td> <td class="info"> <div class="date-line"> <span class="date-line--caption"> {{formatDateTime start_datetime 'date' time_diff}} {{#if start_time}}{{formatDateTime start_datetime 'time' time_diff}}{{/if}} </span> {{#if time_diff_warning}} <div class="dropdown dropdown__mobile-bar date-difference--dropdown"> <div class="dropdown__mob-cover"></div> <span class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fas fa-info-square"></i> </span> <div class="dropdown-menu right" > {{_t 'time_diff_warning'}} </div> </div> {{/if}} </div> </td> </tr> {{/if}} {{#if recurring_dates}} <tr class="booking-info--item booking-info--item_recurring-date"> <td class="label"> {{_t 'Recurring_date'}}:</td> <td class="info"> {{#each recurring_dates}}{{#unless @first}} <span class="info__item-recurring"> {{formatDateTime this 'date' (pick ../recurring_diffs this ../time_diff)}} {{#if ../start_time}} {{formatDateTime ../start_datetime 'time' (pick ../recurring_diffs this ../time_diff)}} {{/if}} </span> {{/unless}}{{/each}} </td> </tr> {{/if}} {{#if start_time}}  {{/if}} {{#if end_time}} {{#ifCond service.hide_duration '==' false}} <tr class="booking-info--item booking-info--item_end-date"> <td class="label">{{_t 'ends_at'}}:</td> <td class="info"> {{formatDateTime end_datetime 'time' time_diff}} </td> </tr> {{/ifCond}} {{/if}} {{#if (and time_zone time_offset)}} <tr class="booking-info--item booking-info--item_timezone"> <td class="label">{{_t 'Timezone'}}</td> <td class="info"> {{_t time_zone}} </td> </tr> {{/if}} {{#ifShowProviderDetails provider.id}} {{#if provider.name}} {{#unless provider.class_id}} <tr class="booking-info--item booking-info--item_provider"> <td class="label">{{_t 'provider_name'}}:</td> <td class="info"> {{provider.name}} </td> </tr> {{/unless}} {{/if}} {{/ifShowProviderDetails}} {{#if location}} <tr class="booking-info--item booking-info--item_location"> <td class="label">{{_t 'location_name'}}:</td> <td class="info"> {{setVariable 'locationItemId' (getUniqueId prefix='iframe_location_')}} {{#ifLocationHasAddress location}} <a --data-toggle="modal" --data-target="#{{locationItemId}}" href="{{#if (or location.lat location.lng)}} {{mapLink lat=location.lat lng=location.lng}} {{else}} {{mapLink address=(formatAddress address1=location.address1 address2=location.address2 city=location.city name=location.title)}} {{/if}}" target="_blank"> {{formatAddress address1=location.address1 address2=location.address2 city=location.city name=location.title}} </a> {{else}} {{formatAddress address1=location.address1 address2=location.address2 city=location.city name=location.title}} {{/ifLocationHasAddress}} </td> </tr> {{/if}} {{#if category}} <tr class="booking-info--item booking-info--item_category-name"> <td class="label">{{_t 'category_name'}}:</td> <td class="info"> {{category.name}} </td> </tr> {{/if}} {{#if code}} <tr class="booking-info--item booking-info--item_code"> <td class="label">{{_t 'code'}}:</td> <td class="info"> {{code}} </td> </tr> {{/if}} {{#if is_result}} <tr class="booking-info--item booking-info--item_status"> <td class="label">{{_t 'status'}}:</td> <td class="info"> {{_t status_text}} </td> </tr> {{/if}} {{#ifCond discount '>' 0}} <tr class="booking-info--item booking-info--item_discount"> <td class="label">{{_t 'discount'}}:</td> <td class="info"> {{formatDiscount discount add_percentage=true}} </td> </tr> {{/ifCond}} {{#if invoice_id}} <tr class="booking-info--item booking-info--item_invoice"> {{#if invoice_payment_received}} <td class="label">{{_t 'invoice #'}}:</td> {{else}} <td class="label">{{_t 'offer #'}}:</td> {{/if}} <td class="info"> <a href="#invoice/view/{{invoice_id}}">#{{invoice_number}}</a> </td> </tr> {{/if}} {{#if online_meeting_id}}{{!--TODO format? more info? --}} <tr class="booking-info--item booking-info--item_online-meeting"> <td class="label">{{_t 'Online meeting'}}:</td> <td class="info"> <a target="_blank" href="#online-meeting/view/{{online_meeting_id}}">{{_t 'open'}}</a> </td> </tr> {{/if}} {{#if medical_test_status}} <tr class="booking-info--item booking-info--item_medical-status"> <td class="label">{{_t 'medical_test_status'}}:</td> <td class="info"> {{_t (concat 'medical_test_' medical_test_status)}} </td> </tr> {{/if}} {{#if (or (and is_result bonus) (and (not is_result) service.bonus))}} <tr class="booking-info--item booking-info--item_points"> <td class="label">{{_t 'Points'}}:</td> <td class="info bonus"> {{#if is_result}} <a href="#bonus/view/{{bonus.id}}">+{{bonus.amount}}</a> {{else}} +{{service.bonus}}{{#ifCond count '>' 1}} x {{count}} {{_t 'bookings'}}{{/ifCond}} {{#if (and service.is_recurring recurring_dates)}} x {{recurring_dates.length}} {{_t 'bookings'}}{{/if}} {{/if}} </td> </tr> {{/if}} </table> {{!-- <div class="modal location-modal" id="{{locationItemId}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> <div class="tab-pd"> <div class="close-full-info" data-dismiss="modal"> <i class="fa fa-times"></i> </div> <iframe width="100%" frameborder="0" style="border:0; height: 400px;" src="{{mapIframe address=(formatAddress address1=location.address1 address2=location.address2 city=location.city country=location.country_id zip=location.zip)}}" allowfullscreen></iframe> </div> </div> </div> </div> --}} </div> <div class="booking-calendar"> <div class="calendar"> <div class="header">{{formatDateTime start_datetime 'month' time_diff type='short'}}</div> <div class="body">{{formatDateTime start_datetime 'day' time_diff}}</div> </div> </div> </div> <div class="mg"> {{#if code}} {{#if additional_fields_values}} <div class="accordion"> <a class="title collapsed" data-toggle="collapse" href="javascript:;" data-target="#collapseAdditional{{id_prefix}}{{id}}" > {{_t 'additional_fields'}}: </a> <div class="collapse {{#if isNotCollapsed}}in{{/if}}" id="collapseAdditional{{id_prefix}}{{id}}"> {{#each additional_fields_values}} <p> {{#ifCond field_type '==' 'date'}} <b>{{field_title}}:</b> {{#if value}}{{formatDateTime value 'date'}}{{/if}} {{else ifCond field_type '==' 'checkbox'}} <b>{{field_title}}:</b> {{#if value}}{{_t 'yes'}}{{else}}{{_t 'no'}}{{/if}} {{else}} <b>{{field_title}}:</b> {{value}} {{/ifCond}} </p> {{/each}} </div> </div> {{/if}} {{/if}} {{#if prices.totals}} <div class="accordion"> <a class="title collapsed" data-toggle="collapse" href="javascript:;" data-target="#collapseInvoice{{id_prefix}}{{id}}" > {{_t 'additional_items'}}: </a> <div class="collapse {{#if isNotCollapsed}}in{{/if}}" id="collapseInvoice{{id_prefix}}{{id}}"> {{#each prices.items}} <p class="booking-info__details"> <b class="booking-info__details-name">{{name}}:</b> <span class="booking-info__details-row"> <span class="booking-info__details-count-price"> {{qty}}{{#unless ../is_result}} x {{{formatPrice price=price currency=currency}}}{{/unless}} </span> {{#ifCond ../service.hide_duration '==' false}} {{#ifCond duration '>' 0}} <span class="booking-info__details-time"> ({{#ifCond type '==' 'attribute'}}+{{/ifCond}}{{formatDuration duration}}) </span> {{/ifCond}} {{/ifCond}} {{#ifCond type '==' 'attribute'}} {{#if (and ../service.is_recurring (cond ../service.recurring_settings.repeat_count '>' 0)) }} <span class="booking-info__details-sessions"> ({{../service.recurring_settings.repeat_count}} {{_t 'recurring_sessions'}}) </span> {{/if}} {{/ifCond}} </span> </p> {{/each}} </div> </div> {{/if}} </div> {{#if prices.totals}} {{#unless is_result}} {{> bookingInfoPartPrice }} {{/unless}} {{/if}} {{#if show_buttons}} <div class="booking-btns"> <div class="row"> <div class="col-sm-12"> {{#if is_cancellable}} <div class="btn custom btn-with-icon sb_cancel_btn" role="button" tabindex="0"> <span> {{_t 'cancel'}} </span> </div> {{/if}} {{#if is_result}} <div class="btn custom btn-with-icon sb-book"> <a href="#{{bookingStepUrl location=location.id category=category.id categories=service.categories service=service.id provider=false time=false date=false}}" class="sb_book_again"> {{_t 'book-again'}} </a> </div> {{/if}} {{#if (and can_reschedule_booking show_reschedule_booking_button)}} <a class="btn custom btn-with-icon sb-reschedule" href="#client/bookings/reschedule/{{id}}"> <span class="txt">{{_t 'reschedule'}}</span> </a> {{/if}} {{#ifCond medical_test_status 'in' (array 'positive' 'negative' 'inconclusive')}} {{#ifCond status '!=' 'cancelled'}} <a class="btn custom btn-with-icon sb-medical-test-download" target="_blank" href="/v2/ext/ticket/print/code/{{ticket}}/medical-test/result{{#if ticket_hash}}/hash/{{ticket_hash}}{{/if}}"> <span class="txt">{{_t 'Medical test result'}}</span> </a> {{/ifCond}} {{else if ticket}} <a class="btn custom btn-with-icon sb-ticket-download" target="_blank" href="/v2/ext/ticket/print/code/{{ticket}}{{#if ticket_hash}}/hash/{{ticket_hash}}{{/if}}"> <span class="txt">{{_t 'Ticket'}}</span> </a> {{/ifCond}} {{#if show_calendar_button}}{{#ifCond status '!=' 'cancelled'}} <div class="btn custom btn-with-icon sb_add_to_cal " data-toggle="modal" data-target="#cal_modal_{{code}}" role="button" tabindex="0"> <span> {{_t 'add_to_calendar'}} </span> </div> <div class="modal fade" id="cal_modal_{{code}}" tabindex="-1" role="dialog" aria-labelledby="cal_modal_label_{{code}}"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span class="fa fa-times" aria-hidden="true"></span></button> <h4 class="modal-title" id="cal_modal_label_{{code}}">{{_t 'add_to_calendar'}}</h4> </div> <div class="modal-body"> <div class="tab-pd"> {{setVariable 'address' null}} {{#if location}} {{setVariable 'address' (formatAddress address1=location.address1 address2=location.address2 city=location.city country=location.country_id zip=location.zip)}} {{/if}} <ul class="buttons calendar-popup"> <li> <div class="btn google"> <a target="_blank" href="https://www.google.com/calendar/render?action=TEMPLATE&text={{encodeUrlForGoogleCalendar service.name}}&details={{encodeUrlForGoogleCalendar calendar_description}}{{#if location}}&location={{location.title}}{{#if address}}, {{address}}{{/if}}{{/if}}&dates={{formatDateTime start_datetime 'custom' time_diff format='YmdTHis'}}%2F{{formatDateTime end_datetime 'custom' time_diff format='YmdTHis'}}&sf=1&output=xml"> Google calendar </a> </div> </li> <li> <div class="btn apple"> <a target="_blank" href="/v2/client/get-ical/id/{{id}}/"> Apple iCalendar </a> </div> </li> <li> <div class="btn outlook"> <a target="_blank" href="/v2/client/get-ical/id/{{id}}/"> Outlook </a> </div> </li> <li> <div class="btn outlook-com"> <a target="_blank" href="https://outlook.live.com/owa/?path=/calendar/view/Month&rru=addevent&startdt={{formatDateTime start_datetime 'custom' time_diff format='Y-m-dTH:i:s'}}&enddt={{formatDateTime end_datetime 'custom' time_diff format='Y-m-dTH:i:s'}}&subject={{service.name}}&location={{#if location}}{{location.title}}{{#if address}}, {{address}}{{/if}}{{/if}}&body={{calendar_description}}"> Outlook.com </a> </div> </li> <li> <div class="btn yahoo"> <a target="_blank" href="http://calendar.yahoo.com/?v=60&DUR={{service.duration}}&TITLE={{service.name}}&ST={{formatDateTime end_datetime 'custom' time_diff format='YmdTHis'}}"> Yahoo </a> </div> </li> </ul> </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn btn-default" data-dismiss="modal">{{_t 'close'}}</button> </div> </div> </div> </div> </div> {{/ifCond}}{{/if}} </div> </div> </div> {{/if}} </div> </script> <script type="text/html" id="booking_info_part_price"><div class="booking-price mg"> <div class="row"> <div class="col-sm-12"> <div class="full-info-price--wrapper full-info-price--wrapper_per-booking wrapper"> {{#each prices.totals.taxes}} <div class="full-price-with-tax full-info-price full-info-price--tax"> <div class="full-info-price--caption">{{name}}:</div> <div class="full-info-price--value">{{{formatPrice price=amount currency=../prices.totals.currency}}}</div> </div> {{/each}} {{#if prices.totals.totalDeposit }} <div class="full-price full-price-with-deposit full-info-price full-info-price--with-deposit"> <div class="full-info-price--caption">{{_t 'Full_amount_for_booking'}}:</div> <div class="full-info-price--value">{{{formatPrice price=prices.totals.total currency=prices.totals.currency}}}</div> </div> <div class="full-price deposit-price full-info-price full-info-price--deposit"> <div class="full-info-price--caption">{{_t 'Total_deposit_for_booking'}}:</div> <div class="full-info-price--value">{{{formatPrice price=prices.totals.totalDeposit currency=prices.totals.currency}}}</div> </div> {{else}} <div class="full-price full-info-price full-info-price--total"> <div class="full-info-price--caption">{{_t 'Total_for_booking'}}:</div> <div class="full-info-price--value">{{{formatPrice price=prices.totals.total currency=prices.totals.currency}}}</div> </div> {{/if}} {{!-- {{#ifPluginActive 'package'}} <div class="package-use-credits-msg sb-confirm-leave"> {{{_t "<a href='%link%' class='link'>Package credits</a> can be used in the next step if they are available" link=(packageLink service products)}}} </div> {{/ifPluginActive}} --}} </div> </div> </div> </div> </script> <script type="text/html" id="booking_details_package_link">{{#ifPluginActive 'package'}} <div class="package-use-credits-msg sb-confirm-leave sb-package-link-block"> {{{_t "<a href='%link%' class='link'>Package credits</a> can be used in the next step if they are available" link=(packageLink service products)}}} </div> {{/ifPluginActive}} </script> <script type="text/html" id="time_legend_part">{{!-- {{> bookingTimeLegendPart}} --}} <div class="time-legend"> {{#ifCond legend '==' 'only_available'}} <div class="available"> <div class="circle"></div> - {{_t 'available'}} </div> {{/ifCond}} {{#ifCond legend '==' 'only_unavailable'}} <div class="unavailable"> <div class="circle"></div> - {{_t 'unavailable'}} </div> {{/ifCond}} {{#ifCond legend '==' 'both' }} <div class="available"> <div class="circle"></div> - {{_t 'available'}} </div> <div class="unavailable"> <div class="circle"></div> - {{_t 'unavailable'}} </div> {{/ifCond}} {{#ifCond legend '==' undefined }} <div class="available"> <div class="circle"></div> - {{_t 'available'}} </div> {{#ifCond (getThemeOption 'timeline_hide_unavailable') '!=' 1}} <div class="unavailable"> <div class="circle"></div> - {{_t 'unavailable'}} </div> {{/ifCond}} {{/ifCond}} {{#ifCond time_diff '!=' undefined}} {{#ifCond time_diff '!=' 0}} <div class="day-offset-warning"> {{_t 'Please remark that +1 by time means that the date above changes to next day, ie 5.30 on the 5th Nov. would in fact be 5.30 on the 6th Nov. Also the date moves to next date before the date displayed if it says -1.'}} </div> {{/ifCond}} {{/ifCond}} </div></script> <script type="text/html" id="empty_time_part">{{#if is_empty}} <div class="alert alert--no-slots alert-dismissible alert--show-next-available" role="alert"> <div class="alert--no-slots-body"> {{#if is_loaded}} <div class="alert--no-slots-icon"> <i class="fal icon fa-calendar-check"></i> </div> <p class="alert--no-slots-txt">{{_t 'no_available_slots_warning'}}</p> {{#ifPluginActive 'waiting_list'}} {{#if is_available_date}} <div class="alert--no-slots-btn-bar waiting-list--btn-bar"> {{#if (and (not selected_date) services)}} {{#each services}} {{#if (and ../wl_available_services (not ../wl_available_services.[id]))}}  {{else}} <div class="form-group"> <a class="btn btn-primary" href="#{{bookingStepUrl service=id wl=1}}">{{_t "Book to waiting list"}} {{name}}</a> </div> {{/if}} {{/each}} {{else}} <a class="btn btn-primary" href="#{{bookingStepUrl wl=1}}">{{_t "Book to waiting list"}}</a> {{/if}} </div> {{/if}} {{else}} <button class="btn btn--next-available-date sb-next-available-date">{{_t "find_next_available_day"}}</button> {{/ifPluginActive}} {{else}} {{_t 'loading_message'}} {{/if}} </div> </div> {{/if}}</script> <script type="text/html" id="empty_week_time_part">{{#if is_empty}} <div class="empty-week-time-part"> <div class="calendar-nothing-available-icon"></div> {{#if is_loaded}} {{_t 'Oh NO!'}}<br> {{_t 'No more slots available this week'}}<br><br> <a href="#{{bookingStepUrl date=next_date}}" class="btn btn-next-week sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "Check next week"}} </span> </a> {{#if show_wl_slots}} <br/><br/> <div class="col-sm-12 mt-3"> <h4 class="mt-3">{{_t "Book to waiting list on date"}}:</h4> <div> {{#each wl_available_dates as |day|}} <a href="#{{bookingStepUrl date=day wl=1}}" class="btn btn-primary" data-date="{{day}}"> <span class="txt"> {{formatDateTime day 'date'}} </span> </a> {{/each}} </div> </div> {{/if}} {{else}} {{_t 'loading_message'}} {{/if}} </div> {{/if}}</script> <script type="text/html" id="details_info_view"><div id="details"> <div id="sb_attribute_container" class="product-attribute-section"></div> <div id="sb_product_container" class="product-section"></div> <div class="detail-step-wrap section"> <div class="section-pd"> <div class="title-main"> {{_t 'confirm_details' }} </div> {{#if wl}} <div class="alert alert-warning alert--wl-booking-informer"> {{_t "You are booking in a waiting list. Please note, you will not be booked automatically. As soon as there is a free slot for this day - you will receive a notification on your email."}} </div> {{/if}} <div class="detail-step clearfix"> <div class="row"> <div class="col-sm-6"> <div class="left-side"> <div class="add-details"> {{#if errors.global_form}} <div role="alert" class="alert alert-danger alert-dismissible"> <button aria-label="Close" data-dismiss="alert" class="close" type="button"> <span aria-hidden="true">×</span> </button> <div>{{_t errors.global_form}}</div> </div> {{/if}} <div class="custom-form"> <div class="form-horizontal"> <div id="sb_client_info_container"> <div class="form-group{{#if errors.client_name}} has-error{{/if}} form-client-name"> <label class="control-label col-sm-4 required" for="sb_client_name"> {{_t 'name'}}: </label> <div class="col-sm-8"> <input type="text" class="form-control" name="client_name" id="sb_client_name" placeholder="{{_t 'enter_name'}}" value="{{ client_name }}" {{#if client_info_readonly}}readonly{{/if}}> {{#if errors.client_name}} <span class="help-block">{{_t errors.client_name}}</span> {{/if}} </div> </div> <div class="form-group{{#if errors.client_email}} has-error{{/if}} form-client-email"> <label class="control-label col-sm-4 {{#ifConfigParam 'client_email_required' '==' true}}required{{/ifConfigParam}}" for="sb_client_email"> {{_t 'email'}}: </label> <div class="col-sm-8"> <input type="email" class="form-control" name="client_email" id="sb_client_email" placeholder="{{_t 'enter_email'}}" value="{{ client_email }}" {{#if client_info_readonly}}readonly{{/if}}> {{#if errors.client_email}} <span class="help-block">{{_t errors.client_email}}</span> {{/if}} </div> </div> <div class="form-group{{#if errors.client_phone}} has-error{{/if}} form-client-phone"> <label class="control-label col-sm-4 {{#ifConfigParam 'client_phone_required' '==' true}}required{{/ifConfigParam}}" for="sb_client_phone"> {{_t 'phone'}}: </label> <div class="col-sm-8"> <div class="input-group"> {{#if country_prefix_is_fixed}} <span class="input-group-addon">{{country_prefix}}</span> {{/if}} <input type="tel" class="form-control {{#if country_prefix_is_fixed}}has-country-prefix{{/if}}" name="client_phone" id="sb_client_phone" placeholder="{{_t 'enter_phone'}}" value="{{ client_phone }}" {{#if client_info_readonly}}readonly{{/if}}> </div> {{#if errors.client_phone}}<span class="help-block">{{_t errors.client_phone}}</span>{{/if}} </div> </div> {{!--//TODO add client fields here (if client_login disabled) --}} </div> </div> </div> <div class="login-bar"> <div class="row"> <div class="col-sm-12"> <div id="sb_client_login_container"></div> <div id="sb_fb_container"></div> </div> </div> </div> <div class="custom-form"> <div class="row"> <div class="col-sm-12"> <div class="form-horizontal"> <div id="sb_membership_container"></div> <div id="sb_additional_fields_container"></div> <div id="sb_promo_container"></div> </div> </div> </div> </div> </div> </div> </div> <div class="section-divider"></div> <div class="col-sm-6"> <div class="right-side"> <div class="confirm-details"> <div class="highlighted-current-booking" id="sb_booking_info"></div> <div id="sb_multiple_booking_list_container"></div> <div id="sb_product_cart_container"></div> <div id="sb_cart_total_container"></div> {{> bookingPackageLink }} <div id="is_pay_full_price_without_deposit_container" class="deposit-checkbox-container"> {{#ifConfigParam 'deposit_paid_events_is_client_can_pay_full_price' '==' true}} {{#if with_deposit}} {{!-- {{> formCheckbox error=errors.is_pay_full_price_without_deposit name='is_pay_full_price_without_deposit' label='deposit_paid_events_is_client_can_pay_full_price_client' value=is_pay_full_price_without_deposit }} --}} {{/if}} {{/ifConfigParam}} </div> <div class="license-links-container" id="sb_terms_and_conditions"> {{!-- {{#ifConfigParam 'white_label' '!=' true}} <div id="sb_license_container"> {{{_t 'license_link_text_<a href="https://simplybook.me/company/terms-and-conditions">link</a>' server=server_address project=project_name}}}{{#ifPluginActive 'user_license'}} {{_t 'and'}} {{/ifPluginActive}} </div> {{/ifConfigParam}} <div id="sb_user_license_container"></div> <div id="sb_cancellation_policy_container"></div> --}} </div> <div class="buttons-container"> <div id="sb_multiple_booking_button_container"></div> <div class="sb-book-btn-container"> {{#if wl}} <div id="sb_book_btn" class="btn" role="button" tabindex="0"> <span> {{_t 'book to waiting list'}} </span> </div> {{else}} <div id="sb_book_btn" class="btn" role="button" tabindex="0"> <span> {{_t 'book_btn_title'}} </span> </div> {{/if}} </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></script> <script type="text/html" id="details_booking_info_view"> {{#if wl}} {{> waitingListBookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{else}} {{> bookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{/if}} </script> <script type="text/html" id="license_view"><div class="modal-dialog license-modal" role="document"> <div class="modal-content"> <div class="modal-header"> {{!--<button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span class="modal-close-button" aria-hidden="true">×</span></button> --}} <h4 class="modal-title">{{#if title}}{{_t title company_name=company.name}}{{else}}{{_t '%server%_license_title' server=server_address}}{{/if}}</h4> </div> <div class="modal-body"> <div class="tab-pd license--content"> {{>termsAndConditionsLang}} {{{license_text}}} </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn btn-primary" id="sb_confirm_license" data-dismiss="modal">{{_t 'i_agree'}}</button> </div> </div> </div> </div></script> <script type="text/html" id="booking_leave_confirmation"><div class="modal-dialog modal-cancellation-reason" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"> <span class="modal-close-button" aria-hidden="true"> <i class="fa fa-times"></i> </span> </button> <h4 class="modal-title">{{_t 'leave_booking_confirmation_title'}}</h4> </div> <div class="modal-body cancellation-dialog-body"> <div class="tab-pd"> <p>{{_t 'leave_booking_confirmation_body'}}</p> </div> </div> <div class="modal-footer"> <div class="tab-pd modal-cancellation-reason--bar"> <button type="button" class="btn btn-primary" id="sb_leave_cancel" data-dismiss="modal">{{_t 'Go back'}}</button> <button type="button" class="btn btn-primary" id="sb_leave_confirm" data-dismiss="modal">{{_t 'Continue'}}</button> </div> </div> </div> </div></script> <script type="text/html" id="booking_result_layout"><div id="booking-result-view"> <div id="booking-result-tabs"> <div class="container-fluid column"> {{#if type}} <div class="tabs-container"> <div class="tab-link{{#ifCond type '==' 'upcoming'}} active{{/ifCond}}"> {{#if wl}} <a href="#client/bookings/type/upcoming/wl/1">{{_t 'upcoming waiting list bookings'}}</a> {{else}} <a href="#client/bookings/type/upcoming">{{_t 'upcoming bookings'}}</a> {{/if}} </div> {{!-- <div class="tab-link{{#ifCond type '==' 'past'}} active{{/ifCond}}"> <a href="#client/bookings/type/past">{{_t 'past bookings'}}</a> </div> --}} <div class="tab-link{{#ifCond type '==' 'all'}} active{{/ifCond}}"> {{#if wl}} <a href="#client/bookings/type/all/wl/1">{{_t 'all waiting list bookings'}}</a> {{else}} <a href="#client/bookings/type/all">{{_t 'all bookings'}}</a> {{/if}} </div> </div> {{/if}} </div> </div> <div class="container-fluid column"> <div class="row"> <div class="section-pd"> <div id="sb_message_container">{{ status }}</div> <div id="sb_push_notification_container"></div> <div id="sb_telegram_notification_container" class="telegram-notifications"></div> <div id="sb_back_to_bookings"> <a href="#book" class="back-to-services"> <span class="fa fa-angle-left"></span> <span> {{_t "Back to services"}} </span> </a> </div> <div id="sb_bookings_list"></div> <div class="clearfix"></div> {{#unless all_bookings_shown}} {{#if wl}} <a class="btn btn-default show-all" href="#client/bookings/type/all/wl/1">{{_t "Show all waiting list bookgins"}}</a> {{else}} <a class="btn btn-default show-all" href="#client/bookings/type/all">{{_t "show_all_bookings"}}</a> {{/if}} {{/unless}} </div> <div id="sb_back_btns_plugin"></div> </div> </div> {{#if show_like_button}} <div class="social-popup" id="sb_like_popup"> <div class="img"> <img src="/v2/themes/assets/img/ufo.png" alt=""> </div> <div class="popup"> <div class="txt"> {{{_t 'like_button_popup'}}} </div> <div class="bar"> <div class="fb-like" data-href="https://www.facebook.com/simplybook/" data-layout="button_count" data-action="like" data-size="large" data-show-faces="false" data-share="false"></div> </div> <button type="button" class="close" aria-label="Close" id="sb_close_popup"> <span aria-hidden="true">×</span> </button> </div> </div> {{/if}} </div></script> <script type="text/html" id="booking_result_popup"><div class="modal-dialog subscribe-component--popup"> <div class="modal-content"> <div id="booking-result-popup"> <div class="modal-header"> <span class="close-modal" type="button" data-dismiss="modal"><i class="fa fa-times"></i></span> </div> <div class="tab-pd subscribe-component--modal-content"> <div class="subscribe-component--status"> <div class="booking-icon subscribe-component--status-icon status-{{status}}"> {{#if (cond status '==' 'success')}} <i class="far fa-check-circle"></i> {{else if (cond status '==' 'pending')}} <i class="far fa-check-circle"></i> {{else if (cond status '==' 'paid')}} <i class="far fa-check-circle"></i> {{else if (cond status '==' 'delay')}} <div class="notifications-icon"> <svg src="payment-pending.svg" class="sb-inline-svg" /> </div> {{else if (cond status '==' 'reschedule_success')}} <i class="far fa-check-circle"></i> {{else}} <i class="far fa-exclamation-triangle"></i> {{/if}} </div> <h4 class="title booking-status subscribe-component--title text-capitalize"> {{#if (and invoice (cond (_t (concat 'invoice_status_message_' status)) '!=' (concat 'invoice_status_message_' status) ))}} {{_t (concat 'invoice_status_message_' status)}} {{else}} {{_t status}} {{/if}} </h4> <p class="p booking-message subscribe-component--txt">{{message}}</p> </div> <div id="push-subscribe-region" class="additional-region"></div> <div class="btn-bar subscribe-component--btn-bar btn-close-container"> <div class="btn-bar--row"> <button class="btn btn-danger" >{{_t "close"}}</button> </div> </div> </div> </div> </div> </div> </script> <script type="text/html" id="booking_result_item"><div class="booking-item booking-{{status}} {{#if highlighted}}highlighted{{/if}}"> <div class="tab"> <div class="section-pd"> {{!-- add price_includes_tax=true and remove show_tax=true to show price without tax --}} {{#if wl}} {{> waitingListBookingInfoPart show_reschedule_booking_button=true show_buttons=true show_calendar_button=true is_result=true id_prefix="_result"}} {{else}} {{> bookingInfoPart show_reschedule_booking_button=true show_buttons=true show_calendar_button=true is_result=true id_prefix="_result"}} {{/if}} </div> </div> </div></script> <script type="text/html" id="booking_result_empty"><div class="alert alert-info alert-dismissible" role="alert"> {{_t 'empty_client_bookings_page'}} </div></script> <script type="text/html" id="booking_result_push_notification"><div> <div class="push-success alert alert-success" style="display: none">{{_t "subscribe_to_push_success"}}</div> <span class="btn-push-subscribe btn btn-default">{{_t "subscribe_to_push"}}</span> </div></script> <script type="text/html" id="booking_cancellation_dialog"><div class="modal-dialog modal-cancellation-reason" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"> <span class="modal-close-button" aria-hidden="true"> <i class="fa fa-times"></i> </span> </button> <h4 class="modal-title">{{_t 'cancellation_dialog_title'}}</h4> </div> <div class="modal-body cancellation-dialog-body"> <div class="tab-pd"> {{#if errors.global_error}} <div class="has-error"> <p class="help-block">{{_t errors.global_error}}</p> </div> {{/if}} <p>{{_t 'cancellation_dialog_body'}}</p> {{#ifCond batch_type '==' 'recurring'}} {{> formCheckbox name='is_all_recurring' value=apply_to_batch label='Delete all recurring batch appointments'}} {{else ifCond batch_type '==' 'group'}} {{> formCheckbox name='is_all_group' value=apply_to_batch label='Delete all batch appointments'}} {{/ifCond}} {{#ifPluginActive 'cancelation_policy'}} {{#ifConfigParam 'cancelation_policy_enable_reason' '==' '1'}} <div class="form-group{{#if errors.reason}} has-error{{/if}}"> <label for="reason" class="control-label"> {{_t "Reason"}}: {{#ifConfigParam 'cancelation_policy_is_reason_required' '==' '1'}} <span class="required">*</span> {{/ifConfigParam}} </label> <div class="wrap-cancelation-policy"> <textarea class="form-control" id="reason" name="reason" placeholder="{{_t 'Reason'}}" rows="6">{{data.reason}}</textarea> <p class="help-block">{{_t errors.reason}}</p> </div> </div> {{/ifConfigParam}} {{/ifPluginActive}} </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn btn-primary" id="sb_cancellation_cancel" data-dismiss="modal">{{_t 'back'}}</button> <button type="button" class="btn btn-primary" id="sb_cancellation_confirm">{{_t 'confirm'}}</button> </div> </div> </div> </div></script> <script type="text/html" id="booking_cancellation_error"><div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span class="modal-close-button" aria-hidden="true">×</span></button> <h4 class="modal-title">{{_t 'cancellation_error_title'}}</h4> </div> <div class="modal-body"> <div class="tab-pd"> <p>{{_t 'cancellation_error_body'}}</p> <p>{{ error }}</p> </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn btn-primary" id="sb_cancellation_confirm" data-dismiss="modal">{{_t 'ok'}}</button> </div> </div> </div> </div></script> <script type="text/html" id="booking_reschedule_layout"><div id="sb-timeline"> <div class="reschedule-layout"> <div class="container column"> <h3 class="title-main reschedule-title-main">{{_t 'Reschedule'}}</h3> {{#if date_start}} {{!-- booking loaded --}} {{#unless can_reschedule_booking}} <div class="alert alert-danger"> {{_t 'you_cannot_reschedule_this_booking'}} {{_t can_reschedule_booking_error_reason}} </div> {{else}} {{#if success}} <div class="alert alert-success"> {{_t 'reschedule_success_booking'}} </div> {{else if errors}} <div class="alert alert-danger"> {{errors.global}} </div> {{else}} <div class="alert alert-info"> {{_t 'reschedule_booking_info_guide'}} </div> {{/if}} {{/unless}} <div id="steps"> <div id="time-settings"> <div class="container-fluid column"> <div class="row"> <div id="sb_booking_company_time"></div> </div> </div> </div> <div id="steps-content"> <div class="reschedule--row" id="sb_booking_content"> <aside class="reschedule--col section reschedule--selected-list"> <div class="tab-pd sb-details"></div> </aside> <div class="reschedule--col reschedule--col-select-time"> <div id="sb_booking_content" class="sb-timeline"></div> </div> </div> </div> </div> {{/if}} </div> </div> </div> </script> <script type="text/html" id="booking_reschedule_details_view"> <h4>{{_t 'reschedule_current_booking_details'}}</h4> {{#if location}} <div class="reschedule--selected-item reschedule--item-location"> <h4 class="reschedule--selected-title">{{_t 'Location'}}:</h4> <h4 class="reschedule--selected-name">{{location.title}}</h4> </div> {{/if}} {{#if category}} <div class="reschedule--selected-item reschedule--item-category"> <h4 class="reschedule--selected-title">{{_t 'Category'}}:</h4> <h4 class="reschedule--selected-name">{{category.name}}</h4> </div> {{/if}} {{#if service}} <div class="reschedule--selected-item reschedule--item-service"> <h4 class="reschedule--selected-title">{{_t 'Service'}}:</h4> <h4 class="reschedule--selected-name">{{service.name}}</h4> </div> {{/if}} {{#if provider}} {{#ifPluginActive 'any_unit'}} {{#ifConfigParam 'any_unit_hide_other_units' '==' '0'}} <div class="reschedule--selected-item reschedule--item-provider"> <h4 class="reschedule--selected-title">{{_t 'Provider'}}:</h4> <h4 class="reschedule--selected-name">{{provider.name}}</h4> </div> {{/ifConfigParam}} {{else}} <div class="reschedule--selected-item reschedule--item-provider"> <h4 class="reschedule--selected-title">{{_t 'Provider'}}:</h4> <h4 class="reschedule--selected-name">{{provider.name}}</h4> </div> {{/ifPluginActive}} {{/if}} {{#if products}} <div class="reschedule--selected-item reschedule--item-provider"> <h4 class="reschedule--selected-title">{{_t 'Products'}}:</h4> <h4 class="reschedule--selected-name"> {{#each products}} {{name}}{{#unless @last}},{{/unless}} {{/each}} </h4> </div> {{/if}} {{#if paid_attributes}} <div class="reschedule--selected-item reschedule--item-provider"> <h4 class="reschedule--selected-title">{{_t 'Paid attributes'}}:</h4> <h4 class="reschedule--selected-name"> {{#each paid_attributes}} {{name}}{{#unless @last}},{{/unless}} {{/each}} </h4> </div> {{/if}} {{#if date_start}} <div class="reschedule--selected-item reschedule--item-time"> <h4 class="reschedule--selected-title">{{_t 'reschedule_start_date'}}:</h4> <h4 class="reschedule--selected-name"> <span class="txt txt-time">{{formatDateTime start_datetime 'time' time_diff}}</span> <span class="txt txt-date">{{formatDateTime start_datetime 'date' time_diff}}</span> </h4> </div> {{/if}} {{#if date_end}} {{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} <div class="reschedule--selected-item reschedule--item-time"> <h4 class="reschedule--selected-title">{{_t 'reschedule_end_date'}}:</h4> <h4 class="reschedule--selected-name"> <span class="txt txt-time">{{formatDateTime end_datetime 'time' time_diff}}</span> <span class="txt txt-date">{{formatDateTime end_datetime 'date' time_diff}}</span> </h4> </div> {{/ifCond}} {{/if}}</script> <script type="text/html" id="reviews_view"><section id="reviews-view"> <div class="page-pd"> <div class="container-fluid column"> <div class="row"> {{#ifConfigParam 'hide_add_reviews' '==' true}} <div class="col-sm-12"> <div id="sb_reviews_list_container"></div> </div> {{else}} <div class="col-sm-6"> <div id="sb_reviews_add_container"></div> </div> <div class="col-sm-6"> <div id="sb_reviews_list_container"></div> </div> <div class="section-divider"></div> {{/ifConfigParam}} </div> </div> </div> </section></script> <script type="text/html" id="reviews_list_view"> <div class="title-main">{{_t 'Reviews'}}</div> <div id="sb_reviews_list_items_container"> </div> <div id="sb_reviews_page_pagination"> {{#ifCond pages '>' '1' }} <div class="pagination-wrapper"> {{#if prev }} <a class="prev pagination-link" href="#reviews/page/{{prev}}"><i title="{{_t "prev arrow icon"}}" class="fa fa-angle-left"></i></a> {{else}} <span title="{{_t "prev arrow icon"}}" class="prev pagination-link"><i class="fa fa-angle-left"></i></span> {{/if}} {{#ifCond page '>' '2' }} <a class="pagination-link" href="#reviews/page/1">1</a> <span class="pagination-link"> .. </span> {{/ifCond}} {{#if prev }} <a class="pagination-link" href="#reviews/page/{{prev}}">{{prev}}</a> {{/if}} <span class="pagination-link {{#if page}}current{{/if}}"> {{page}} </span> {{#if next }} <a class="pagination-link" href="#reviews/page/{{next}}">{{next}}</a> {{/if}} {{#ifCond page '<' p_page}} <span class="pagination-link"> .. </span> <a class="pagination-link" href="#reviews/page/{{pages}}">{{pages}}</a> {{/ifCond}} {{#if next }} <a class="next pagination-link" href="#reviews/page/{{next}}"><i title="{{_t "next arrow icon"}}" class="fa fa-angle-right"></i></a> {{else}} <span class="next pagination-link"><i title="{{_t "next arrow icon"}}" class="fa fa-angle-right"></i></span> {{/if}} </div> {{/ifCond}} </div> </script> <script type="text/html" id="reviews_item_view"><div class="review-item clearfix"> <div class="avatar"> <div class="avatar--content"> <img src="{{formatAvatarImage image size=100}}" onerror="this.src='/v2/themes/assets/img/user-default-image.png'" alt="{{_t "User image"}}" /> <div class="author" title="{{name}}"><p> {{name}} </p> </div> </div> </div> <div class="content"> <div class="review-tab"> {{#if is_logged_in}} {{#if is_removable}} <a href="javascript:;" class="sb_client_review_delete delete-button btn btn-default"> <i class="fa fa-times"></i> </a> {{/if}} {{/if}} <div class="stars stars-{{rate}}"> <div class="star s-1"></div> <div class="star s-2"></div> <div class="star s-3"></div> <div class="star s-4"></div> <div class="star s-5"></div> </div> <div class="cap"> {{subject}} </div> <div class="comment"> {{message}} {{#if answer}} <div class="answer-content"> <div class="avatar"> <div class="avatar--content"> <img src="{{#hasThemeImage 'sb_review_image'}}{{getThemeImage 'sb_review_image' size='small'}}{{else hasThemeImage 'sb_logo_image'}}{{getThemeImage 'sb_logo_image' size='small'}}{{else}}/v2/themes/assets/img/user-default-image.png{{/hasThemeImage}}" alt="{{_t "Company logo"}}" /> </div> </div> <div class="comment"> {{answer.message}} </div> </div> {{/if}} </div> </div> <div class="review-likes"> {{#if is_logged_in}} <span class="like-btn like-plus {{#ifCond like_type '==' 'like'}}active{{/ifCond}}" id="sb_client_review_item_like"></span> <span class="like-count positive">{{likes_positive}}</span> <span class="like-btn like-minus {{#ifCond like_type '==' 'dislike'}}active{{/ifCond}}" id="sb_client_review_item_dislike"></span> <span class="like-count negative">{{likes_negative}}</span> {{else}} <span class="like-btn like-plus disabled"> <span class="vote-tooltip"> {{_t 'Please log in to vote'}} </span> </span> <span class="like-count">{{likes}}</span> <span class="like-btn like-minus disabled"> <span class="vote-tooltip"> {{_t 'Please log in to vote'}} </span> </span> {{/if}} </div> </div> </div></script> <script type="text/html" id="reviews_add_view"><div> <div class="title-main">{{_t 'Leave review'}}</div> {{#if errors.global_form}} <div class="has-error"> <p class="help-block alert alert-danger">{{errors.global_form}}</p> </div> {{/if}} <div class="add-review"> <div class="avatar"> <div class="photo"> {{#if data.logged_in}} {{#if data.image}} <img src="{{data.image}}" alt="{{_t "User social media image"}}"> {{else}} <img src="/v2/themes/assets/img/user-default-image.png" align="" alt="{{_t "User image"}}"> {{/if}} {{else}} <img src="/v2/themes/assets/img/user-default-image.png" align="" alt="{{_t "User empty image"}}"> {{/if}} </div> <div class="info"> {{#if data.logged_in}} <a class="name" href="{{data.link}}" target="_blank" title="{{data.name}}">{{data.name}}</a> {{/if}} </div> <div class="btn-bar"> {{#if data.logged_in}} {{#ifCond data.provider '!=' 'client-login'}} <a class="logout" id="sb_client_review_logout" href="javascript: ;">{{_t '(Logout)'}}</a> {{/ifCond}} {{/if}} </div> </div> <div class="form"> <div class="form-group{{#if errors.subject}} has-error{{/if}}"> <div class="form-row required"> <input id="feedback__subject" value="{{data.subject}}" name="subject" placeholder="{{_t 'review_title'}}" type="text"> <p class="help-block">{{_t errors.subject}}</p> </div> </div> <div class="form-group{{#if errors.message}} has-error{{/if}}"> <div class="form-row required"> <textarea id="feedback__message" name="message" placeholder="{{_t 'review_body'}}">{{data.message}}</textarea> <p class="help-block">{{_t errors.message}}</p> </div> </div> <div class="stars-container{{#if errors.rate}} has-error{{/if}}"> <div class="rating-container"> <form> <input type="radio" name="rate" id="group-1-0" value="5" {{#ifCond data.rate '==' 5}}checked="checked"{{/ifCond}} /> <label for="group-1-0"></label> <input type="radio" name="rate" id="group-1-1" value="4" {{#ifCond data.rate '==' 4}}checked="checked"{{/ifCond}} /> <label for="group-1-1"></label> <input type="radio" name="rate" id="group-1-2" value="3" {{#ifCond data.rate '==' 3}}checked="checked"{{/ifCond}} /> <label for="group-1-2"></label> <input type="radio" name="rate" id="group-1-3" value="2" {{#ifCond data.rate '==' 2}}checked="checked"{{/ifCond}} /> <label for="group-1-3"></label> <input type="radio" name="rate" id="group-1-4" value="1" {{#ifCond data.rate '==' 1}}checked="checked"{{/ifCond}} /> <label for="group-1-4"></label> </form> </div> <p class="help-block">{{_t errors.rate}}</p> </div> {{#if data.logged_in}} <div class="send-btn-container"> <button id="sb_submit_review" type="submit" class="btn custom" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container"> <div class="cap">{{_t 'please login to leave a review'}}</div> <div class="line-arrow line-arrow-top"></div> <div class="buttons brand"> <a href="/v2/review/login/provider/facebook" target="_blank" class="fb sb-targetblank"> </a> <a href="/v2/review/login/provider/google" target="_blank" class="gl sb-targetblank"> </a>   {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/reviews" class="ll"> </a> {{/ifPluginActive}} </div> </div> {{/if}} </div> </div> </div></script> <script type="text/html" id="reviews_delete_dialog"><div class="modal-dialog delete-review" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"> <span class="modal-close-button" aria-hidden="true"> <i class="fa fa-times"></i> </span> </button> <h4 class="modal-title">{{_t 'delete_review_confirm_title'}}</h4> </div> <div class="modal-body"> <div class="tab-pd"> <p>{{_t 'delete_review_confirm'}}</p> </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn btn-primary" id="sb_review_delete_cancel" data-dismiss="modal">{{_t 'no'}}</button> <button type="button" class="btn btn-primary" id="sb_review_delete_confirm">{{_t 'yes'}}</button> </div> </div> </div> </div></script> <script type="text/html" id="reviews_list_module_view"><div class="title-main">{{_t 'Reviews'}}</div> <div id="sb_reviews_list_items_module_container"> </div> {{#ifCond pages '>' '1' }} <div id="sb_reviews_list_paginator"> <div class="pagination-wrapper"> {{#if prev }} <a href="#" class="prev pagination-link" data-page="{{prev}}"><i title="{{_t "prev arrow icon"}}" class="fa fa-angle-left"></i></a> {{else}} <span class="prev pagination-link"><i title="{{_t "prev arrow icon"}}" class="fa fa-angle-left"></i></span> {{/if}} {{#ifCond page '>' '2' }} <a class="pagination-link" href="#" data-page="1">1</a> <span class="pagination-link">..</span> {{/ifCond}} {{#if prev }} <a href="#" class="pagination-link" data-page="{{prev}}">{{prev}}</a> {{/if}} <span class="pagination-link {{#if page}}current{{/if}}"> {{page}} </span> {{#if next }} <a href="#" class="pagination-link" data-page="{{next}}">{{next}}</a> {{/if}} {{#ifCond page '<' p_page}} <span class="pagination-link">..</span> <a href="#" class="pagination-link" data-page="{{pages}}">{{pages}}</a> {{/ifCond}} {{#if next }} <a href="#" class="pagination-link next" data-page="{{next}}"><i title="{{_t "next arrow icon"}}" class="fa fa-angle-right"></i></a> {{else}} <span class="pagination-link next"><i title="{{_t "next arrow icon"}}" class="fa fa-angle-right"></i></span> {{/if}} </div> </div> {{/ifCond}} </script> <script type="text/html" id="reviews_list_module_item_view"><div class="review-item clearfix"> <div class="avatar"> <div class="avatar--content"> <img src="{{formatAvatarImage image size=100}}" alt="{{_t "User image"}}" /> <div class="author"> {{name}} </div> </div> </div> <div class="content"> <div class="stars stars-{{rate}}"> <div class="inner"></div> </div> <div class="cap"> {{subject}} </div> <div class="comment"> {{message}} </div> <div class="subcontent"> <span class="like-count">{{likes}}</span> </div> </div> </div></script> <script type="text/html" id="reviews_form_module_view"><div> <div class="title-main">{{_t 'Leave review'}}</div> {{#if errors.global_form}} <div class="has-error"> <p class="help-block">{{errors.global_form}}</p> </div> {{/if}} <div class="add-review"> <div class="avatar"> <div class="photo"> {{#if data.logged_in}} <img src="{{data.image}}" alt="{{_t "User social media image"}}"> {{else}} <img src="/v2/themes/assets/img/user-default-image.png" align="" alt="{{_t "User image"}}"> {{/if}} </div> <div class="info"> {{#if data.logged_in}} <a class="name" href="{{data.link}}" target="_blank">{{data.name}}</a> {{#ifCond data.provider '!=' 'client-login'}} <a class="logout" id="sb_client_review_logout" href="javascript: ;">{{_t '(Logout)'}}</a> {{/ifCond}} {{/if}} </div> </div> <div class="form"> <div class="form-group{{#if errors.subject}} has-error{{/if}}"> <div class="form-row required"> <input id="feedback__subject" value="{{data.subject}}" name="subject" placeholder="{{_t 'review_title'}}" type="text"> <p class="help-block">{{errors.subject}}</p> </div> </div> <div class="form-group{{#if errors.message}} has-error{{/if}}"> <div class="form-row required"> <textarea id="feedback__message" name="message" placeholder="{{_t 'review_body'}}">{{data.message}}</textarea> <p class="help-block">{{errors.message}}</p> </div> </div> <div class="stars-container{{#if errors.message}} has-error{{/if}}"> <div class="rating-container"> <form> <input type="radio" name="rate" id="group-1-0" value="5" {{#ifCond data.rate '==' 5}}checked="checked"{{/ifCond}} /> <label for="group-1-0"></label> <input type="radio" name="rate" id="group-1-1" value="4" {{#ifCond data.rate '==' 4}}checked="checked"{{/ifCond}} /> <label for="group-1-1"></label> <input type="radio" name="rate" id="group-1-2" value="3" {{#ifCond data.rate '==' 3}}checked="checked"{{/ifCond}} /> <label for="group-1-2"></label> <input type="radio" name="rate" id="group-1-3" value="2" {{#ifCond data.rate '==' 2}}checked="checked"{{/ifCond}} /> <label for="group-1-3"></label> <input type="radio" name="rate" id="group-1-4" value="1" {{#ifCond data.rate '==' 1}}checked="checked"{{/ifCond}} /> <label for="group-1-4"></label> </form> </div> <p class="help-block">{{errors.rate}}</p> </div> {{#if data.logged_in}} <div class="send-btn-container"> <button id="sb_submit_review" type="submit" class="btn custom" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container"> <div class="cap">{{_t 'please login to leave a review'}}</div> <div class="line-arrow line-arrow-top"></div> <div class="buttons"> <a href="/v2/review/login/provider/facebook" target="_blank" class="facebook btn custom sb-targetblank"> <img src="/v2/themes/assets/img/fb-name.png" alt="Facebook"> </a> <a href="/v2/review/login/provider/google" target="_blank" class="google btn custom sb-targetblank"> <img src="/v2/themes/assets/img/gl-name.png" alt="Google"> </a>    {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/reviews" class="line btn custom"> <img src="/v2/themes/assets/img/ll-name.png" alt="Line"> </a> {{/ifPluginActive}} </div> </div> {{/if}} </div> </div> </div></script> <script type="text/html" id="reviews_module_empty_view"><div class="alert alert-info">{{_t message}}</div></script> <script type="text/html" id="online_meeting_view"><section class="page-content page-content--online-meeting"> <div class="container-fluid column"> <article class="online-meeting"> <h3 class="title title--h3">{{_t 'client_online_meeting_title'}}</h3> {{#if is_provider}} <div class="online-meeting__body online-meeting__body-provider"> {{#if is_started}} {{#if start_url}} <p class="p">{{{_t 'client_online_meeting_provider_url_%link%' link=start_url}}}</p> <picture class="online-meeting__picture"> <svg src="online-meeting.svg" class="sb-inline-svg" /> </picture> {{else}} <p class="p">{{_t 'client_online_meeting_provider_start_link_empty'}}</p> <picture class="online-meeting__picture"> <svg src="online-meeting.svg" class="sb-inline-svg" /> </picture> {{/if}} {{else}} <p class="p">{{_t 'client_online_meeting_can_start'}}</p> <picture class="online-meeting__picture"> <svg src="online-meeting-wait.svg" class="sb-inline-svg" /> </picture> <button class="btn sb-start">{{_t 'client_online_meeting_provider_start_manually'}}</button> {{/if}} </div> {{else}} <div class="online-meeting__body online-meeting__body-client"> {{#if join_url}} <p class="p">{{{_t 'client_online_meeting_client_url_%link%' link=join_url}}}</p> <picture class="online-meeting__picture"> <svg src="online-meeting.svg" class="sb-inline-svg" /> </picture> {{else}} {{#if is_expired}} <p class="p">{{_t 'client_online_meeting_client_expired'}}</p> <picture class="online-meeting__picture"> <svg src="online-meeting-error.svg" class="sb-inline-svg" /> </picture> {{else}} {{#if is_started}} <p class="p">{{_t 'client_online_meeting_client_will_start'}}</p> {{else}} <p class="p">{{_t 'client_online_meeting_client_to_early'}}</p> {{/if}} <picture class="online-meeting__picture"> <svg src="online-meeting-wait.svg" class="sb-inline-svg" /> </picture> {{/if}} {{/if}} </div> {{/if}} </article> </div> </section> </script> <script type="text/html" id="client_terms_view">{{#*inline "errors"}} {{#each errors}} <p class="help-block">{{_t this}}</p> {{/each}} {{/inline}} <div> {{#if show_simplybook_terms}} <div class="form-group--terms {{#if errors.simplybook_terms_flag}}has-error{{/if}}"> <label> <div class="custom-checkbox"> <input type="checkbox" name="simplybook_terms_flag" id="sb_simplybook_terms_flag" value="1" {{#if simplybook_terms_flag}}checked{{/if}} /> <div class="custom-label"></div> </div> <a href="https://simplybook.me/en/terms-and-conditions#tab-for-clients" id="sb_simplybook_terms_link">{{_t 'client_agree_with_terms_and_conditions' company=company server_address=server_address project=project}}<span class="required">*</span></a> </label> {{> errors errors=errors.simplybook_terms_flag}} </div> {{/if}} {{#if show_user_terms}} <div class="form-group--terms form-group--terms-useer {{#if errors.user_terms_flag}}has-error{{/if}}"> <label> <div class="custom-checkbox"> <input type="checkbox" name="user_terms_flag" id="sb_user_terms_flag" value="1" {{#if user_terms_flag}}checked{{/if}} /> <div class="custom-label"></div> </div> <a href="#terms-and-conditions" id="sb_user_terms_link">{{_t 'client_agree_with_user_terms_and_conditions' company=company server_address=server_address project=project}}<span class="required">*</span></a> </label> {{> errors errors=errors.user_terms_flag}} </div> {{/if}} {{#if show_privacy_policy}} <div class="form-group--terms form-group--terms-useer {{#if errors.privacy_policy_flag}}has-error{{/if}}"> <label> <div class="custom-checkbox"> <input type="checkbox" name="privacy_policy_flag" id="sb_privacy_policy_flag" value="1" {{#if privacy_policy_flag}}checked{{/if}} /> <div class="custom-label"></div> </div> <a href="#privacy-policy" id="sb_privacy_policy_link">{{_t 'client_agree_with_privacy_policy' company=company server_address=server_address project=project}}<span class="required">*</span></a> </label> {{> errors errors=errors.privacy_policy_flag}} </div> {{/if}} {{#if show_cancellation_policy}} <div class="form-group--terms form-group--terms-cancel {{#if errors.cancellation_terms_flag}}has-error{{/if}}"> <label> <div class="custom-checkbox"> <input type="checkbox" name="cancellation_terms_flag" id="sb_cancellation_terms_flag" value="1" {{#if cancellation_terms_flag}}checked{{/if}} /> <div class="custom-label"></div> </div> <a href="#" id="sb_cancellation_terms_link">{{cancellation_policy_label}}<span class="required">*</span></a> </label> {{> errors errors=errors.cancellation_terms_flag}} </div> {{/if}} {{#if show_promotion_letter}} <div class="promotions-letter-flag {{#if errors.promotion_letters_flag}}has-error{{/if}} v2"> <label role="button" tabindex="0"> <div class="custom-checkbox"> <input type="checkbox" name="promotion_letters_flag" id="sb_promotion_letters_flag" value="1" {{#if promotion_letters_flag}}checked{{/if}} /> <div class="custom-label"></div> </div> {{_t 'client_agree_with_receive_promo_letters' company=company server_address=server_address project=project}} </label> {{> errors errors=errors.promotion_letters_flag}} </div> {{/if}} </div></script> <script type="text/html" id="promo_alert_terms_view"><div> {{#if show_promotion_letter}} {{#*inline "errors"}} {{#each errors}} <p class="help-block">{{_t this}}</p> {{/each}} {{/inline}} <div class="promotions-letter-flag {{#if errors.promotion_letters_flag}}has-error{{/if}} v1"> <label role="button" tabindex="0"> <div class="custom-checkbox"> <input type="checkbox" name="promotion_letters_flag" id="sb_promotion_letters_flag" value="1" {{#if (and (not promotion_letters_flag) (cond promotion_letters_flag '!==' null) )}}checked{{/if}} />  <div class="custom-label"></div> </div> <div> <span class="label-text"> {{{_t "<b>Unsubscribe</b> - I don’t want to receive promotional, marketing messages and cool offers." company=company server_address=server_address project=project}}} </span> {{#if show_user_terms}} <div class="{{#if errors.user_terms_flag}}has-error{{/if}}"> <label id="sb_promo_terms_link"> {{{_t "Subject to provisions of the <a href='%link%'><u>Terms and Conditions</u></a> for marketing and promotional purposes" link="#terms-and-conditions" company=company server_address=server_address project=project}}} </label> {{> errors errors=errors.user_terms_flag}} </div> {{else if show_simplybook_terms}} <div class="{{#if errors.simplybook_terms_flag}}has-error{{/if}}"> <label id="sb_simplybook_terms_link"> {{{_t "Subject to provisions of the <a href='%link%'><u>Terms and Conditions</u></a> for marketing and promotional purposes" link="https://simplybook.me/en/terms-and-conditions#tab-for-clients" company=company server_address=server_address project=project}}} </label> {{> errors errors=errors.simplybook_terms_flag}} </div> {{/if}} </div> </label> {{> errors errors=errors.promotion_letters_flag}} </div> {{/if}} </div> </script> <script type="text/html" id="gdpr_report_view"><section id="gdpr-report-view"> <div class="page-pd"> <div class="container-fluid column"> <div class="control-bar"> <div class="title"> <div class="title-main"> {{_t "gdpr_report_title" }} </div> <p class="txt"> {{_t "gdpr_report_subtitle" }} </p> </div> <div id="sb_gdpr_control_panel_container"></div> </div> <div id="sb_gdpr_report_container"></div> </div> </div> </section></script> <script type="text/html" id="gdpr_report_main_view"><div class="main-gdpr-report"> {{#if code_confirmed}} {{#if is_logged_in}} {{> gdprReportTable uid="sb_table_1" data=client_info name="gdpr_client_info"}} {{> gdprReportTable uid="sb_table_20" data=client_accept_terms name="gdpr_client_accept_terms"}} {{> gdprReportTable uid="sb_table_2" data=openid_data name="gdpr_openid_data"}} {{> gdprReportTable uid="sb_table_3" data=facebook_data name="gdpr_facebook_data"}}  {{> gdprReportTableBookings uid="sb_table_5" data=bookings name="gdpr_bookings"}} {{> gdprReportTable uid="sb_table_6" data=invoice name="gdpr_invoice"}} {{> gdprReportTable uid="sb_table_7" data=emails name="gdpr_emails"}} {{> gdprReportTable uid="sb_table_8" data=reviews name="gdpr_reviews"}} {{> gdprReportTable uid="sb_table_9" data=memberships name="gdpr_memberships"}} {{> gdprReportTable uid="sb_table_10" data=sms name="gdpr_sms"}} {{> gdprReportTable uid="sb_table_11" data=contact_widget name="gdpr_contact_widget"}} {{> gdprReportTableSoap uid="sb_table_12" data=soap_history name="gdpr_soap_history"}} {{> gdprReportTableSoapCrypt uid="sb_table_13" data=soap_history_crypt name="gdpr_soap_history_crypt"}} {{> gdprReportTable uid="sb_table_14" data=gdpr_sms_log name="gdpr_gdpr_sms_log"}} {{> gdprReportTable uid="sb_table_15" data=voice_bookings_log name="gdpr_voice_bookings_log"}} {{> gdprReportTable uid="sb_table_16" data=package_instance name="gdpr_package_instance"}} {{> gdprReportTable uid="sb_table_17" data=client_fields name="gdpr_client_fields"}} {{> gdprReportTable uid="sb_table_18" data=bonuses name="gdpr_bonuses"}} {{> gdprReportTable uid="sb_table_19" data=waiting_list name="gdpr_waiting_list"}} {{else}} <div class="alert alert-info"> <strong>{{_t "Warning!"}}</strong> {{_t "unauthorized_user"}} </div> {{/if}} {{else}} {{! waiting for code confirmation - popup is shown }} <div>{{_t "gdpr_report_requires_confirmation"}}</div> <span class="btn btn-default" id="sb_gdpr_report_show_confirmation">{{_t "gdpr_report_ged_confirmation_code"}}</span> {{/if}} </div> </script> <script type="text/html" id="gdpr_report_control_panel_view"> <div class="text-right"> {{#if is_logged_in}} <button type="button" class="btn btn-primary btn-gdpr-report-print" id="sb_gdpr_report_print"><span class="txt">{{_t "Print"}}</span> <i class="fa fa-print"></i></button> <button type="button" class="btn btn-primary btn-gdpr-report-json" id="sb_gdpr_report_json"><span class="txt">{{_t "Save as JSON"}}</span> <i class="fa fa-save"></i></button> <button type="button" class="btn btn-danger btn-gdpr-report-logout" id="sb_gdpr_report_logout"><span class="txt">{{_t "Logout from report"}}</span> <i class="fa fa-sign-out"></i></button> {{/if}} </div> </script> <script type="text/html" id="gdpr_report_table"><div class="table-section"> <div class="table-title"> <div class="cap"> {{_t name}} </div> <div class="info"> {{#if data}} <a href="#{{uid}}" class="collapse-btn collapsed" data-toggle="collapse"> <div class="trigger-show"> {{_t "Show"}} </div> <div class="trigger-hide"> {{_t "Hide"}} </div> </a> {{else}} <span class="msg">{{_t "Information is missing or has already been deleted"}}</span> {{/if}} </div> </div> <div id="{{uid}}" class="table-wrapper collapse"> {{#if data}} <div class="table-responsive"> <div class="table"> <div class="table-row"> {{#each data.[0]}} <div class="table-item head table-item-{{@key}}"> {{_t (concat 'gdpr_' @key)}} </div> {{/each}} </div> {{#each data}} <div class="table-row"> {{#each ../data.[0]}} <div class="table-item table-item-{{@key}}"> <div class="header-title"> {{_t (concat 'gdpr_' @key)}} </div> {{{lookup ../this @key}}} </div> {{/each}} </div> {{/each}} </div> </div> <div class="close-link"> <a class="collapse-btn" href="#{{uid}}" data-toggle="collapse"> {{_t "Hide"}} </a> </div> {{else}}  <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div></script> <script type="text/html" id="gdpr_report_table_bookings"><div class="table-section"> <div class="table-title"> <div class="cap"> {{_t name}} </div> <div class="info"> {{#if data}} <a href="#{{uid}}" class="collapse-btn collapsed" data-toggle="collapse"> <div class="trigger-show"> {{_t "Show"}} </div> <div class="trigger-hide"> {{_t "Hide"}} </div> </a> {{else}} <span class="msg">{{_t "Information is missing or has already been deleted"}}</span> {{/if}} </div> </div> <div id="{{uid}}" class="table-wrapper collapse"> {{#if data}} <div class="table-responsive"> <div class="table"> <div class="table-row"> <div class="table-item table-item-code head">{{_t 'gdpr_code'}}</div> <div class="table-item table-item-location head">{{_t 'gdpr_location'}}</div> <div class="table-item table-item-event head">{{_t 'gdpr_event'}}</div> <div class="table-item table-item-unit head">{{_t 'gdpr_unit'}}</div> <div class="table-item table-item-payed_amount head">{{_t 'gdpr_payed_amount'}}</div> <div class="table-item table-item-payment_system head">{{_t 'gdpr_payment_system'}}</div> <div class="table-item table-item-payment_status head">{{_t 'gdpr_payment_status'}}</div> <div class="table-item table-item-record_date head">{{_t 'gdpr_record_date'}}</div> <div class="table-item table-item-client_timezone head">{{_t 'gdpr_client_timezone'}}</div> <div class="table-item table-item-promotion_code head">{{_t 'gdpr_promotion_code'}}</div> <div class="table-item table-item-is_confirm head">{{_t 'gdpr_is_confirm'}}</div> <div class="table-item table-item-invoice_id head">{{_t 'gdpr_invoice_id'}}</div> <div class="table-item table-item-invoice_number head">{{_t 'gdpr_invoice_number'}}</div> <div class="table-item table-item-invoice_datetime head">{{_t 'gdpr_invoice_datetime'}}</div> <div class="table-item table-item-invoice_amount head">{{_t 'gdpr_invoice_amount'}}</div> <div class="table-item table-item-invoice_currency head">{{_t 'gdpr_invoice_currency'}}</div> <div class="table-item table-item-event_price head">{{_t 'gdpr_event_price'}}</div> <div class="table-item table-item-event_currency head">{{_t 'gdpr_event_currency'}}</div> <div class="table-item table-item-promotion_code head">{{_t 'gdpr_promotion_code'}}</div> <div class="table-item table-item-class_id head">{{_t 'gdpr_class_id'}}</div> <div class="table-item table-item-iproduct head">{{_t 'gdpr_product'}}</div> <div class="table-item table-item-iattribute head">{{_t 'gdpr_attribute'}}</div> <div class="table-item table-item-datetime head">{{_t 'gdpr_datetime'}}</div> <div class="table-item table-item-iclips head">{{_t 'gdpr_client_ip'}}</div> <div class="table-item table-item-ipclagent head">{{_t 'gdpr_client_agent'}}</div> <div class="table-item table-item-additional_fields head">{{_t 'gdpr_additional_fields'}}</div> </div> {{#each data}} <div class="table-row {{#ifEven @index}}{{else}}odd{{/ifEven}}"> <div class="table-item table-item-code"><div class="header-title">{{_t 'gdpr_code'}}</div>{{code}}</div> <div class="table-item table-item-location"><div class="header-title">{{_t 'gdpr_location'}}</div>{{location}}</div> <div class="table-item table-item-event"><div class="header-title">{{_t 'gdpr_event'}}</div> {{event}}</div> <div class="table-item table-item-unit"><div class="header-title">{{_t 'gdpr_unit'}}</div> {{unit}}</div> <div class="table-item table-item-payed_amount"><div class="header-title">{{_t 'gdpr_payed_amount'}}</div> {{payed_amount}}</div> <div class="table-item table-item-payment_system"><div class="header-title">{{_t 'gdpr_payment_system'}}</div> {{payment_system}}</div> <div class="table-item table-item-payment_status"><div class="header-title">{{_t 'gdpr_payment_status'}}</div> {{payment_status}}</div> <div class="table-item table-item-record_date"><div class="header-title">{{_t 'gdpr_record_date'}}</div> {{record_date}}</div> <div class="table-item table-item-client_timezone"><div class="header-title">{{_t 'gdpr_client_timezone'}}</div> {{client_timezone}}</div> <div class="table-item table-item-promotion_code"><div class="header-title">{{_t 'gdpr_promotion_code'}}</div> {{promotion_code}}</div> <div class="table-item table-item-is_confirm"><div class="header-title">{{_t 'gdpr_is_confirm'}}</div> {{is_confirm}}</div> <div class="table-item table-item-invoice_id"><div class="header-title">{{_t 'gdpr_invoice_id'}}</div> {{invoice_id}}</div> <div class="table-item table-item-invoice_number"><div class="header-title">{{_t 'gdpr_invoice_number'}}</div> {{invoice_number}}</div> <div class="table-item table-item-invoice_datetime"><div class="header-title">{{_t 'gdpr_invoice_datetime'}}</div> {{invoice_datetime}}</div> <div class="table-item table-item-invoice_amount"><div class="header-title">{{_t 'gdpr_invoice_amount'}}</div> {{invoice_amount}}</div> <div class="table-item table-item-invoice_currency"><div class="header-title">{{_t 'gdpr_invoice_currency'}}</div> {{invoice_currency}}</div> <div class="table-item table-item-event_price"><div class="header-title">{{_t 'gdpr_event_price'}}</div> {{event_price}}</div> <div class="table-item table-item-event_currency"><div class="header-title">{{_t 'gdpr_event_currency'}}</div> {{event_currency}}</div> <div class="table-item table-item-promotion_code"><div class="header-title">{{_t 'gdpr_promotion_code'}}</div> {{promotion_code}}</div> <div class="table-item table-item-class_id"><div class="header-title">{{_t 'gdpr_class_id'}}</div> {{class_id}}</div> <div class="table-item table-item-iproduct"><div class="header-title">{{_t 'gdpr_product'}}</div> {{product}}</div> <div class="table-item table-item-iattribute"><div class="header-title">{{_t 'gdpr_attribute'}}</div> {{attribute}}</div> <div class="table-item table-item-datetime"><div class="header-title">{{_t 'gdpr_datetime'}}</div> {{datetime}}</div> <div class="table-item table-item-iclips"><div class="header-title">{{_t 'gdpr_client_ip'}}</div> {{client_ips}}</div> <div class="table-item table-item-ipclagent"><div class="header-title">{{_t 'gdpr_client_agent'}}</div> {{client_agents}}</div> <div class="table-item"> <div class="header-title">{{_t 'gdpr_additional_fields'}}</div> {{#if additional_fields}} <a href="#{{../uid}}_fields_{{code}}" class="collapse-btn collapsed" data-toggle="collapse"> <div class="trigger-show"> {{_t "Show"}} </div> <div class="trigger-hide"> {{_t "Hide"}} </div> </a> {{/if}} </div> </div> <div class="table-row collapsed {{#ifEven @index}}{{else}}odd{{/ifEven}}"> <div id="{{../uid}}_fields_{{code}}" class="booking-fields collapse"> {{#if additional_fields}} <div class="booking-fields-title">{{_t 'additional_fields'}}</div> <div class="table table-fields"> {{{additional_fields}}} </div> {{/if}} </div> </div> {{/each}} </div> </div> {{else}} <div class="alert alert-info"> <strong>{{_t "Info:"}}</strong> {{_t "Information on this request is missing or has already been deleted"}} </div> {{/if}} </div> </div></script> <script type="text/html" id="gdpr_report_table_soap_crypt"><div class="table-section"> <div class="table-title"> <div class="cap"> {{_t name}} </div> <div class="info"> {{#if data}} <a href="#{{uid}}" class="collapse-btn collapsed" data-toggle="collapse"> <div class="trigger-show"> {{_t "Show"}} </div> <div class="trigger-hide"> {{_t "Hide"}} </div> </a> {{else}} <span class="msg">{{_t "Information is missing or has already been deleted"}}</span> {{/if}} </div> </div> <div id="{{uid}}" class="table-wrapper collapse"> {{#if data}} <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "We have encrypted your SOAP history, and therefore it is not displayed here. Please contact us if you'd like to receive the copy of this data."}} </div> {{else}}  <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div></script> <script type="text/html" id="gdpr_report_table_soap"><div class="table-section"> <div class="table-title"> <div class="cap"> {{_t name}} </div> <div class="info"> {{#if data}} <a href="#{{uid}}" class="collapse-btn collapsed" data-toggle="collapse"> <div class="trigger-show"> {{_t "Show"}} </div> <div class="trigger-hide"> {{_t "Hide"}} </div> </a> {{else}} <span class="msg">{{_t "Information is missing or has already been deleted"}}</span> {{/if}} </div> </div> <div id="{{uid}}" class="table-wrapper collapse"> {{#if data}} <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "gdpr_soap_data_contact_company_notification"}} </div> {{else}}  <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div></script> <script type="text/html" id="gdpr_report_module"><div class="gdpr-popup"> <div class="text-center"> {{#if data.is_client_logged}} <a href="#gdpr-report">{{_t 'GDPR report'}}</a><br> {{else}} <a href="#" id="sb_gdpr_show_form_btn"> {{_t "GDPR data"}} </a> {{/if}} </div> {{#if data.is_form_active}} <div id="sb_gdpr_email_form"> <div class="fa sb_gdpr_close_form_btn" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fa fa-times"></i> </div> <div class="title"> {{_t "Get your GDPR information"}} </div> <div class="content"> <div class="step-item"> 1. {{_t "Enter email/phone whith you used during bookings."}} </div> <div class="step-item"> 2. {{_t "Enter code sent to your email/phone."}} </div> <div class="form-container custom-form"> {{#if errors.global_form}} <div class="has-error"> <p class="help-block">{{errors.global_form}}</p> </div> {{/if}} {{#if message}} <div class="has-success"> <p class="help-block">{{_t message}}</p> </div> {{/if}} {{#if show_email_input}} <div id="sb_gdpr_send_email_container"> <div class="form-group{{#if errors.email}} has-error{{/if}}"> <input type="email" class="form-control" id="sb_gdpr_form_email" name="email" value="{{data.email}}" placeholder="{{_t 'Email'}}"> <p class="help-block">{{_t errors.email}}</p> </div> {{_t "or"}} <div class="form-group{{#if errors.phone}} has-error{{/if}}"> <input type="tel" class="form-control" id="sb_gdpr_form_phone" name="phone" value="{{data.phone}}" placeholder="{{_t 'Phone'}}"> <p class="help-block">{{_t errors.phone}}</p> </div> <button class="btn btn-info" type="submit">{{_t "Send code"}}</button> </div> {{else}} <div id="sb_gdpr_send_code_container"> <div class="form-group{{#if errors.code}} has-error{{/if}}"> <input type="text" class="form-control" id="sb_gdpr_form_code" name="code" value="{{data.code}}" placeholder="{{_t 'Code'}}"> <p class="help-block">{{_t errors.code}}</p> </div> <button class="btn btn-info" type="submit">{{_t "Get report"}}</button> <div class="sb_gdpr_resubmit"> <a href="#" id="sb_gdpr_repeat_submit">{{_t "send again"}}</a> {{_t "or"}} <a href="#" id="sb_gdpr_send_another">{{_t "to another email/phone"}}</a> </div> </div> {{/if}} <div class="txt band-txt">{{_t 'or sign up via'}}</div> <div class="brand v5"> <a title="{{_t 'Login via Facebook account icon. Open in new window'}}" href="{{baseUrl}}/gdpr-report/openid/provider/facebook/" target="_blank" class="fb sb-targetblank"></a>  <a title="{{_t 'Login via Google account icon. Open in new window'}}" href="{{baseUrl}}/gdpr-report/openid/provider/google/" target="_blank" class="gl sb-targetblank"></a> </div> </div> </div> </div> {{/if}} </div></script> <script type="text/html" id="gdpr_report_confirmation"><div class="modal-dialog"> <div class="tab tab-col get-gdpr-info-modal"> <div class="full-info"> <div class="close-full-info " data-dismiss="modal"> <i class="fa fa-times"></i> </div> <div class="tab-pd"> <div id="sb_gdpr_email_form"> {{#if data.is_client_logged}} {{_t "You are already logged in"}}<br> <a class="btn" href="#gdpr-report">{{_t 'GDPR report'}}</a><br> {{else}} <div class="cap full"> {{_t "Get your GDPR information"}} </div> <div class="content"> {{#ifCond data.preset '==' 'email'}} {{_t "Enter code sent to your email."}} {{else ifCond data.preset '==' 'phone'}} {{_t "Enter code sent to your phone."}} {{else}} <div class="step-item"> <p>1. {{_t "Enter email/phone whith you used during bookings."}}</p> </div> <div class="step-item"> <p>2. {{_t "Enter code sent to your email/phone."}}</p> </div> {{/ifCond}} <div class="form-container custom-form"> {{#if errors.global_form}} <div class="has-error"> <p class="help-block">{{errors.global_form}}</p> </div> {{/if}} {{#if message}} <div class="has-success"> <p class="help-block">{{_t message}}</p> </div> {{/if}} {{#if show_email_input}} <div id="sb_gdpr_send_email_container"> <div class="form-group{{#if errors.email}} has-error{{/if}}"> <input type="email" class="form-control" id="sb_gdpr_form_email" name="email" value="{{data.email}}" placeholder="{{_t 'Email'}}"> <p class="help-block">{{_t errors.email}}</p> </div> <p>{{_t "or"}}</p> <div class="form-group{{#if errors.phone}} has-error{{/if}}"> <input type="tel" class="form-control" id="sb_gdpr_form_phone" name="phone" value="{{data.phone}}" placeholder="{{_t 'Phone'}}"> <p class="help-block">{{_t errors.phone}}</p> </div> <button class="btn btn-send-code" type="submit">{{_t "Send code"}}</button> </div> {{else}} <div id="sb_gdpr_send_code_container"> <div class="form-group{{#if errors.code}} has-error{{/if}}"> <input type="text" class="form-control" id="sb_gdpr_form_code" name="code" value="{{data.code}}" placeholder="{{_t 'Code'}}"> <p class="help-block">{{_t errors.code}}</p> </div> <button class="btn btn-get-report" type="submit">{{_t "Get report"}}</button> <div class="sb_gdpr_resubmit"> <a href="#" id="sb_gdpr_repeat_submit">{{_t "send again"}}</a> </div> </div> {{/if}} </div> </div> {{/if}} </div> </div> </div> </div> </div> </script> <script type="text/html" id="part_form_input"><div class="form-group{{#if error}} has-error{{/if}} {{name}}"> <label for="{{id_prefix}}{{name}}" class="col-sm-4 control-label {{#if is_required}}required{{/if}}">{{_t label}}:</label> <div class="col-sm-12"> <input type="text" class="form-control" id="{{id_prefix}}{{name}}" name="{{name}}" value="{{value}}" placeholder="{{_t label}}"> <p class="help-block">{{_t error}}</p> </div> </div></script> <script type="text/html" id="part_form_email"><div class="form-group{{#if error}} has-error{{/if}} {{name}}"> <label for="{{id_prefix}}{{name}}" class="col-sm-4 control-label {{#if is_required}}required{{/if}}">{{_t label}}:</label> <div class="col-sm-12"> <input type="email" class="form-control" id="{{id_prefix}}{{name}}" name="{{name}}" value="{{value}}" placeholder="{{_t label}}" {{#if readonly}}readonly disabled{{/if}}> <p class="help-block">{{_t error}}</p> </div> </div></script> <script type="text/html" id="part_form_phone"><div class="form-group{{#if error}} has-error{{/if}} {{name}}"> <label for="{{id_prefix}}{{name}}" class="col-sm-4 control-label {{#if is_required}}required{{/if}}">{{_t label}}:</label> <div class="col-sm-12"> <div class="input-group"> {{#if country_prefix_is_fixed}} <span class="input-group-addon">{{country_prefix}}</span> {{/if}} <input type="tel" class="form-control {{#if country_prefix_is_fixed}}has-country-prefix{{/if}}" id="{{id_prefix}}{{name}}" name="{{name}}" value="{{value}}" placeholder="{{_t label}}"> </div> <p class="help-block">{{_t error}}</p> </div> </div></script> <script type="text/html" id="part_form_password"><div class="form-group{{#if error}} has-error{{/if}} {{name}}"> <label for="{{id_prefix}}{{name}}" class="col-sm-4 control-label {{#if is_required}}required{{/if}}">{{_t label}}:</label> <div class="col-sm-12"> <input type="password" class="form-control" id="{{id_prefix}}{{name}}" name="{{name}}" value="{{value}}" placeholder="{{_t label}}"> <span class="password-toggler" tabindex="0"><i class="fa fa-eye"></i></span> <p class="help-block">{{_t error}}</p> </div> </div></script> <script type="text/html" id="part_form_select"><div class="form-group{{#if error}} has-error{{/if}} {{name}}"> <label for="{{id_prefix}}{{name}}" class="col-sm-4 control-label {{#if is_required}}required{{/if}}">{{_t label}}:</label> <div class="col-sm-12"> <select name="{{name}}" id="{{id_prefix}}{{name}}" class="form-control" {{#if disabled}}disabled{{/if}}> {{#if with_empty}} <option value=""></option> {{/if}} {{#each options}} {{#if group}} <optgroup label="{{{name}}}"> {{#each options}} <option value="{{id}}" {{#ifCond id '==' ../../value}}selected="selected"{{/ifCond}}>{{{name}}}</option> {{/each}} </optgroup> {{else}} <option value="{{id}}" {{#ifCond id '==' ../value}}selected="selected"{{/ifCond}}>{{{name}}}</option> {{/if}} {{/each}} </select> <p class="help-block">{{_t error}}</p> </div> </div></script> <script type="text/html" id="part_form_checkbox"><div class="form-group{{#if error}} has-error{{/if}} {{name}}"> <label for="{{id_prefix}}{{name}}" class="col-sm-12 control-label custom-checkbox-label {{#if is_required}}required{{/if}}" role="button" tabindex="0"> <div class="custom-checkbox"> <input type="checkbox" id="{{id_prefix}}{{name}}" name="{{name}}" value="1" placeholder="{{_t label}}"{{#if value}} checked="checked"{{/if}} {{#if disabled}}disabled="disabled"{{/if}}> <div class="custom-label"></div> </div> <span class="txt">{{_t label}}</span> </label> <p class="help-block">{{_t error}}</p> </div></script> <script type="text/html" id="part_form_label">{{#ifNotEmpty value force=force_show}} <div class="row"> <div class="col-sm-4"> <div class="label"> <b>{{_t label}}:</b> </div> </div> <div class="col-sm-8"> <div class="txt"> {{value}} </div> </div> </div> {{/ifNotEmpty}}</script> <script type="text/html" id="part_form_label_select">{{#ifNotEmpty value force=force_show}} <div class="row"> <div class="col-sm-4"> <div class="label"> <b id="sb_profile_name">{{_t label}}:</b> </div> </div> <div class="col-sm-8"> <div class="txt"> {{#findInArray value options=options}}{{name}}{{/findInArray}} </div> </div> </div> {{/ifNotEmpty}}</script> <script type="text/html" id="footer_part"><footer id="footer"> <div id="sb_scroll_top_btn" class="scroll-top-button"> <i class="fa fa-angle-up"></i> </div> {{> cookiesBlock }} <div class="container-fluid"> <div class="row"> <div class="col-md-12"> {{!--{{#ifPluginActive 'client_login'}} {{else}}--}} {{#ifConfigParam 'hide_my_personal_data_upublic' '!=' true}} <div id="sb_gdpr_report_module_container"> </div> {{/ifConfigParam}} {{!--{{/ifPluginActive}}--}} {{>userTermsAndConditionsLink}} {{#ifConfigParam 'white_label' '!=' true}} <div class="copyright"> © 2013-{{formatDateTime null 'custom' 0 format='Y'}} <a href="https://{{getConfigParam 'server_address'}}" target="_blank"> {{getConfigParam 'project_name'}} </a> </div> {{/ifConfigParam}} </div> </div> </div> </footer></script> <script type="text/html" id="preloader_part"><div id="preloader" style="max-width: 60px;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 100;"> <img src="/v2/themes/assets/img/waiting.gif" alt=""> </div></script> <script type="text/html" id="cookies_block"><div id="sb_cookies_block" class="cookies sb-important"> <div class="container-fluid column"> <div class="wrapper"> <div class="text"> {{#ifPluginActive 'user_license'}} {{{_t "By clicking the Accept button you agree to the use of cookies as described in our <a href='#terms-and-conditions' target='_blank'>Terms and Conditions</a>."}}} {{else}} {{{_t "By clicking the Accept button you agree to the use of cookies. Please contact us if you'd like to learn more about how we use cookies."}}} {{/ifPluginActive}} </div> <div class="buttons"> <a href="javascript:;" class="link" id="sb_necessary_important_coo"> {{_t "I accept only Necessary Cookies"}} </a> <a href="javascript:;" class="btn" id="sb_accept_important_coo"> {{_t "I accept cookies"}} </a> </div> </div> </div> </div></script> <script type="text/html" id="user_terms_and_conditions">{{#ifPluginActive 'user_license'}} <div class="text-center"> <a href="#terms-and-conditions">{{_t '%company_name%_company_license_title' company_name=(_ (getConfigParam 'company_data') 'name')}}</a> </div> {{/ifPluginActive}}</script> <script type="text/html" id="terms_and_conditions_lang">{{#if lang}} <div class="terms-and-conditions__lang custom-form" style="margin-bottom: 25px;"> <div class="form-group"> <label for="lang" class="control-label terms-and-conditions__lang-label" style="padding-inline: 0;">{{_t 'Select language'}}:</label> <select name="lang" id="lang" class="sb-terms-lang form-control terms-and-conditions__lang-select"> <option value="en" {{#ifCond lang '==' 'en'}}selected{{/ifCond}}>English</option> <option value="fr" {{#ifCond lang '==' 'fr'}}selected{{/ifCond}}>Français</option> <option value="es" {{#ifCond lang '==' 'es'}}selected{{/ifCond}}>Español</option> <option value="de" {{#ifCond lang '==' 'de'}}selected{{/ifCond}}>Deutsch</option> <option value="ru" {{#ifCond lang '==' 'ru'}}selected{{/ifCond}}>Русский</option> {{!-- <option value="pl" {{#ifCond lang '==' 'pl'}}selected{{/ifCond}}>Polski</option> --}} <option value="it" {{#ifCond lang '==' 'it'}}selected{{/ifCond}}>Italiano</option> <option value="uk" {{#ifCond lang '==' 'uk'}}selected{{/ifCond}}>Українська</option> <option value="zh" {{#ifCond lang '==' 'zh'}}selected{{/ifCond}}>臺灣話</option> <option value="cn" {{#ifCond lang '==' 'cn'}}selected{{/ifCond}}>中文</option> <option value="ko" {{#ifCond lang '==' 'ko'}}selected{{/ifCond}}>한국어</option> <option value="ja" {{#ifCond lang '==' 'ja'}}selected{{/ifCond}}>日本語</option> <option value="pt" {{#ifCond lang '==' 'pt'}}selected{{/ifCond}}>Português</option> <option value="br" {{#ifCond lang '==' 'br'}}selected{{/ifCond}}>Brasil</option> <option value="nl" {{#ifCond lang '==' 'nl'}}selected{{/ifCond}}>Nederlands</option> </select> </div> </div> {{/if}} </script> <script type="text/html" id="cart_module_view"><div class="cart-container"> <div class="full-info full-info--cart sb-cart-popup {{#if qty}} --has-items{{/if}}"> <div class="full-info--cart_module"> <div class="full-info--cart_header"> <button class="sb-cart-popup-close full-info--cart_close-btn"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg> </button> <h3 class="title title--h3 {{#if qty}} --has-icon{{/if}}"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><path d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H76.1l60.3 316.5c2.2 11.3 12.1 19.5 23.6 19.5H320.7c-.5-5.3-.7-10.6-.7-16c0-10.9 1-21.6 2.9-32h-143l-9.1-48H339.2c9.2-18 21.4-34.2 36-48H161.6L131.1 80H520.6L489.1 192.1c2.3-.1 4.6-.1 6.9-.1c14.3 0 28.3 1.7 41.6 4.9l35-124.3C578.3 52.3 563 32 541.8 32H122l-2.4-12.5C117.4 8.2 107.5 0 96 0H24zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM640 368a144 144 0 1 0 -288 0 144 144 0 1 0 288 0zm-99.3-43.3c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-72 72c-6.2 6.2-16.4 6.2-22.6 0l-40-40c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L480 385.4l60.7-60.7z"/></svg> {{_t 'cart_title'}} </h3> </div> <div class="full-info--cart_body"> <div id="sb_cart_multiple_bookings" class="full-info--cart_bookings"></div> <div id="sb_cart_products" class="full-info--cart_list full-info--cart_product-list"></div> <div aria-label="{{_t "Empty cart block"}}" class="full-info--cart_empty empty sb-empty-block" {{#if qty}}style="{display: none}"{{/if}}> <div class="full-info--cart_empty-content"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"/></svg>  <div class="p txt">{{_t 'your_cart_is_empty'}}</div> </div> </div> </div> <div class="full-info--cart_footer"> <div class="full-info--cart_price-info"> <div class="full-info--cart_price full-info--cart_price-subtotal sb-tax-block" {{#unless tax}}style="display: none"{{/unless}}> <span class="full-info--cart_price-caption">{{_t "cart_subtotal"}}:</span> <span class="full-info--cart_price-value sb-pretotal">{{{formatPrice price=pretotal currency=currency}}}</span> </div> <div class="full-info--cart_price full-info--cart_price-tax sb-tax-block" {{#unless tax}}style="display: none"{{/unless}}> <span class="full-info--cart_price-caption">{{_t "cart_tax"}}:</span> <span class="full-info--cart_price-value sb-tax">{{{formatPrice price=tax currency=currency}}}</span> </div> <div class="full-info--cart_price full-info--cart_price-total sb-total-block" {{#unless total}}style="display: none"{{/unless}}> <span class="full-info--cart_price-caption">{{_t "cart_total"}}:</span> <span class="full-info--cart_price-value sb-total">{{{formatPrice price=total currency=currency}}}</span> </div> </div> <div id="sb_cart_package_link"></div> <div class="btn-bar sb-checkout-block" {{#unless qty}}style="display: none"{{/unless}}> <button class="btn book-btn popup-hide" id="sb_cart_checkout_btn">{{_t 'Checkout'}}</button> <button class="btn btn--primary-outline sb-cart-popup-close">{{_t 'cart_continue_shopping'}}</button> </div> </div> </div> </div> <div class="sb-cart-popup-close full-info--cart_cover"></div> </div> </script> <script type="text/html" id="cart_module_icon_view"><div class="cart-container"> <div aria-label="{{_t "shopping cart container"}}" class="cart item-container sb-cart-btn"> <i aria-label="{{_t "shopping cart icon"}}" title="{{_t "shopping cart icon"}}" class="fa fa-shopping-cart" aria-hidden="true"></i> <div class="counter sb-qty">{{qty}}</div> </div> </div> </script> <script type="text/html" id="cart_module_booking_details_total_view"><div class="full-info-price--wrapper full-info-price--wrapper_global"> {{#if total}} {{#if tax}} <div class="full-info-price full-info-price--subtotal"> <div class="full-info-price--caption">{{_t "cart_subtotal"}}:</div> <div class="full-info-price--value">{{{formatPrice price=pretotal currency=currency}}}</div> </div> <div class="full-info-price full-info-price--tax"> <div class="full-info-price--caption">{{_t "cart_tax"}}:</div> <div class="full-info-price--value">{{{formatPrice price=tax currency=currency}}}</div> </div> {{/if}} <div class="full-info-price full-info-price--total"> <div class="full-info-price--caption">{{_t "cart_total"}}:</div> <div class="full-info-price--value">{{{formatPrice price=total currency=currency}}}</div> </div> {{/if}} {{#ifPluginActive 'package'}} <div class="package-use-credits-msg sb-confirm-leave"> {{{_t "<a href='%link%' class='link'>Package credits</a> can be used in the next step if they are available" link=(packageLink serviceIds productIds)}}} </div> {{/ifPluginActive}} </div> </script> <script type="text/html" id="cart_module_package_link_view"><div class="package-use-credits-msg --sb-confirm-leave sb-package-block popup-hide" {{#unless shouldShow}}style="display: none"{{/unless}}> {{!-- {{{_t "<a href='#packages' class='link'>Package credits</a> can be used in the next step if they are available"}}} --}} {{{_t "<a href='%link%' class='link'>Package credits</a> can be used in the next step if they are available" link=(packageLink serviceIds productIds)}}} </div> </script> <script type="text/html" id="membership_filter_view"><div id="membership-filters" class="filter"> <div class="filter--header"> <div class="title-main filter--header_title">{{_t 'Filter by attached items'}}:</div> <p class="title-small filter--header_hint">{{_t (concat namespace '_included_services_note')}}</p> </div> <div class="filter-list custom-form filter--content" id="sb_filter_container"> <div class="sb_filter_list_wrapper filter--list-container"> <div id="sb_membership_filter_service_container" class="sb_filter_list filter--list filter--list-service" data-title="{{#ifPluginActive 'classes'}}{{_t 'filter_service_classes'}}{{else}}{{_t 'filter_services'}}{{/ifPluginActive}}"></div> <div id="sb_membership_filter_product_container" class="sb_filter_list filter--list filter--list-products" data-title="{{_t 'filter_products_for_sale'}}"></div> <div id="sb_membership_filter_attribute_container" class="sb_filter_list filter--list filter--list-attributes" data-title="{{_t 'filter_service_add_ons'}}"></div> </div> <input type="text" id="sb_list_trigger" class="form-control filter--input-field" placeholder="{{_t 'Search'}}"> </div> </div></script> <script type="text/html" id="membership_filter_item_view"><div class="sb_filter_item" data-label="{{field}}-id{{id}}"> <span class="custom-checkbox"> <input id="{{field}}-id{{id}}" type="checkbox" {{#if checked}}checked="checked"{{/if}} /> <span class="custom-label"></span> </span> <label class="filter-item-label" for="{{field}}-id{{id}}" role="button" tabindex="0"> {{name}} </label> </div> </script> <script type="text/html" id="location_step"><div class="location-step step-content {{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}" id="sb_location_step_container"> </div></script> <script type="text/html" id="location_item"><div class="location-item item"> <div class="tab tab-col tab-with-popup"> <div class="excerpt-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader {{#if picture}}{{#ifSvg picture_path}} __custom-svg-icon {{else}} __custom-image {{/ifSvg}}{{else}} __default-svg-icon {{/if}}"> <a href="#{{bookingStepUrl location=id}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_location_%location_name%" location_name=name}}" class="fit"> </div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="location.svg" class="sb-inline-svg" /> </div> {{/if}} </a> </div> {{/ifCond}} <div class="tab-pd"> <div class="content"> <div class="cap short">{{title}}</div> {{#if description}} <div class="txt short"> {{{description}}} {{#ifCond description.length ">=" 80}} <span class="read-more" data-toggle="modal" data-target="#iframe_location{{id}}" role="button" tabindex="0"> {{_t "read-more"}} </span> {{/ifCond}} </div> {{/if}} <div class="bar {{#if (or address1 address2 phone)}}with-mh{{/if}}"> {{#if address1}} <div class="address"> <div class="fa fa-map-marker" aria-hidden="true"></div> <a data-toggle="modal" data-target="#iframe_location{{id}}"> {{formatAddress address1=address1 address2=address2 city=city country=country_id zip=zip}} </a> </div> {{/if}} {{#if phone}} <div class="phone"> <div class="fa fa-phone" aria-hidden="true"></div> <span class="txt-wrap"> <a class="phone-number" href="tel:{{phone}}">{{phone}}</a> </span> </div> {{/if}} </div> </div> <div class="btn-bar"> <div class="btn select custom"> <a href="#{{bookingStepUrl location=id}}">{{_t "select"}}</a> </div> </div> </div> </div> <div class="modal fade location-modal sb-map-container" id="iframe_location{{id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> <div class="tab-pd"> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fa fa-times"></i> </div> {{#if (or address1 address2) }} <div class="sb-map" data-src="{{mapIframe lat=lat lng=lng}}" data-style="border:0; height: 400px;" data-width="100%" data-frameborder="0" ></div> {{else}} {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if picture}} {{#ifSvg picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_location_%location_name%" location_name=name}}" class="fit"> </div> {{/ifSvg}} {{/if}} {{else}} <div class="no-img-block"></div> {{/ifCond}} {{/if}} <div class="content"> <div class="cap full">{{title}}</div> <div class="txt full">{{{description}}}</div> {{#if (or address1 address2) }} <div class="address"> <b> {{formatAddress address1=address1 address2=address2 city=city country=country_id zip=zip}} </b> </div> {{/if}} {{#if phone}} <div class="phone"> <b> <a class="phone-number" href="tel:{{phone}}">{{phone}}</a> </b> </div> {{/if}} </div> </div> </div> </div> </div> </div> </div> </script> <script type="text/html" id="location_item_list"><div class="location-item item panel"> <div class="mobile-title"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_location_step_container" href="#iframe_location{{id}}" aria-expanded="true" aria-controls="iframe_location{{id}}"> {{title}} </a> </h4> {{else}} <h4 class="title">{{title}}</h4> {{/ifCond}} </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader {{#if picture}}{{#ifSvg picture_path}} __custom-svg-icon {{else}} __custom-image {{/ifSvg}}{{else}} __default-svg-icon {{/if}}"> <a href="#{{bookingStepUrl location=id}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_location_%location_name%" location_name=name}}" class="fit"> </div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="location.svg" class="sb-inline-svg" /> </div> {{/if}} </a> </div> {{/ifCond}} <div class="one-line {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}}no-image{{/ifCond}}"> <div class="content"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_location_step_container" href="#iframe_location{{id}}" aria-expanded="true" aria-controls="iframe_location{{id}}"> {{title}} </a> </h4> {{else}} <h4 class="title">{{title}}</h4> {{/ifCond}} <div class="info-bar {{#if (or address1 address2 phone)}}with-mh{{/if}}"> {{#if address1}} <div class="bar-flex-item address"> <i class="ico fa fa-map-marker" aria-hidden="true"></i> <a role="button" data-toggle="collapse" data-parent="#sb_location_step_container" href="#iframe_location{{id}}" aria-expanded="true" aria-controls="iframe_location{{id}}"> <span class="txt"> {{formatAddress address1=address1 address2=address2 city=city country=country_id zip=zip}} </span> </a> </div> {{/if}} {{#if phone}} <div class="bar-flex-item phone"> <i class="ico fa fa-phone" aria-hidden="true"></i> <a href="tel:{{phone}}" class="txt"> {{phone}} </a> </div> {{/if}} </div> </div> <div class="btn-bar {{#ifCond (lengthWithoutTags description) ">=" 2}}has-read-more{{/ifCond}}"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <div class="wrap-read-more"> <a class="btn read-more collapsed" role="button" data-toggle="collapse" data-parent="#sb_location_step_container" href="#iframe_location{{id}}" aria-expanded="true" aria-controls="iframe_location{{id}}"> <span class="part txt-part"> <span class="more-part">{{_t 'read-more'}}</span> <span class="less-part">{{_t 'show less'}}</span> </span> <span class="part ico-part"><i class="fal fa-ellipsis-h"></i></span> </a> </div> {{/ifCond}} <div class="btn-round-mask"> <a class="btn select custom" href="#{{bookingStepUrl location=id}}">{{_t "select"}}</a> </div> </div> </div> <div class="wrap-collapse-content collapse sb-map-container" id="iframe_location{{id}}"> <div class="collapse-content"> {{#if (or address1 address2) }} <div class="biggest-previev"> <div class="sb-map" data-src="{{mapIframe lat=lat lng=lng}}" data-style="border:0; height: 400px;" data-width="100%" data-frameborder="0" ></div> </div> {{else}} {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if picture}} {{#ifSvg picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <div class="biggest-previev"> <img src="{{picture_path}}" alt="{{_t "image_for_location_%location_name%" location_name=name}}" class="fit"> </div> {{/ifSvg}} {{/if}} {{/ifCond}} {{/if}} {{{description}}} <div class="btn-bar btn-bar-full-info"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <a class="btn btn-hide" role="button" data-toggle="collapse" data-parent="#sb_location_step_container" href="#iframe_location{{id}}" aria-expanded="true" aria-controls="iframe_location{{id}}"> <span class="hide-txt">{{_t "show less"}}</span> </a> {{/ifCond}} <a class="btn select custom" href="#{{bookingStepUrl location=id}}">{{_t "select"}}</a> </div> </div> </div> </div> </script> <script type="text/html" id="location_empty"><div class="empty-step empty-location"> <div class="empty-step__wrapper"> <div class="empty-step__image"> <svg src="empty-location.svg" class="sb-inline-svg" /> </div> <h3 class="empty-step__title">{{_t 'No locations available'}}</h3> <p class="empty-step__text">{{_t 'Please go back and choose another one'}}</p> </div> </div></script> <script type="text/html" id="additional_fields_view"><div id="sb_additional_fields"></div></script> <script type="text/html" id="additional_field_text"><div class="form-group{{#if error}} has-error{{/if}}"> <label class="control-label col-sm-12 {{#ifCond is_null '!=' 1}}required{{/ifCond}}" for="{{name}}">{{title}}:</label> <div class="col-sm-12"> <input type="text" class="form-control" name="{{name}}" id="{{name}}" placeholder="{{title}}" value="{{value}}"> {{#if error}}<span class="help-block">{{{_t error}}}</span>{{/if}} </div> </div></script> <script type="text/html" id="additional_field_date"><div class="form-group{{#if error}} has-error{{/if}}"> <label class="control-label col-sm-12 {{#ifCond is_null '!=' 1}}required{{/ifCond}}" for="{{name}}">{{title}}:</label> <div class="col-sm-12"> <div class="date-input-group"> {{#each date_order}} {{#ifCond this '==' 'd'}} <select class="form-control day_select date_select"> <option value="">{{_t 'Day'}}</option> {{#each ../../days}} <option value="{{this}}" {{#ifCond this '==' ../../../day_value}} selected="selected" {{/ifCond}}>{{this}}</option> {{/each}} </select> {{/ifCond}} {{#ifCond this '==' 'm'}} <select class="form-control month_select date_select"> <option value="">{{_t 'Month'}}</option> {{#each ../../monthsWithIndex}} <option value="{{@key}}" {{#ifCond @key '==' ../../../month_value}} selected="selected" {{/ifCond}}>{{this}}</option> {{/each}} </select> {{/ifCond}} {{#ifCond this '==' 'y'}} <select class="form-control year_select date_select"> <option value="">{{_t 'Year'}}</option> {{#each ../../years}} <option value="{{this}}" {{#ifCond this '==' ../../../year_value}} selected="selected" {{/ifCond}}>{{this}}</option> {{/each}} </select> {{/ifCond}} {{/each}} <div class="calendar-toggle calendar_toggle"> <svg class="calendar-toggle__icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 26"> <path d="M17.675 2.70979H9.97499c-.35 0-.7.34965-.7.6993s.35.6993.7.6993H17.675c.35 0 .7-.34965.7-.6993s-.35-.6993-.7-.6993z" /> <path d="M27.825 7.25525c-.175-.17483-.35-.17483-.525-.17483-.35 0-.7.34965-.7.6993V22.7273c0 .437-.35.7867-.7875.7867H2.1875c-.4375 0-.7875-.3497-.7875-.7867V4.98252c0-.43706.2625-.78671.7-.78671h1.4c.35 0 .7-.34965.7-.6993s-.35-.78672-.7875-.78672H2.1c-1.1375 0-2.1 1.04895-2.1 2.27273V22.7273c0 1.2238.9625 2.1853 2.1875 2.1853H25.725c1.225 0 2.1875-.9615 2.1875-2.1853V7.77972c.0875-.17482 0-.34965-.0875-.52447z" fill="#BEA667" /> <path d="M.175 7.25525c.175-.17482.35-.17482.525-.17482.35 0 .7.34965.7.6993V22.7273c0 .437.35.7867.7875.7867H25.725c.4375 0 .7875-.3497.7875-.7867V4.98253c0-.43707-.2625-.78672-.7-.78672h-1.4c-.35 0-.7-.34965-.7-.6993s.35-.6993.7-.6993h1.4c1.1375 0 2.1.96154 2.1 2.18532V22.7273c0 1.2238-.9625 2.1853-2.1875 2.1853H2.1875C.9625 25 0 23.9511 0 22.7273V7.77973c0-.17483.0875-.34965.175-.52448zM6.82501 0h-.4375c-.9625 0-1.75.78671-1.75 1.74825v2.0979c0 .96154.7875 1.83567 1.75 1.83567h.4375c.9625 0 1.75-.78672 1.75-1.74825V1.74825C8.66251.78671 7.78751 0 6.82501 0zm-.875 1.74825c0-.17482.175-.34965.35-.34965h.4375c.2625 0 .4375.17483.4375.34965v2.0979c0 .17483-.175.34965-.35.34965h-.4375c-.2625 0-.4375-.08741-.4375-.34965v-2.0979z" /> <path d="M21.175 0h-.4375c-.9625 0-1.75.78671-1.75 1.74825v2.0979c0 .96154.7875 1.83567 1.75 1.83567h.4375c.9625 0 1.75-.78672 1.75-1.74825V1.74825C22.925.78671 22.1375 0 21.175 0zm0 4.1958h-.4375c-.175 0-.35-.17482-.35-.34965v-2.0979c0-.17482.175-.34965.35-.34965h.4375c.175 0 .35.17483.35.34965v2.0979c0 .26224-.175.34965-.35.34965z" /> <path d="M23.3625 9.09091H19.775v3.58389h3.5875V9.09091zM23.3625 16.521H19.775v3.5839h3.5875V16.521zM16.0125 9.09091H12.425v3.58389h3.5875V9.09091zM16.0125 16.521H12.425v3.5839h3.5875V16.521zM8.66251 9.09091h-3.5875v3.58389h3.5875V9.09091zM8.66251 16.521h-3.5875v3.5839h3.5875V16.521z" stroke-width="1.7882" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /> </svg> <input type="text" name="{{name}}" id="{{name}}" class="calendar-toggle__input calendar_toggle_input" value="{{value}}" /> </div> </div> {{#if error}}<span class="help-block">{{{_t error}}}</span>{{/if}} </div> </div> </script> <script type="text/html" id="additional_field_digits"><div class="form-group{{#if error}} has-error{{/if}}"> <label class="control-label col-sm-12 {{#ifCond is_null '!=' 1}}required{{/ifCond}}" for="{{name}}">{{title}}:</label> <div class="col-sm-12"> <input type="text" class="form-control" name="{{name}}" id="{{name}}" placeholder="{{title}}" value="{{value}}"> {{#if error}}<span class="help-block">{{{_t error}}}</span>{{/if}} </div> </div> </script> <script type="text/html" id="additional_field_select"><div class="form-group{{#if error}} has-error{{/if}}"> <label class="control-label col-sm-12 {{#ifCond is_null '!=' 1}}required{{/ifCond}}" for="{{name}}">{{title}}:</label> <div class="col-sm-12"> <select name="{{name}}" id="{{name}}" class="form-control"> <option value=""></option> {{#each values_data}} <option value="{{this.value}}"{{#if this.selected}} selected="selected"{{/if}}>{{this.value}}</option> {{/each}} </select> {{#if error}}<span class="help-block">{{{_t error}}}</span>{{/if}} </div> </div></script> <script type="text/html" id="additional_field_textarea"><div class="form-group{{#if error}} has-error{{/if}}"> <label class="control-label col-sm-12 {{#ifCond is_null '!=' 1}}required{{/ifCond}}" for="{{name}}">{{title}}:</label> <div class="col-sm-12"> <textarea class="form-control" name="{{name}}" id="{{name}}" placeholder="{{title}}">{{value}}</textarea> {{#if error}}<span class="help-block">{{{_t error}}}</span>{{/if}} </div> </div></script> <script type="text/html" id="additional_field_checkbox"><div class="form-group{{#if error}} has-error{{/if}}"> <label class="control-label {{#ifCond is_null '!=' 1}}required{{/ifCond}}" for="{{name}}" role="button" tabindex="0">{{title}}:</label> <div class="custom-checkbox"> <input type="checkbox" name="{{name}}" id="{{name}}" placeholder="{{title}}" value="1"{{#ifCond value '==' 1}} checked="checked"{{/ifCond}}> <div class="custom-label"></div> </div> {{#if error}}<span class="help-block">{{{_t error}}}</span>{{/if}} </div></script> <script type="text/html" id="additional_field_static"><div class="form-group form-group__static-html"> <div class="col-sm-12"> {{{value}}} </div> </div></script> <script type="text/html" id="additional_field_cloud"><div class="form-group cloud_file{{#if error}} has-error{{/if}}"> <label class="control-label col-sm-12 {{#ifCond is_null '!=' 1}}required{{/ifCond}}" for="{{name}}">{{title}}:</label> <div class="col-sm-12"> <div class="file-upload__wrapper"> <div class="file-upload__field"> <div class="file-upload__field-item file-upload__field-item--field"> <div class="file-upload__phantom-trigger"> <input type="file" class="form-control"> <div class="file-upload__phantom-trigger__txt"> <i class="fal icon fa-download"></i> <span class="txt">{{_t "Choose file"}}</span> </div> </div> </div> <div class="file-upload__field-item file-upload__field-item--file-name"> <p class="file-upload__name sb-filename"> {{#if value}} {{value}} {{else}} {{_t "File name"}} {{/if}} </p> <input name="{{name}}_hash" type="hidden" class="sb-filehash" value="{{value}}"> </div> <div class="file-upload__field-item file-upload__field-item--controls"> <div class="actions"> <span class="action action__delete file-upload__action file-upload__action--delete sb-filedelete"> <i class="fal icon fa-trash-alt"></i> <span class="txt">{{_t "Delete"}}</span> </span> </div> <span class="file-upload__spinner"><i class="fal icon fa-spinner fa-pulse"></i></span> </div> </div> </div> {{!-- <input name="{{name}}" type="text" readonly class="sb-filename" value="{{value}}"> --}} <p class="p--hint file-upload__info-hint">{{_t "Maximum size: 5MB Format: png, jpeg, pdf"}}</p> {{#if error}}<span class="help-block">{{_t error}}</span>{{/if}} </div> </div></script> <script type="text/html" id="paid_events_step_layout"><div class="modal-dialog payment-modal" role="document"> <div class="modal-content"> <div class="modal-header">  <h4 class="modal-title">{{_t 'Please, select payment system'}}</h4> </div> <div class="modal-body"> <div class="tab-pd"> <div class="cap"> {{_t 'instructions'}}: </div> {{#ifCond type '==' 'booking'}} <div class="txt"> {{_t 'To reserve service, please make the following transfer'}} </div> {{/ifCond}} {{#ifCond type '==' 'membership'}} <div class="txt"> {{_t 'To buy membership, please make the following transfer'}} </div> {{/ifCond}} <div id="sb_cart_notification"></div> <div id="sb_paid_events_data"></div> <div id="sb_paid_events_recurring_flag"></div> <div id="sb_paid_events_cart_info_container"></div> </div> </div> <div class="modal-footer"> <div class="tab-pd"> {{!-- <button type="button" class="btn" id="sb_back_btn" data-dismiss="modal">{{_t 'sb_booking_back'}}</button>--}} <button type="button" class="btn custom btn-with-image v3" id="sb_pay_btn"> <span> {{#ifCond type '==' 'booking'}} {{_t 'Pay for reservation'}} {{/ifCond}} {{#ifCond type '==' 'membership'}} {{_t 'Pay for membership'}} {{/ifCond}} </span> </button> </div> </div> </div> </div> </script> <script type="text/html" id="paid_events_cart_view"><div> <div id="sb_cart_info_container"></div> {{!#ifCond count '>' 1}} <div class="total"> {{_t 'Total'}}: {{{formatPrice amount currency=currency}}} {{#ifShowPriceWithTax}} <br /><span class="sale-tax"> ({{_t "including sales tax"}}: {{{formatPrice amount currency=currency}}}) {{/ifShowPriceWithTax}}</span> </div> {{!/ifCond}} </div></script> <script type="text/html" id="paid_events_cart_item_view"><div class="price-overview"> <div class="name">{{item_name}}</div> <div class="data"> {{#ifCond type '!=' 'attribute'}}{{qty}} x {{/ifCond}} {{{formatPrice price currency=currency price_includes_tax=true}}} {{#ifShowPriceWithTax}} <br/><p class="small-font">({{_t "including sales tax"}} : {{{formatPrice price currency=currency}}})</p> {{/ifShowPriceWithTax}} </div> </div></script> <script type="text/html" id="paid_events_systems_list_view"><div id="sb_payment_systems_container"></div></script> <script type="text/html" id="paid_events_system_item_view"><div class="payment-system v3 {{#if selected}} active{{/if}} payment-system-{{id}}"> <div class="img"> <img src="/v2/themes/assets/img/payments/{{payment_system}}.png" onerror="this.src='/v2/themes/assets/img/payments/_error.png';" alt="{{_t "image_for_payment_system_%payment_system_name%" payment_system_name=payment_system}}"> </div> <div class="name"> {{_t name}} </div> <div class="custom-radio"> <input id="{{id}}" type="radio" value="{{id}}" name="payment_system"{{#if selected}} checked{{/if}}> <label for="{{id}}" role="button" tabindex="0"></label> </div> </div></script> <script type="text/html" id="paid_events_pay_view"><div id="sb_paid_events_pay_container"></div></script> <script type="text/html" id="paid_events_recurring_flag_view"><div> <label> <input type="checkbox" {{#if is_recurring}}checked{{/if}}/> {{_t 'auto renew membership'}} </label> </div></script> <script type="text/html" id="invoice_layout"><div class="page-pd invoice-pay-page--page-pd invoice-{{view_mode}} {{#if is_payment_received}}payment-received{{/if}}"> <div class="invoice-pay-page invoice-pay-page--select-pm"> <div class="container-fluid column"> <div id="sb_telegram_notification_container" class="telegram-notifications"></div> {{#unless is_payment_allowed}} <a href="#invoice/list" class="to-invoices-list"> <i class="fa fa-angle-left"></i> {{_t 'invoices_list'}} </a> {{/unless}} {{! invoice notification container}} <div id="sb_invoice_notification" class="invoice-notifications"></div> <div class="invoice-pay-page-grid"> <div class="invoice-pay-page-grid_item left-block"> <div class="sb_invoice_data_block left-block--section-pd"> {{! available package instances list container}} <div id="sb_invoice_allowed_package_instance_list_container" class="invoice-allowed-packages-list"></div> {{! enter promocode container}} <div id="sb_invoice_promotion_container" class="invoice-promotions"></div> {{! used promotion codes list container}} <div id="sb_invoice_promotion_list_container" class="invoice-promotions-list"></div> {{! enter tips container}} <div id="sb_invoice_tips_container" class="invoice-tips"></div> {{! enter deposit info container}} <div id="sb_invoice_deposit_container" class="invoice-deposit-info"></div> {{! product delivery info container}} <div id="sb_product_delivery" class="product-delivery-container"></div> {{! packages notification container}} <div id="sb_invoice_package_notification_container" class="invoice-package-notification"></div> {{! used package instances list container}} <div id="sb_invoice_used_package_instance_list_container" class="invoice-used-packages-list--wrapper"></div> {{! payment methods list }} <div id="sb_invoice_payment_methods_container" class="invoice-payment-systems"></div> {{! payment processors list/payment processor}} <div id="sb_invoice_payment_data_container" class="invoice-payment-systems invoice-payment-systems--data"></div> {{! recurring flag container}} <div id="sb_invoice_recurring_flag_container" class="invoice-recurring-flag"></div> {{! rebilling flag container}} <div id="sb_invoice_rebilling_flag_container" class="invoice-rebilling-flag"></div> </div> </div> <div class="invoice-pay-page-grid_item right-block"> <div class="right-block--section-pd">  {{! invoice details container}} <div id="sb_invoice_container" class="invoice-details"></div> <div class="right-block--footer"> <div id="sb_invoice_totals_container" class="invoice-total-prices"></div> {{! payment buttons }} <div id="sb_invoice_payment_buttons_container" class="invoice-payment-systems"></div> </div> </div> {{#ifConfigParam 'show_booking_page_in_client_timezone' '==' 1}} <div class="text--hint">* {{_t 'all_dates_and_times_in_company_timezone_%timezone%' timezone=(getConfigParam 'timezone')}}</div> {{/ifConfigParam}} </div> <div class="invoice-pay-page-grid_item invoice-pay-page-grid_item-footer"> <div id="sb_terms_and_conditions_alert" class="pd promotions-letter v1"></div> {{! buttons container}} <div id="sb_invoice_buttons_container" class="invoice-buttons-container"></div> {{! additional buttons container}} <div id="sb_back_btns_plugin" class="back-buttons-container" style="margin-top: 16px;"></div> </div> </div> </div> </div> </div></script> <script type="text/html" id="invoice_details_view"><div class="invoice-details--module"> <div class="right-block--header"> {{#if is_payment_allowed}} <h4 class="title title--h4">{{_t 'invoice_summary'}}</h4> {{/if}} <div class="invoice-info"> {{#ifCond status '==' 'paid'}} {{#if number}} <div class="title invoice-title"> {{#if payment_received}} {{_t 'invoice #'}}{{number}} {{else}} {{_t 'offer #'}}{{number}} {{/if}} </div> {{/if}} {{/ifCond}} <div class="part"> <table> {{#ifCond status '!=' 'new'}} <tr> <td class="inv-cell-processor"> {{_t 'invoice_payment_processor'}}: </td> <td class="inv-cell-processor"> <b>{{_t payment_processor}}</b> </td> </tr> <tr> <td class="inv-cell-status"> {{_t 'invoice_status_theme' }}: </td> <td class="inv-cell-status"> {{#ifCond status '==' 'paid'}} {{#if payment_received}} <b class="text-success ">{{_t 'invoice_payment_received'}}</b> {{else}} <b class="text-warning ">{{_t 'invoice_payment_pending'}}</b> {{/if}} {{/ifCond}} {{#ifCond status '==' 'error'}} <b class="text-danger"> {{_t (concat 'invoice_status_' status)}} </b> {{/ifCond}} {{#ifCond status '==' 'refunded'}} <b class="text-danger"> {{_t (concat 'invoice_status_' status)}} </b> {{/ifCond}} {{#ifCond status '==' 'cancelled'}} <b class="text-warning"> {{_t (concat 'invoice_status_' status)}} </b> {{/ifCond}} {{#ifCond status '==' 'cancelled_by_timeout'}} <b class="text-warning"> {{_t (concat 'invoice_status_' status)}} </b> {{/ifCond}} {{#ifCond status '==' 'pending'}} <b class="text-warning"> {{_t (concat 'invoice_status_' status)}} </b> {{/ifCond}} </td> </tr> {{/ifCond}} <tr> <td class="inv-cell-date"> {{_t 'invoice_date'}}:  </td> <td class="inv-cell-date"> <b>{{formatDateTime datetime 'datetime'}}</b> </td> </tr> <tr> <td class="inv-cell-due-date"> {{_t 'invoice_due_date'}}:  </td> <td class="inv-cell-due-date"> <b>{{formatDateTime due_datetime 'datetime'}}</b> </td> </tr> </table> </div> </div> </div> <div class="right-block--body"> {{#if description}} <div class="invoice-description">{{description}}</div> {{/if}} <div class="table-responsive"> <table class="invoice-table table v2"> <thead> <tr>  <th class="inv-cell-info">{{_t 'invoice_line_name'}}</th> <th class="inv-cell-price">{{_t 'invoice_line_price'}}</th>  {{#ifCond discount_amount '>' 0}} <th class="inv-cell-discount">{{_t 'invoice_line_discount'}}</th> {{/ifCond}} <th class="inv-cell-tax">{{_t 'invoice_line_tax'}}</th> <th class="inv-cell-total">{{_t 'invoice_line_amount'}}</th> </tr> </thead> <tbody> {{#each (formatInvoiceLines lines)}} <tr>  <td class="inv-cell-info"> <div class="inv-cell-info-content"> <p class="p p--qty">{{qty}} <span class="inv-cell-info-content_divider">x</span></p> <p class="p"> {{name}} {{#ifConfigParam 'show_booking_page_in_client_timezone' '==' 1}} {{#if (or (cond type '==' 'package') (cond type '==' 'booking') (cond type '==' 'membership'))}}<span>*</span>{{/if}} {{/ifConfigParam}} </p> </div> </td> <td class="inv-cell-price">{{{formatPrice price currency=../currency}}}</td>  {{#ifCond ../discount_amount '>' 0}} <td class="inv-cell-discount">{{{formatPrice discount currency=../currency}}}</td> {{/ifCond}} <td class="inv-cell-tax">{{{formatPrice tax_amount currency=../currency}}}</td> <td class="inv-cell-total">{{{formatPrice amount currency=../currency}}}</td> </tr> {{/each}} </tbody> </table> </div> </div> {{#if recurring_profile_id}} <div class="invoice-bottom pd"> <a href="#invoice-recurring-profile/view/{{recurring_profile_id}}"> {{_t 'view_recurring_profile'}} </a> </div> {{/if}} </div></script> <script type="text/html" id="invoice_totals_view"><div class="invoice-amounts--wrapper"> {{#ifCond discount_amount '>' 0}} <p class="invoice-amount invoice-amount--total-discount">{{_t 'invoice_total_discount'}}: <span class="invoice-amount--value">{{{formatPrice discount_amount currency=currency}}}</span></p> {{/ifCond}} {{#each taxes}} <p class="invoice-amount invoice-amount--taxes">{{name}}: <span class="invoice-amount--value">{{{formatPrice amount currency=../currency}}}</span></p> {{/each}} {{#if is_with_deposit_amount}} {{#if (and (cond deposit '>' 0) (cond rest_amount '<=' 0))}} {{#if (and (cond package_instances.length '==' 0) (cond promotion_instances.length '==' 0))}} <p class="invoice-amount invoice-amount--total-deposit">{{_t 'Total deposit'}}: <span class="invoice-amount--value">{{{formatPrice deposit currency=currency}}}</span></p> {{/if}} {{/if}} {{#ifCond rest_amount '>' 0}} <p class="invoice-amount invoice-amount--total-rest-amount">{{_t 'invoice_total_rest_amount'}}: <span class="invoice-amount--value">{{{formatPrice rest_amount currency=currency}}}</span></p> <p class="invoice-amount invoice-amount--total-amount-with-rest">{{_t 'invoice_total_amount_with_rest_amount'}}: <span class="invoice-amount--value">{{{formatPrice amount_with_rest_amount currency=currency}}}</span></p> {{/ifCond}} {{/if}} <p class="invoice-amounts--total"> {{#ifCond rest_amount '>' 0}}{{_t 'invoice_payable_now'}}{{else}}{{_t 'invoice_total_amount'}}:{{/ifCond}} <span class="invoice-amount--value"><b>{{{formatPrice amount currency=currency}}}</b></span> </p> </div> </script> <script type="text/html" id="invoice_payment_system_view"><div class="invoice-payment-systems-info payment-modal v2"> <div id="sb_invoice_payment_systems_container" class="payment-system-container{{#if hide_payment_processors}} hidden{{/if}}"></div> <div class="payment-system-container--txt-block"> {{#unless hide_payment_processors}} <h3 class="title title--h3">{{_t 'Payment method'}}</h3> <p class="invoice-payment-systems-choose label">{{_t 'Please click on payment method to select it'}}</p> {{/unless}} </div> {{! payment processor notification container}} <div id="sb_invoice_payment_notification" class="invoice-notifications"></div> </div></script> <script type="text/html" id="invoice_payment_button_view"> <div class="btn-bar invoice-payment-systems--btn-bar"> <div class="btn-bar--row"> <button type="button" {{#unless paymentProcessorSelected}}disabled{{/unless}} class="btn custom btn-with-image v1 {{#if paymentProcessorSelected}}selected{{/if}}" id="sb_pay_btn">  <span class="btn--txt">{{_t 'Proceed'}}</span> </button> </div> </div> </script> <script type="text/html" id="invoice_payment_method_view"><div class="invoice-payment-systems-info payment-modal invoice-payment-systems--saved"> {{#if (cond cnt '>' 0)}} <h3 class="title title--h3">{{_t 'Stored payment method'}}</h3> <p class="invoice-payment-systems-choose">{{_t 'Please click to pay with stored payment method'}}</p> {{/if}} <div id="sb_invoice_payment_method_container" class="payment-system-container"></div> </div></script> <script type="text/html" id="invoice_payment_system_free_view"> <div class="btn-bar invoice-payment-systems--btn-bar"> <div class="btn-bar--row"> <button type="button" class="btn custom btn-with-image selected v2" id="sb_pay_btn"> <span>{{_t 'confirm'}}</span> </button> </div> </div> </script> <script type="text/html" id="invoice_payment_system_item_view"><div class="payment-system v2 {{#if selected}} active{{/if}} payment-system-{{id}}"> <div class="img"> <img src="/v2/themes/assets/img/payments/{{payment_system}}.png" onerror="this.src='/v2/themes/assets/img/payments/_error.png';" alt=""> </div> <div class="custom-radio"> <input id="{{id}}" type="radio" value="{{id}}" name="payment_system"{{#if selected}} checked{{/if}}> <label for="{{id}}" role="button" tabindex="0"></label> </div> {{#if payment_methods}} <div class="sub-systems sbpay-sub-systems"> <div class="sbpay-sub-systems--informer"> <div class="sbpay-sub-systems--list"> <p class="sbpay-p">{{_t 'You can pay by following subprocessors'}}</p> {{#each payment_methods}} <img class="sbpay-sub-systems--list-item {{this}}" src="/v2/themes/assets/img/payments/svg/{{this}}.svg" alt="{{this}}"> {{/each}} </div> </div> </div> {{/if}} <div class="name"> {{name}} </div> </div></script> <script type="text/html" id="invoice_payment_method_item_view"><div class="payment-system v1 {{#if selected}} active{{/if}} payment-system-{{id}}"> <div class="img"> <img src="/v2/themes/assets/img/payments/{{payment_system}}.png" onerror="this.src='/v2/themes/assets/img/payments/_error.png';" alt=""> </div> <div class="custom-radio"> <input id="{{id}}" type="radio" value="{{id}}" name="payment_system"{{#if selected}} checked{{/if}}> <label for="{{id}}" role="button" tabindex="0"></label> </div> <div class="name"> {{name}} </div> </div></script> <script type="text/html" id="invoice_payment_view"><div id="sb_invoice_payment_container" class="tab-pd sb_invoice_payment_container"></div></script> <script type="text/html" id="invoice_payment_recurring_flag_view"><div class="form-group form-group--checkbox form-group--checkbox-renew"> <label class="control-label" for="auto-renew">{{_t 'auto renew membership'}}</label> <div class="custom-checkbox {{#if recurring_only}}custom-checkbox--icon-instead-checkbox{{/if}}"> <input type="checkbox" name="auto-renew" id="auto-renew" {{#if recurring}}checked{{/if}} {{#if recurring_only}}disabled{{/if}} /> <div class="custom-label"></div> {{#if recurring_only}} <svg class="form-group--checkbox-renew__icon" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.3088 8.19137H11.7765C11.8471 8.19137 11.917 8.20555 11.9821 8.23312C12.0473 8.26068 12.1065 8.30108 12.1563 8.35199C12.2061 8.4029 12.2456 8.46332 12.2724 8.52978C12.2992 8.59624 12.3128 8.66744 12.3125 8.73928C12.3125 8.86348 12.361 8.9826 12.4472 9.07042C12.5335 9.15824 12.6506 9.20758 12.7726 9.20758C12.8946 9.20758 13.0116 9.15824 13.0979 9.07042C13.1842 8.9826 13.2327 8.86348 13.2327 8.73928C13.2321 8.34616 13.0785 7.96928 12.8056 7.69108C12.5327 7.41287 12.1627 7.256 11.7765 7.25476H11.5027V6.57806C11.5027 6.45386 11.4543 6.33475 11.368 6.24692C11.2817 6.1591 11.1647 6.10976 11.0426 6.10976C10.9206 6.10976 10.8036 6.1591 10.7173 6.24692C10.631 6.33475 10.5826 6.45386 10.5826 6.57806V7.25476H10.3088C9.92258 7.256 9.55256 7.41287 9.27967 7.69108C9.00678 7.96928 8.85324 8.34616 8.85263 8.73928V9.81638C8.85324 10.2093 9.00685 10.5859 9.27981 10.8637C9.55276 11.1416 9.92279 11.2979 10.3088 11.2986H11.7765C11.8471 11.2986 11.917 11.3127 11.9821 11.3403C12.0473 11.3679 12.1065 11.4083 12.1563 11.4592C12.2061 11.5101 12.2456 11.5705 12.2724 11.637C12.2992 11.7034 12.3128 11.7746 12.3125 11.8465V12.9236C12.3128 12.9954 12.2992 13.0666 12.2724 13.1331C12.2456 13.1995 12.2061 13.2599 12.1563 13.3109C12.1065 13.3618 12.0473 13.4022 11.9821 13.4297C11.917 13.4573 11.8471 13.4715 11.7765 13.4715H10.3088C10.2382 13.4715 10.1683 13.4573 10.1032 13.4297C10.038 13.4022 9.97879 13.3618 9.92898 13.3109C9.87918 13.2599 9.83975 13.1995 9.81295 13.1331C9.78614 13.0666 9.7725 12.9954 9.77281 12.9236C9.77281 12.7994 9.72433 12.6802 9.63805 12.5924C9.55177 12.5046 9.43474 12.4553 9.31272 12.4553C9.1907 12.4553 9.07367 12.5046 8.98739 12.5924C8.9011 12.6802 8.85263 12.7994 8.85263 12.9236C8.85324 13.3167 9.00678 13.6936 9.27967 13.9718C9.55256 14.25 9.92258 14.4068 10.3088 14.4081H10.5826V15.0731C10.5826 15.1973 10.631 15.3164 10.7173 15.4042C10.8036 15.492 10.9206 15.5414 11.0426 15.5414C11.1647 15.5414 11.2817 15.492 11.368 15.4042C11.4543 15.3164 11.5027 15.1973 11.5027 15.0731V14.3964H11.7765C12.1627 14.3951 12.5327 14.2383 12.8056 13.9601C13.0785 13.6819 13.2321 13.305 13.2327 12.9119V11.8348C13.2321 11.4416 13.0785 11.0648 12.8056 10.7866C12.5327 10.5084 12.1627 10.3515 11.7765 10.3502H10.3088C10.1667 10.3502 10.0303 10.2928 9.9298 10.1904C9.82928 10.0881 9.77281 9.94936 9.77281 9.80467V8.72757C9.77522 8.58451 9.83275 8.44813 9.93301 8.34784C10.0333 8.24754 10.1682 8.19135 10.3088 8.19137Z" fill="#32BA60"/> <path d="M11.0431 3.53113C9.59166 3.53113 8.17285 3.96921 6.96606 4.78996C5.75926 5.61071 4.81868 6.77727 4.26326 8.14213C3.70783 9.50699 3.56251 11.0088 3.84566 12.4578C4.12881 13.9067 4.82773 15.2376 5.85402 16.2822C6.88032 17.3269 8.18789 18.0382 9.6114 18.3265C11.0349 18.6147 12.5104 18.4667 13.8513 17.9014C15.1923 17.3361 16.3384 16.3787 17.1447 15.1503C17.9511 13.922 18.3815 12.4779 18.3815 11.0006C18.379 9.0203 17.6051 7.12186 16.2294 5.72161C14.8537 4.32136 12.9886 3.53361 11.0431 3.53113ZM11.0431 17.5334C9.77365 17.5334 8.53275 17.1502 7.47728 16.4324C6.42181 15.7146 5.59917 14.6943 5.11339 13.5006C4.62761 12.3068 4.50051 10.9933 4.74815 9.72606C4.9958 8.45882 5.60708 7.29479 6.50468 6.38115C7.40229 5.46752 8.54591 4.84533 9.79092 4.59326C11.0359 4.34119 12.3264 4.47056 13.4992 4.96502C14.672 5.45947 15.6744 6.2968 16.3796 7.37112C17.0849 8.44543 17.4613 9.70848 17.4613 11.0006C17.4588 12.7324 16.7819 14.3926 15.5787 15.6172C14.3756 16.8418 12.7445 17.5309 11.0431 17.5334Z" fill="#32BA60"/> <path d="M19.4442 7.81815L19.9641 6.66144C20.7729 8.38677 21.0824 10.3108 20.8564 12.2086C20.6305 14.1064 19.8784 15.8995 18.6881 17.3782C17.4978 18.8569 15.9186 19.9602 14.1349 20.559C12.3513 21.1578 10.4371 21.2274 8.61605 20.7597C8.55676 20.7416 8.4945 20.7359 8.43299 20.7429C8.37148 20.7499 8.31199 20.7695 8.25809 20.8004C8.20418 20.8314 8.15696 20.8731 8.11925 20.923C8.08155 20.973 8.05413 21.0302 8.03865 21.0912C8.02316 21.1521 8.01993 21.2157 8.02914 21.278C8.03835 21.3403 8.05981 21.4 8.09224 21.4537C8.12467 21.5074 8.1674 21.5538 8.21788 21.5903C8.26836 21.6267 8.32554 21.6524 8.38601 21.6658C10.3919 22.1806 12.5008 22.0989 14.4624 21.4303C16.4241 20.7617 18.1561 19.5343 19.453 17.8939C20.7498 16.2534 21.5571 14.2686 21.779 12.1752C22.0009 10.0817 21.6281 7.96737 20.7049 6.08309L22 5.96367L18.5033 3.69943L19.4442 7.81815Z" fill="#32BA60"/> <path d="M2.5972 14.0637L2.0704 15.2157C1.29025 13.4905 1.00539 11.5759 1.24871 9.69293C1.49203 7.80998 2.2536 6.03546 3.44549 4.57427C4.63738 3.11308 6.21098 2.0248 7.98461 1.43509C9.75825 0.845379 11.6596 0.778285 13.4691 1.24155C13.5284 1.25962 13.5906 1.26532 13.6521 1.25833C13.7136 1.25133 13.7731 1.23177 13.827 1.20082C13.8809 1.16987 13.9282 1.12817 13.9659 1.07822C14.0036 1.02826 14.031 0.971075 14.0465 0.910082C14.062 0.849089 14.0652 0.785543 14.056 0.723248C14.0468 0.660953 14.0253 0.601189 13.9929 0.547534C13.9605 0.493879 13.9177 0.447435 13.8672 0.410983C13.8168 0.374531 13.7596 0.348819 13.6991 0.335388C11.7058 -0.17732 9.61009 -0.100891 7.65789 0.555711C5.70569 1.21231 3.97789 2.42187 2.67711 4.04252C1.37633 5.66318 0.556501 7.62775 0.313768 9.70585C0.071034 11.7839 0.415458 13.8894 1.30665 15.7753L0 15.8783L3.47366 18.1941L2.5972 14.0637Z" fill="#32BA60"/> </svg> {{/if}} </div> </div></script> <script type="text/html" id="invoice_payment_rebilling_flag_view"><div class="form-group form-group--checkbox form-group--checkbox-save-pm"> <label class="control-label" for="save-pm">{{_t 'Save my payment method. To allow future charges by the company'}}</label> <div class="custom-checkbox"> <input type="checkbox" name="save-pm" id="save-pm" class="" {{#if rebilling}}checked{{/if}}/> <div class="custom-label"></div> </div> </div></script> <script type="text/html" id="invoice_status_view"><div> {{#if (and (cond status '==' 'paid') payment_received)}} <div class="alert alert-info notifications-success "> <div class="notifications-icon"> <svg src="payment-success.svg" class="sb-inline-svg" /> </div> <p class="message">{{_t (concat 'invoice_status_message_' status)}}</p> </div> {{/if}} {{#if (and (cond status '==' 'paid') (not payment_received))}} <div class="alert alert-info notifications-pending "> <div class="notifications-icon"> <svg src="payment-pending.svg" class="sb-inline-svg" /> </div> <p class="message">{{_t (concat 'invoice_status_message_pending')}}</p> {{#if has_promotions}} <div class="alert alert-info">{{_t 'message_pending_payment_promotion'}}</div> {{/if}} {{#if has_memberships}} <div class="alert alert-info">{{_t 'message_pending_payment_membership'}}</div> {{/if}} {{#if has_bookings}} {{#ifPluginActive 'approve_booking'}} {{_t 'Your booking is still pending! You will receive a confirmation as soon as the administrator has processed it.'}} {{/ifPluginActive}} {{/if}} </div> {{/if}} {{#ifCond status '==' 'error'}} <div class="alert alert-danger notifications-error"> <div class="notifications-icon"> <svg src="payment-error.svg" class="sb-inline-svg" /> </div> <p class="message">{{_t (concat 'invoice_status_message_' status)}}</p> </div> {{/ifCond}} {{#ifCond status '==' 'cancelled'}} <div class="alert alert-danger notifications-cancelled"> <div class="notifications-icon"> <svg src="payment-error.svg" class="sb-inline-svg" /> </div> <p class="message">{{_t (concat 'invoice_status_message_' status)}}</p> </div> {{/ifCond}} {{#if (or (cond status '==' 'pending') (cond status '==' 'new'))}} <div class="alert alert-info notifications-pending"> <div class="notifications-icon"> <svg src="payment-pending.svg" class="sb-inline-svg" /> </div> <p class="message">{{_t (concat 'invoice_status_message_pending')}}</p> </div> {{/if}} </div></script> <script type="text/html" id="invoice_buttons_view"><div> {{#if allow_print}} {{log this}} {{#if payment_received}} <a class="btn btn-invoice" target="_blank" href="/v2/ext/invoice/print/id/{{id}}"><i class="fal fa-print"></i> {{_t 'print_invoice'}}</a> {{else}} <a class="btn btn-invoice" target="_blank" href="/v2/ext/invoice/print/id/{{id}}"><i class="fal fa-print"></i> {{_t 'print_order'}}</a> {{/if}} {{/if}} {{#if show_buttons}} {{#if has_bookings}} <a class="btn btn-invoice" href="#book">{{_t 'book_again'}}</a> {{#ifPluginActive 'tickets'}} {{#each (formatInvoiceLines lines)}} {{#ifCond type '==' 'booking'}} {{#each tickets}} {{#ifCond @index '==' '0'}} <a class="btn btn-invoice" target="_blank" href="/v2/ext/ticket/print/code/{{this}}/show-batch/1{{#if ticket_hash}}/hash/{{ticket_hash}}{{/if}}"> <span class="txt">{{_t 'Ticket'}}</span> </a> {{/ifCond}} {{/each}} {{/ifCond}} {{/each}} {{/ifPluginActive}} {{/if}} {{#if has_memberships}} <a class="btn btn-invoice" href="#membership">{{_t 'buy_more_memberships'}}</a> {{/if}} {{#if has_promotions}} {{#if promotion_instance_id}} <a class="btn btn-invoice" target="_blank" href="/v2/ext/promotion/print/id/{{promotion_instance_id}}/print/1/">{{_t 'print_gift_card'}}</a> {{/if}} <a class="btn btn-invoice" href="#gift-card">{{_t 'buy_more_promotions'}}</a> {{/if}} {{#if has_packages}} <a class="btn btn-invoice" href="#packages">{{_t 'buy_more_packages'}}</a> {{/if}} {{/if}} </div></script> <script type="text/html" id="invoice_payment_method_list_view"><div class="invoice-pay-page"> {{> invoiceTabsPart tab="payment-methods"}} <div class="page-pd"> <div class="container-fluid column"> <div class="wrap-invoice-list-part"> <div class="table-responsive"> <table class="invoice-table table v3"> <thead> <tr> <th>{{_t 'payment_method_name'}}</th> <th>{{_t 'invoice_payment_processor'}}</th> <th>{{_t 'actions'}}</th> </tr> </thead> <tbody id="sb_invoice_payment_methods_container"> </tbody> </table> </div> </div> <div id="sb_invoice_recurring_profile_pager_container"></div> {{#ifConfigParam 'show_booking_page_in_client_timezone' '==' 1}} <div class="invoice-info pd text--hint">* {{_t 'all_dates_and_times_in_company_timezone_%timezone%' timezone=(getConfigParam 'timezone')}}</div> {{/ifConfigParam}} </div> </div> </div></script> <script type="text/html" id="invoice_payment_method_list_item_view"><tr> <td>{{name}}</td> <td>{{_t payment_system}}</td> <td> <div class="btn btn-danger sb-delete-pm">{{_t "Delete"}}</div> </td> </tr></script> <script type="text/html" id="invoice_list_part"><div class="wrap-invoice-list-part"> <div class="table-responsive"> <table class="invoice-table table v1"> <thead> <tr> <th>{{_t 'invoice #'}}</th> <th>{{_t 'invoice_date'}}</th> <th>{{_t 'invoice_payment_processor'}}</th> <th>{{_t 'invoice_total_amount'}}</th> <th>{{_t 'invoice_payment_received'}}</th> <th>{{_t 'invoice_status'}}</th> <th>{{_t 'actions'}}</th> </tr> </thead> <tbody id="sb_invoice_list_container"> </tbody> </table> </div> </div> <div id="sb_invoice_pager_container"></div></script> <script type="text/html" id="invoice_tabs_part"><div id="booking-result-view"> <div id="booking-result-tabs"> <div class="container-fluid column"> <div class="tabs-container"> <div class="tab-link {{#ifCond tab '==' 'invoices'}}active{{/ifCond}}"> <a href="#invoice/list">{{_t 'Invoices list'}}</a> </div> <div class="tab-link {{#ifCond tab '==' 'recurring-profiles'}}active{{/ifCond}}"> <a href="#invoice-recurring-profile/list">{{_t 'Recurring profiles'}}</a> </div> {{#ifConfigParam 'rebilling_enabled' '==' true}} <div class="tab-link {{#ifCond tab '==' 'payment-methods'}}active{{/ifCond}}"> <a href="#invoice-payment-method/list">{{_t 'Payment methods'}}</a> </div> {{/ifConfigParam}} </div> </div> </div> </div></script> <script type="text/html" id="invoice_list_view"><div class="invoice-pay-page"> {{> invoiceTabsPart tab="invoices"}} <div class="page-pd"> <div class="container-fluid column"> {{> invoiceListPart}} {{#ifConfigParam 'show_booking_page_in_client_timezone' '==' 1}} <div class="invoice-info pd text--hint">* {{_t 'all_dates_and_times_in_company_timezone_%timezone%' timezone=(getConfigParam 'timezone')}}</div> {{/ifConfigParam}} </div> </div> </div></script> <script type="text/html" id="invoice_list_item_view"><tr> <td>{{number}}</td> <td>{{formatDateTime datetime 'datetime'}}</td> <td>{{_t payment_processor}}</td> <td>{{{formatPrice amount currency=currency}}}</td> <td>{{#if payment_received}}{{_t 'yes'}}{{else}}{{_t 'no'}}{{/if}}</td> <td class="invoice-status {{#if (and (cond status '==' 'paid') (not payment_received))}} pending {{else}} {{status}} {{/if}}"> {{#ifCond status '==' 'paid'}} {{#if payment_received}} {{_t (concat 'invoice_payment_received')}} {{else}} {{_t (concat 'invoice_payment_pending')}} {{/if}} {{else}} {{_t (concat 'invoice_status_' status)}} {{/ifCond}} </td> <td> {{#if (or (cond status '==' 'new') (cond status '==' 'pending'))}} <a href="#invoice/pay/{{id}}">{{_t 'confirm'}}</a> {{else}} <a href="#invoice/view/{{id}}">{{_t 'action_view_invoice'}}</a> {{/if}} {{#if allow_print}} | <a target="_blank" href="/v2/ext/invoice/print/id/{{id}}">{{_t 'print'}}</a> {{/if}} </td> </tr></script> <script type="text/html" id="invoice_recurring_profile_list_view"><div class="invoice-pay-page"> {{> invoiceTabsPart tab="recurring-profiles"}} <div class="page-pd"> <div class="container-fluid column"> <div class="wrap-invoice-list-part"> <div class="table-responsive"> <table class="invoice-table table v4"> <thead> <tr> <th>{{_t 'recurring_profile_start_date'}}</th> <th>{{_t 'recurring_profile_next_date'}}</th> <th>{{_t 'recurring_profile_last_date'}}</th> <th>{{_t 'recurring_profile_cancellation_date'}}</th> <th>{{_t 'invoice_payment_processor'}}</th> <th>{{_t 'recurring_profile_status'}}</th> <th>{{_t 'actions'}}</th> </tr> </thead> <tbody id="sb_invoice_recurring_profile_list_container"> </tbody> </table> </div> </div> <div id="sb_invoice_recurring_profile_pager_container"></div> {{#ifConfigParam 'show_booking_page_in_client_timezone' '==' 1}} <div class="invoice-info pd text--hint">* {{_t 'all_dates_and_times_in_company_timezone_%timezone%' timezone=(getConfigParam 'timezone')}}</div> {{/ifConfigParam}} </div> </div> </div></script> <script type="text/html" id="invoice_recurring_profile_list_item_view"><tr> <td>{{formatDateTime start_datetime 'date'}}</td> <td>{{formatDateTime next_payment_datetime 'date'}}</td> <td>{{formatDateTime last_payment_datetime 'date'}}</td> <td>{{#ifCond status '==' 'cancelled'}}{{formatDateTime cancellation_datetime 'date'}}{{else}} {{/ifCond}}</td> <td>{{_t payment_processor}}</td> <td>{{_t (concat 'recurring_profile_status_' status)}}</td> <td><a href="#invoice-recurring-profile/view/{{id}}">{{_t 'action_view_recurring_profile'}}</a></td> </tr></script> <script type="text/html" id="invoice_recurring_profile_layout"><div class="invoice-pay-page invoice-pay-page--recurring-profile page-pd"> <div class="container-fluid column"> <div class="tab"> <div id="sb_profile_details"></div> <div id="sb_invoice_list"></div> </div> </div> </div></script> <script type="text/html" id="invoice_recurring_profile_view"><div> <div class="invoice-info pd"> <div class="part"> <table> <tr> <td> {{_t 'invoice_payment_processor'}}: </td> <td> <b>{{_t payment_processor}}</b> </td> </tr> <tr> <td> {{_t 'recurring_profile_status' }}: </td> <td class="dell-status"> {{#ifCond status '==' 'active'}} <b class="text-success "> {{status}} </b> {{/ifCond}} {{#ifCond status '==' 'paid'}} <b class="text-success "> {{status}} </b> {{/ifCond}} {{#ifCond status '==' 'error'}} <b class="text-danger"> {{status}} </b> {{/ifCond}} {{#ifCond status '==' 'cancelled'}} <b class="text-warning"> {{status}} </b> {{/ifCond}} {{#ifCond status '==' 'pending'}} <b class="text-warning"> {{status}} </b> {{/ifCond}} {{#ifCond status '==' 'suspended'}} <b class="text-warning"> {{status}} </b> {{/ifCond}} </td> </tr> </table> </div> <div class="part"> <table> {{#ifCond status '==' 'active'}} <tr> <td> {{_t 'recurring_profile_next_date'}}: </td> <td> <b> {{formatDateTime next_payment_datetime 'date'}} </b> </td> </tr> {{/ifCond}} <tr> <td>{{_t 'recurring_profile_start_date'}}:</td> <td> <b> {{formatDateTime start_datetime 'date'}} </b> </td> </tr> <tr> <td> {{_t 'recurring_profile_last_date'}}: </td> <td> <b> {{formatDateTime last_payment_datetime 'date'}} </b> </td> </tr> {{#if cancellation_datetime}} <tr> <td> <div class="text-danger"> {{_t 'recurring_profile_cancellation_date'}}: </div> </td> <td> <b> {{formatDateTime cancellation_datetime 'date'}} </b> </td> </tr> {{/if}} </table> </div> {{#ifCond status '==' 'active'}} <div class="text-right"> <div class="btn btn-danger" id="sb_cancel_profile">{{_t 'cancel_profile'}}</div> </div> {{/ifCond}} </div> </div></script> <script type="text/html" id="invoice_recurring_profile_invoices_list_view"><div> {{> invoiceListPart}} </div> </script> <script type="text/html" id="invoice_pay_now_button_view"><div class="btn-bar invoice-payment-systems-info--btn-bar invoice-payment-systems-info--pay-now"> <div class="btn-bar--row invoice-payment-systems-info payment-modal v1"> <a class="btn btn-primary" href="#/invoice/pay/{{id}}"> {{_t "Pay now"}} </a> </div> </div></script> <script type="text/html" id="invoice_notification_layout"><div class="sb-invoice-notification invoice-notification"> {{#if item}} <div class="invoice-notification--content"> {{! must be visible only if .sb-invoice-notification does not have class 'closed' }} <div id="sb_invoice_notification_close" class="invoice-notification--close"> <i class="fa fa-minus"></i> <span class="invoice-notification--close-tooltip">{{_t 'Minimize'}}</span> </div> {{! must be visible only if .sb-invoice-notification has class 'closed' }} <div id="sb_invoice_notification_open" class="invoice-notification--open"> <i class="fal fa-credit-card"></i> </div> <div class="invoice-notification--content-body"> <h5 class="title title--h5">{{_t 'you_have_unfinished_order'}}</h5> <p class="p">{{_t 'click_the_button_to_go_to_the_payment'}}</p> <a href="#/invoice/pay/{{ item.id }}" class="btn btn--primary invoice-notification--pay"><i class="fal icon fa-credit-card"></i> {{_t 'go_to_payment'}}</a> </div> </div> {{/if}} </div></script> <script type="text/html" id="client_login_step"><div class="container-fluid"> <div class="row"> <div class="col-sm-12"> <div class="page-pd"> <div id="client-login" class="section column"> <div class="tab-pd"> <div class="title-main"> {{_t 'Please sign in to continue'}} </div> {{#if allow_registration}} <div class="client-login-bar"> <div class="social"> <div class="txt">{{_t 'You can use social media to continue'}}</div> <div class="brand v2"> <a title="{{_t 'Login via Facebook account icon. Open in new window'}}" href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" class="fb sb-targetblank"></a>  <a title="{{_t 'Login via Google account icon. Open in new window'}}" href="{{baseUrl}}/client/openid/provider/google/" target="_blank" class="gl sb-targetblank"></a> {{#ifPluginActive 'line_liff'}} <a title="{{_t 'Login via Line account.'}}" href="#line/sign-in/back/{{encodeURIComponent (bookingStepUrl)}}" class="ll"></a> {{/ifPluginActive}} </div> </div> </div> {{/if}} <div class="custom-form clearfix"> {{#if info_message}} <div> <div class="alert alert-info">{{_t info_message}}</div> </div> {{/if}} <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <div class="form-horizontal" id="sb_sign_in_form"> <div class="cap"> {{_t 'sign_in_existing_client'}} </div> {{> formEmail error=sign_in_errors.email name='email' label='email' id_prefix='sb_sign_in_' value=sign_in_sign_up_data.email}} {{> formPassword error=sign_in_errors.password name='password' label='password' id_prefix='sb_sign_in_' value=sign_in_sign_up_data.password}} <div class="button-wrapper"> <span class="txt-left remind-pass sb-client-remind-popup">{{_t 'remind_password'}}</span> <div class="form-group remember-me"> <div class="custom-checkbox"> <input type="checkbox" id="sb_remember" name="remember" value="1"> <div class="custom-label"> </div> </div> <label class="control-label" for="sb_remember" role="button" tabindex="0">{{_t 'remember_login'}} <span class="remember-me__small-text">({{_t 'uses_cookies'}})</span></label> </div> <button type="button" class="btn custom" id="sb_sign_in_btn">{{_t 'sign_in_and_continue'}}</button> </div> {{#if sign_in_errors.global_error}} <div class="has-error"> <p class="help-block">{{_t sign_in_errors.global_error}}</p> </div> {{/if}} </div> </div> {{#if allow_registration}} <div class="col-sm-6"> <div class="border hidden-xs hidden-sm"></div> <div class="form-horizontal" id="sb_sign_up_form"> <div class="cap"> {{_t 'sign_up_new_client'}} </div> {{#if sign_up_errors.global_error}} <div class="has-error"> <p class="help-block">{{_t sign_up_errors.global_error}}</p> </div> {{/if}} <div class="sb-built-in-fields"> {{> formInput error=sign_up_errors.name name='name' label='name' id_prefix='sb_sign_up_' value=sign_up_data.name is_required=true}} {{> formEmail error=sign_up_errors.email name='email' label='email' id_prefix='sb_sign_up_' value=sign_up_data.email is_required=(getConfigParam 'client_email_required')}} {{> formPhone error=sign_up_errors.phone name='phone' label='phone' id_prefix='sb_sign_up_' value=sign_up_data.phone country_prefix=sign_up_data.country_prefix country_prefix_is_fixed=sign_up_data.country_prefix_is_fixed is_required=(getConfigParam 'client_phone_required')}} {{#unless sign_up_data.user_id}} {{> formPassword error=sign_up_errors.password name='password' label='password' id_prefix='sb_sign_up_' value=sign_up_data.password is_required=true}} {{/unless}} {{#if allow_address}} {{#unless require_address}} <div id="sb_with_address_container"> {{> formCheckbox error=sign_up_errors.with_address name='with_address' label='with_address' id_prefix='sb_sign_up_' value=sign_up_data.with_address}} </div> {{/unless}} <div id="sb_address_container"> <div id="sb_country_select_container"> {{> formSelect error=sign_up_errors.country_id name='country_id' label='country_id' id_prefix='sb_sign_up_' value=sign_up_data.country_id options=countries}} </div> <div id="sb_state_select_container"> {{> formSelect error=sign_up_errors.state_id name='state_id' label='state_id' id_prefix='sb_sign_up_' value=sign_up_data.state_id options=states}} </div> {{> formInput error=sign_up_errors.address1 name='address1' label='address1' id_prefix='sb_sign_up_' value=sign_up_data.address1 is_required=require_address}} {{> formInput error=sign_up_errors.address2 name='address2' label='address2' id_prefix='sb_sign_up_' value=sign_up_data.address2}} {{> formInput error=sign_up_errors.zip name='zip' label='zip' id_prefix='sb_sign_up_' value=sign_up_data.zip is_required=require_address}} {{> formInput error=sign_up_errors.city name='city' label='city' id_prefix='sb_sign_up_' value=sign_up_data.city is_required=require_address}} </div> {{/if}} </div> <div class="sb-client-fields"></div> <div id="sb_terms_and_conditions"></div> <div class="button-wrapper"> <button type="button" class="btn custom" id="sb_sign_up_btn">{{_t 'sign_up'}}</button> </div> </div> </div> {{/if}} </div> </div> </div> </div> </div> </div> </div> </div> </div></script> <script type="text/html" id="client_login_info"><div class="additional-info"> <div class="cap"> {{_t 'you_logged_in_as_%client_name%' client_name=name}} </div> <div class="btn btn-danger" id="sb_sign_out_btn" role="button" tabindex="0">{{_t 'logout'}}</div> </div></script> <script type="text/html" id="client_login_module"><div class="login-container"> <button class="avatar item-container" id="sb_client_info" aria-label="{{_t "User menu"}}"></button> <div class="full-info full-info--client-info"> <div class="tab-pd"> <div id="sb_login_form"></div> </div> </div> </div></script> <script type="text/html" id="client_login_module_info"><div class="logged-{{#if is_logged_in}}in{{else}}out{{/if}}"> {{#if is_logged_in}} {{#if openid_img}} <img class="item-container__image" src="{{formatAvatarImage openid_img size=150}}" alt="{{_t 'User image'}}"/> {{else}} <i class="item-container__icon item-container__icon--avatar fa fa-user-alt"></i> {{/if}} <span class="login-container__remember-check"> <svg viewBox="0 0 13 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 3.88235L5.58333 8L12 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> {{else}} <i class="item-container__icon item-container__icon--sign-in fa fa-sign-in-alt"></i> {{/if}} </div></script> <script type="text/html" id="client_login_module_form"><div class="main-form"> {{#if client_data.is_logged_in}} <div class="is-logged"> <div class="cap"> {{_t 'logged_as'}}: <b>{{client_data.name}}</b> </div> <div class="bar-with-btn"> <button class="sb-client-info-popup btn profile btn-primary"> {{_t 'my_profile'}} </button> <button class="popup-hide btn" id="sb_sign_out_btn"> {{_t 'logout'}} </button> </div> </div> {{else}} <div class="not-logged"> <div class="row"> {{#if allow_registration}} <div class="col-sm-12"> <div id="sb_sign_in_form"> <div class="inputs"> <div class="email {{#if errors.email}} has-error{{/if}}"> <input type="email" class="form-control" id="sb_sign_in_email_header" name="email" placeholder="{{_t 'email'}}"> <p class="help-block">{{_t errors.email}}</p> </div> <div class="password {{#if errors.password}} has-error{{/if}}"> <input type="password" class="form-control" id="sb_sign_in_password_header" name="password" placeholder="{{_t 'password'}}"> <span class="password-toggler" tabindex="0"><i class="fa fa-eye"></i></span> <p class="help-block">{{_t errors.password}}</p> </div> {{#if errors.global_error}} <div class="has-error"> <p class="help-block">{{_t errors.global_error}}</p> </div> {{/if}} </div> <div class="bar"> <div class="txt"> <span class="remind-pass sb-client-remind-popup">{{_t 'remind_password'}}</span> <div class="remember-me"> <div class="custom-checkbox"> <input type="checkbox" id="sb_remember_header" name="remember" value="1"> <div class="custom-label"> </div> </div> <label class="control-label" for="sb_remember_header" role="button" tabindex="0">{{_t 'remember_login'}} <span class="remember-me__small-text">({{_t 'uses_cookies'}})</span></label> </div> <div class="btn-bar--row"> <button type="button" class="btn btn--sign-in custom popup-hide" id="sb_sign_in_btn">{{_t 'sign_in'}}</button> {{#if allow_registration}} <a type="button" href="#client/sign-in" class="btn btn--sign-up custom popup-hide" id="sign_up_btn">{{_t 'btn_sign_up'}}</a> {{/if}} </div> </div> </div> </div> <div class="social clearfix"> <div class="txt"> {{_t 'clf_or'}} </div> <div class="brand v1"> {{!--inline--}} <a title="{{_t 'Login via Facebook account icon. Open in new window'}}" href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" class="fb sb-targetblank"></a>  <a title="{{_t 'Login via Google account icon. Open in new window'}}" href="{{baseUrl}}/client/openid/provider/google/" target="_blank" class="gl sb-targetblank"></a> {{#ifPluginActive 'line_liff'}} <a title="{{_t 'Login via Line account.'}}" href="#line/sign-in" class="popup-hide ll"></a> {{/ifPluginActive}} </div> </div> </div> {{else}} <div class="col-sm-12"> <div id="sb_sign_in_form"> <div class="inputs"> <div class="email {{#if errors.email}} has-error{{/if}}"> <input type="email" class="form-control" id="sb_sign_in_email" name="email" placeholder="{{_t 'email'}}"> <p class="help-block">{{_t errors.email}}</p> </div> <div class="password {{#if errors.password}} has-error{{/if}}"> <input type="password" class="form-control" id="sb_sign_in_password" name="password" placeholder="{{_t 'password'}}"> <span class="password-toggler" tabindex="0"><i class="fa fa-eye"></i></span> <p class="help-block">{{_t errors.password}}</p> </div> <div class="remember-me"> <div class="custom-checkbox"> <input type="checkbox" id="sb_remember_header" name="remember" value="1"> <div class="custom-label"> </div> </div> <label class="control-label" for="sb_remember_header" role="button" tabindex="0">{{_t 'remember_login'}} <span class="remember-me__small-text">({{_t 'uses_cookies'}})</span></label> </div> {{#if errors.global_error}} <div class="has-error"> <p class="help-block">{{_t errors.global_error}}</p> </div> {{/if}} </div> <div class="bar"> <div class="txt"> <span class="remind-pass sb-client-remind-popup">{{_t 'remind_password'}}</span> <div class="btn-bar--row"> <button type="button" class="btn btn--sign-in custom popup-hide" id="sb_sign_in_btn">{{_t 'sign_in'}}</button> </div> </div> </div> </div> </div> {{/if}} </div> </div> {{/if}} </div></script> <script type="text/html" id="client_login_remind_password"><div class="modal-dialog client-login-modal"> <div class="modal-content"> <div id="remind-password"> <span class="close-modal" data-dismiss="modal"> <i class="fa fa-times"></i> </span> <div id="sb_sign_in_form" class="custom-form"> <div class="form-group"> <div class="cap"> {{_t 'remind_password'}} </div> </div> <div class="form-group{{#if errors.email}} has-error{{/if}}"> <input type="email" class="form-control" id="sb_sign_in_email" name="email" value="{{data.email}}" placeholder="{{_t 'email'}}"> <p class="help-block">{{_t errors.email}}</p> <div class="bar"> <button class="btn hidden" id="sb_remind_btn_back" onclick="window.history.back();"> {{_t 'back'}} </button> <button type="button" class="btn" id="sb_remind_btn"> {{_t 'remind'}} </button> </div> </div> <div class="notifications"> {{#if errors.global_error}} <div class="has-error"> <p class="help-block">{{_t errors.global_error}}</p> </div> {{/if}} {{#if message}} <div class="has-success"> <p class="help-block">{{message}}</p> </div> {{/if}} </div> </div> </div> </div> </div></script> <script type="text/html" id="client_login_profile"><div class="modal-dialog modal--client-profile"> <div class="modal-content"> <div id="client-profile-edit" class="section"> <span class="close-modal" data-dismiss="modal" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fa fa-times"></i> </span> <div class="tab-pd"> <div class="form-horizontal custom-form" id="sb_profile_form"> <div class="title-main"> {{_t 'client_profile'}} </div> <div class="avatar"> <img src="{{formatAvatarImage data.openid_img size=150}}" alt="{{_t 'User image'}}"> </div> <div class="sb-built-in-fields"> {{> formInput error=errors.name name='name' label='name' id_prefix='sb_profile_' value=data.name}} {{> formEmail error=errors.email name='email' label='email' id_prefix='sb_profile_' value=data.email}} {{> formPhone error=errors.phone name='phone' label='phone' id_prefix='sb_profile_' value=data.phone country_prefix=data.country_prefix country_prefix_is_fixed=data.country_prefix_is_fixed}} {{> formPassword error=errors.password name='password' label='password' id_prefix='sb_profile_'}} {{#if allow_address}} {{#unless require_address}} <div id="sb_with_address_container"> {{> formCheckbox error=errors.with_address name='with_address' label='with_address' id_prefix='sb_profile_' value=data.with_address}} </div> {{/unless}} <div id="sb_address_container"> <div id="sb_country_select_container"> {{> formSelect error=errors.country_id name='country_id' label='country_id' id_prefix='sb_profile_' value=data.country_id options=countries}} </div> <div id="sb_state_select_container"> {{> formSelect error=errors.state_id name='state_id' label='state_id' id_prefix='sb_profile_' value=data.state_id options=states}} </div> {{> formInput error=errors.address1 name='address1' label='address1' id_prefix='sb_profile_' value=data.address1}} {{> formInput error=errors.address2 name='address2' label='address2' id_prefix='sb_profile_' value=data.address2}} {{> formInput error=errors.zip name='zip' label='zip' id_prefix='sb_profile_' value=data.zip}} {{> formInput error=errors.city name='city' label='city' id_prefix='sb_profile_' value=data.city}} </div> {{/if}} </div> <div class="sb-client-fields"></div> {{#if (not data.can_unsubscribe)}} <div class="alert-deny-unsubscribe alert alert-warning"> {{_t "You do not have any self-bookings. You will not be able to subscribe to promotional messages."}} </div> {{/if}} {{> formCheckbox error=errors.is_sms_unsubscribed name='is_sms_unsubscribed' label='is_sms_unsubscribed' id_prefix='sb_profile_' value=data.is_sms_unsubscribed disabled=(not data.can_unsubscribe)}} {{> formCheckbox error=errors.is_email_unsubscribed name='is_email_unsubscribed' label='is_email_unsubscribed' id_prefix='sb_profile_' value=data.is_email_unsubscribed disabled=(not data.can_unsubscribe) disabled=(not data.can_unsubscribe) }} <div class="bar-with-btn"> <button type="button" class="btn btn-primary" id="sb_update_btn"> {{_t 'save'}} </button> <a class="popup-hide btn btn-danger btn--cancel " id="sb_cancel_btn" role="button" tabindex="0">{{_t 'cancel'}}</a> <a href="#" class="popup-hide btn btn-danger modal--client-profile-btn-cancel" role="button">{{_t 'cancel'}}</a> </div> {{#if errors.global_error}} <div class="has-error"> <p class="help-block">{{_t errors.global_error}}</p> </div> {{/if}} {{#if message}} <div class="has-success"> <p class="help-block">{{message}}</p> </div> {{/if}} </div> </div> </div> </div> </div> </script> <script type="text/html" id="client_login_profile_preview"><div class="modal-dialog client-preview-dialog"> <div class="modal-content"> <div id="client-profile-preview"> <span class="close-modal" data-dismiss="modal" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fa fa-times"></i> </span> <div class="section-pd"> <div id="sb_profile_form" class="clearfix"> <div class="title-main"> {{_t 'client_profile'}} </div> <div class="avatar"> <img src="{{formatAvatarImage data.openid_img size=150}}" alt="{{_t 'User image'}}" onerror="this.src='/v2/themes/assets/img/user-default-image.png'"> </div> <div class="overview"> {{> formLabel label='name' value=data.name}} {{> formLabel label='email' value=data.email}} {{> formLabel label='phone' value=data.phone}} <div id="sb_address_container"> {{> formLabelSelect label='country_id' value=data.country_id options=countries force_show=true}} <div id="sb_state_select_container"> {{> formLabelSelect label='state_id' value=data.state_id options=states}} </div> {{> formLabel label='address1' value=data.address1}} {{> formLabel label='address2' value=data.address2}} {{> formLabel label='zip' value=data.zip}} {{> formLabel label='city' value=data.city}} </div> </div> <div class="bar-with-btn"> <a class="btn sb-client-edit-popup" role="button" tabindex="0">{{_t 'edit_profile'}}</a> <a class="btn popup-hide" href="#client/bookings/type/upcoming" role="button" tabindex="0">{{_t 'bookings'}}</a> <a class="btn popup-hide" href="#invoice/list" role="button" tabindex="0">{{_t 'invoice'}}</a> {{#ifPluginActive 'package'}} <a class="btn popup-hide" href="#packages/my" role="button" tabindex="0">{{_t 'client_package_list_btn'}}</a> {{/ifPluginActive}} {{#ifPluginActive 'membership'}} <a class="btn popup-hide" href="#membership/my" role="button" tabindex="0">{{_t 'My memberships'}}</a> {{/ifPluginActive}} {{#ifPluginActive 'bonus_system'}} <a class="btn popup-hide" href="#bonus" role="button" tabindex="0">{{_t 'Bonuses'}}</a> {{/ifPluginActive}} {{#ifConfigParam 'client_login_hide_gdpr_report' '!=' true}} <a class="btn popup-hide" href="#gdpr-report" role="button" tabindex="0">{{_t 'GDPR report'}}</a> {{/ifConfigParam}} <a class="btn popup-hide btn-logout" href="#client/sign-out">{{_t 'log_out'}}</a> </div> {{#ifPluginActive 'telegram_notifications'}} <div class="mt-3"> <div class="sb-telegram-notifications"></div> </div> {{/ifPluginActive}} </div> </div> </div> </div> </div> </script> <script type="text/html" id="membership_list_view"><div id="booking-result-view"> <div id="booking-result-tabs"> <div class="container-fluid column"> <div class="tabs-container"> {{#if (or (configParam 'membership_has_active_memberships' '==' true) is_id_filter)}} <div class="tab-link{{#ifCond type '==' 'list'}} active{{/ifCond}}"> <a href="#membership">{{_t 'membership plans'}}</a> </div> {{/if}} <div class="tab-link{{#ifCond type '==' 'client'}} active{{/ifCond}}"> <a href="#membership/my">{{_t 'purchased plans'}}</a> </div> {{!-- <div class="tab-link{{#ifCond type '==' 'history'}} active{{/ifCond}}"> <a href="#membership/my/payment-history">{{_t 'payments history'}}</a> </div> --}} </div> </div> </div> <div id="membership-view"> <div class="page-pd"> <div class="container-fluid column"> <div id="sb_back_button" class="back-button"> <a onclick="history.back();"> <span class="fa fa-angle-left"></span> <span>{{_t "back"}}</span> </a> </div> <div id="sb_membership_payment_status"></div> <div id="sb_membership_filter_container" class="filter--wrapper membership-filter--wrapper"></div> <div id="sb_membership_list_container" class=" {{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}"></div> <div id="sb_membership_history_container"></div> <div id="sb_membership_pager_container"></div> </div> </div> </div> </div> </script> <script type="text/html" id="membership_item_view">{{! register inline partials to use it later }} {{#*inline "renew_price_part"}} {{#ifCond recurring_price '>' 0}} {{_t 'renew for'}} {{#formatPrice price=recurring_price currency=currency currency_symbol=currency_symbol decimal_digits=decimal_digits space_btw_amount_and_symbol=space_btw_amount_and_symbol}} {{#if symbol_on_left}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{#if space_btw_amount_and_symbol}} {{/if}}{{/if}}<span class="pr-numb">{{number}}</span> {{#if decimal_digits}}<span class="pr-decimal">.{{decimal}}</span>{{/if}}{{#ifCond symbol_on_left '==' false}}{{#if space_btw_amount_and_symbol}} {{/if}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{/ifCond}} {{/formatPrice}} {{else}} {{_t 'Renew for free'}} {{/ifCond}} {{/inline}} {{#*inline "buy_price_part"}} {{#ifCond first_price '>' 0}} {{#if is_recurring}} {{#if is_recurring_only}} {{_t 'Subscribe for'}} {{else}} {{_t 'Buy for'}} {{/if}} {{else}} {{_t 'Buy for'}} {{/if}} {{#formatPrice price=first_price currency=currency currency_symbol=currency_symbol decimal_digits=decimal_digits space_btw_amount_and_symbol=space_btw_amount_and_symbol}} {{#if symbol_on_left}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{#if space_btw_amount_and_symbol}} {{/if}}{{/if}}<span class="pr-numb">{{number}}</span> {{#if decimal_digits}}<span class="pr-decimal">.{{decimal}}</span>{{/if}}{{#ifCond symbol_on_left '==' false}}{{#if space_btw_amount_and_symbol}} {{/if}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{/ifCond}} {{/formatPrice}} {{else}} {{_t 'Buy for free'}} {{/ifCond}} {{/inline}} {{#*inline "auto_renew_price_part"}} {{#ifCond recurring_price '>' 0}} {{_t 'automatic renew for'}} {{#formatPrice price=recurring_price currency=currency currency_symbol=currency_symbol decimal_digits=decimal_digits space_btw_amount_and_symbol=space_btw_amount_and_symbol}} {{#if symbol_on_left}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{#if space_btw_amount_and_symbol}} {{/if}}{{/if}}<span class="pr-numb">{{number}}</span> {{#if decimal_digits}}<span class="pr-decimal">.{{decimal}}</span>{{/if}}{{#ifCond symbol_on_left '==' false}}{{#if space_btw_amount_and_symbol}} {{/if}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{/ifCond}} {{/formatPrice}} {{else}} {{_t 'automatic renew for free'}} {{/ifCond}} {{/inline}} <div class="membership-item v1 {{#if highlighted}}highlighted{{/if}}"> <div class="tab tab-col tab-with-popup"> <div class="excerpt-info"> {{#if (and is_purchased is_actual_purchase)}} <div class="purchased{{#ifCond (getThemeOption 'hide_img_mode') '==' 1}} purchased-no-image{{/ifCond}}"> {{_t 'purchased'}} </div> {{/if}} {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader {{#if picture}}{{#ifSvg picture_path}} __custom-svg-icon {{else}} __custom-image {{/ifSvg}}{{else}} __default-svg-icon {{/if}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_membership_%membership_name%" membership_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="membership.svg" class="sb-inline-svg" /> </div> {{/if}} </div> {{/ifCond}} <div class="tab-pd"> <div class="cap short"> {{{name}}} </div> <div class="txt short"> {{{description}}}   {{#if (or (cond description.length ">=" 80) services)}} <span class="read-more" data-toggle="modal" data-target="#membership{{id}}" role="button" tabindex="0"> {{_t "read-more"}} </span> {{/if}} </div> {{> membership_selected_list}} <div class="date-bar"> {{#if client_id}} <div class="date-item"> <span class="icon"><i class="fa fa-calendar-alt"></i></span> <div class="date-item-period"> <span class="date date-item-title">{{_t 'Valid From - To'}}:</span> <span class="date">{{formatDateTime period_start 'date' 0}} - {{formatDateTime period_end 'date' 0}}</span> </div> </div> <div class="sessions-num-wrapper"> {{#unless is_unlimited}} <div class="session-remind"> <span class="icon"><i class="fal fa-clipboard-list"></i></span> {{_t 'sessions remaining'}}: {{rest}} </div> {{else}} <div class="session-remind"> <span class="icon"><i class="fal fa-clipboard-list"></i></span> {{_t 'sessions remaining'}}: {{_t 'Unlimited'}} </div> {{/unless}} </div> {{#if next_payment_date}} <div class="date-item"> <span class="date">{{_t 'next_payment'}}: {{formatDateTime next_payment_date 'date'0}}</span> </div> {{/if}} {{else}} <div class="date-item"> <span class="icon clock"><i class="fal fa-clock"></i></span> <span class="date">{{formatDuration duration type=duration_type}}</span> </div> <div class="sessions-num-wrapper"> <div class="session-remind"> <span class="icon"><i class="fal fa-clipboard-list"></i></span> {{_t 'sessions'}}: {{#ifCond limit '==' 0}}{{_t 'Unlimited'}}{{else}}{{limit}}{{/ifCond}} </div> </div> {{/if}} </div> {{! client recurring profile}} {{#if (and client_id (cond recurring_status '==' 'active'))}} <div class="mb btn-bar"> <div class="recurring-profile-info"> <div class="info-container v1"> <div class="wrapper price-formatter"> <span> {{> auto_renew_price_part}} </span> </div> <a class="btn recurring-profile-btn" href="#invoice-recurring-profile/view/{{recurring_profile_id}}">{{_t 'view_recurring_profile'}}</a> </div> <div class="active-container {{#ifCond recurring_status '==''active'}}cancel{{/ifCond}}"> {{#ifCond recurring_status '==' 'active'}} <a class="btn wrapper sb_cancel_recurring"> {{_t 'cancel recurring'}} </a> {{else}} <div class="wrapper"> {{_t 'recurring status %status%' status=recurring_status}} </div> {{/ifCond}} </div> </div> </div> {{else}} <div class="mb btn-bar {{#if is_fixed_start_date}}btn-bar--fixed-start-date{{/if}}"> {{! choose start date}} {{!#if (or (not client_id) (cond recurring_status '!=' 'active'))}} {{#if (not client_id)}} <span class=" start-date-btn wrapper"> {{_t 'Start from'}} {{#if is_fixed_start_date}} <span class="sb_fixed_start_date">{{formatDateTime fixed_start_date 'date' 0}}</span> {{else}} <a translate="no" class="sb_start_date" name="start_date" role="button" tabindex="0" >{{formatDateTime start_date 'date' 0}}</a> {{/if}} </span> {{/if}} {{#if client_id}} {{! display client membership list.}} {{!--#if (and allowed_to_buy (cond recurring_status '!=' 'active'))}} {{! client can renew or buy it again }} <div class="active-container v1"> <a href="#membership/renew/{{membership_id}}/{{start_date}}" class="wrapper btn price-formatter"> {{#if is_recurring}} {{! is recurring membership, offer to renew }} {{> renew_price_part}} {{else}} {{! is not recurring membership, offer to buy }} {{> buy_price_part}} {{/if}} </a> </div> {{/if--}} {{else}} {{! list of all memberships }} {{#unless is_recurring}} {{! is not recurring membership, offer to buy }} <div class="active-container v2"> <a href="#membership/buy/{{id}}/{{start_date}}" class="wrapper btn price-formatter"> {{> buy_price_part}} </a> </div> {{else}} {{! is recurring membership, offer to renew in case it was purcased, else offer to buy }} <div class="info-container v2"> {{#if is_purchased}} {{! purchased, offer to renew }} <a href="#membership/renew/{{id}}/{{start_date}}" class="wrapper btn price-formatter"> {{> renew_price_part}} </a> {{else}} {{! not purchased, show price of renew }} <div class="wrapper price-formatter"> <span> {{> renew_price_part}} </span> </div> {{/if}} </div> {{#unless is_purchased}} {{! is not purchased offer to buy }} <div class="active-container v3"> <a href="#membership/buy/{{id}}/{{start_date}}" class="wrapper btn price-formatter"> {{> buy_price_part}} </a> </div> {{/unless}} {{/unless}} {{/if}} </div> {{/if}} </div> </div>  {{#if (or (cond description.length ">=" 80) services)}} <div class="modal fade" id="membership{{id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fa fa-times"></i> </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader full {{#if picture}}{{#ifSvg picture_path}} __custom-svg-icon{{else}} --user-image{{/ifSvg}}{{else}} __default-svg-icon{{/if}}"> {{#if picture}} {{#ifSvg picture_path}} {{!-- do not show icon in popup --}} {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_membership_%membership_name%" membership_name=name}}" class="user-img"> </div> {{/ifSvg}} {{/if}} </div> {{/ifCond}} {{!-- <div class="preloader img-full {{#if picture}}user-img{{else}}default-img{{/if}}"> {{#if file_id}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <img src="{{picture_path}}" alt="{{_t "image_for_membership_%membership_name%" membership_name=name}}" class="user-img"> {{/ifSvg}} {{else}} <div class="default img"> <svg src="membership.svg" class="sb-inline-svg" /> </div> {{/if}} </div> --}} <div class="tab-pd"> <div class="cap full">{{{name}}}</div> <div class="txt full">{{{description}}}</div> {{> membership_selected_list}} <div class="date-bar"> {{#if client_id}} <div class="date-item"> <span class="icon"><i class="fa fa-calendar-alt"></i></span> <div class="date-item-period"> <span class="date date-item-title">{{_t 'Valid From - To'}}:</span> <span class="date">{{formatDateTime period_start 'date' 0}} - {{formatDateTime period_end 'date' 0}}</span> </div> </div> <div class="sessions-num-wrapper"> {{#unless is_unlimited}} <div class="session-remind"> <span class="icon"><i class="fa fa-list-ul"></i></span> {{_t 'sessions remaining'}}: {{rest}} </div> {{else}} <div class="session-remind"> <span class="icon"><i class="fa fa-list-ul"></i></span> {{_t 'sessions remaining'}}: {{_t 'Unlimited'}} </div> {{/unless}} </div> {{#if next_payment_date}} <div class="date-item"> <span class="date">{{_t 'next_payment'}}: {{formatDateTime next_payment_date 'date'0}}</span> </div> {{/if}} {{else}} <div class="date-item"> <span class="icon clock"><i class="fal fa-stopwatch"></i></span> <span class="date">{{formatDuration duration type=duration_type}}</span> </div> <div class="sessions-num-wrapper"> <div class="session-remind"> <span class="icon"><i class="fal fa-list-ul"></i></span> {{_t 'sessions'}}: {{#ifCond limit '==' 0}}{{_t 'Unlimited'}}{{else}}{{limit}}{{/ifCond}} </div> </div> {{/if}} </div> </div> </div> </div> </div> {{/if}} </div> </div></script> <script type="text/html" id="membership_item_view_list">{{! register inline partials to use it later }} {{#*inline "renew_price_part"}} {{#ifCond recurring_price '>' 0}} {{_t 'renew for'}} {{#formatPrice price=recurring_price currency=currency currency_symbol=currency_symbol decimal_digits=decimal_digits space_btw_amount_and_symbol=space_btw_amount_and_symbol}} {{#if symbol_on_left}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{#if space_btw_amount_and_symbol}} {{/if}}{{/if}}<span class="pr-numb">{{number}}</span> {{#if decimal_digits}}<span class="pr-decimal">.{{decimal}}</span>{{/if}}{{#ifCond symbol_on_left '==' false}}{{#if space_btw_amount_and_symbol}} {{/if}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{/ifCond}} {{/formatPrice}} {{else}} {{_t 'Renew for free'}} {{/ifCond}} {{/inline}} {{#*inline "buy_price_part"}} {{#ifCond first_price '>' 0}} {{_t 'Buy for'}} {{#formatPrice price=first_price currency=currency currency_symbol=currency_symbol decimal_digits=decimal_digits space_btw_amount_and_symbol=space_btw_amount_and_symbol}} {{#if symbol_on_left}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{#if space_btw_amount_and_symbol}} {{/if}}{{/if}}<span class="pr-numb">{{number}}</span> {{#if decimal_digits}}<span class="pr-decimal">.{{decimal}}</span>{{/if}}{{#ifCond symbol_on_left '==' false}}{{#if space_btw_amount_and_symbol}} {{/if}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{/ifCond}} {{/formatPrice}} {{else}} {{_t 'Buy for free'}} {{/ifCond}} {{/inline}} {{#*inline "auto_renew_price_part"}} {{#ifCond recurring_price '>' 0}} {{_t 'automatic renew for'}} {{#formatPrice price=recurring_price currency=currency currency_symbol=currency_symbol decimal_digits=decimal_digits space_btw_amount_and_symbol=space_btw_amount_and_symbol}} {{#if symbol_on_left}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{#if space_btw_amount_and_symbol}} {{/if}}{{/if}}<span class="pr-numb">{{number}}</span> {{#if decimal_digits}}<span class="pr-decimal">.{{decimal}}</span>{{/if}}{{#ifCond symbol_on_left '==' false}}{{#if space_btw_amount_and_symbol}} {{/if}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{/ifCond}} {{/formatPrice}} {{else}} {{_t 'automatic renew for free'}} {{/ifCond}} {{/inline}} <div class="membership-item v3 panel {{#if highlighted}}highlighted{{/if}}"> <div class="mobile-title"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_membership_list_container > div" href="#membership{{id}}" aria-expanded="true" aria-controls="membership{{id}}"> {{{name}}} </a> </h4> {{else}} <h4 class="title">{{{name}}}</h4> {{/ifCond}} </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader {{#if picture}}{{#ifSvg picture_path}} __custom-svg-icon {{else}} __custom-image {{/ifSvg}}{{else}} __default-svg-icon {{/if}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_membership_%membership_name%" membership_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="membership.svg" class="sb-inline-svg" /> </div> {{/if}} </div> {{/ifCond}} <div class="one-line"> <div class="content"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_membership_list_container > div" href="#membership{{id}}" aria-expanded="true" aria-controls="membership{{id}}"> {{{name}}} </a> </h4> {{else}} <h4 class="title">{{{name}}}</h4> {{/ifCond}} <div class="info-bar date-bar"> <div class="d-flex"> {{#if (and client_id (cond recurring_status '==' 'active'))}} <div class="recurring-profile-info"> <div class="bar-flex-item date-item date-item-auto-rec price-formatter"> <i class="fal ico fa-repeat-alt"></i> <span class="txt"> {{> auto_renew_price_part}} </span> </div> <div class="bar-flex-item date-item date-item-view-rec"> <i class="fa ico fa-eye"></i> <a class="recurring-profile-btn" href="#invoice-recurring-profile/view/{{recurring_profile_id}}">{{_t 'view_recurring_profile'}}</a> </div> </div> {{/if}} {{#if client_id}} <div class="bar-flex-item date-item date-item-purchased"> <i class="fa ico fa-calendar-alt"></i> <div class="d-flex"> <span class="date txt">{{_t 'Valid From - To'}}:</span> <span class="date value">{{formatDateTime period_start 'date' 0}} - {{formatDateTime period_end 'date' 0}}</span> </div> </div> <div class="bar-flex-item sessions-num-wrapper"> {{#if client_id}} {{#unless is_unlimited}} <div class="session-remind"> <i class="fal ico fa-clipboard-list"></i> <span class="d-flex"> <span class="txt">{{_t 'sessions remaining'}}:</span> <span class="value">{{rest}}</span> </span> </div> {{else}} <div class="session-remind"> <i class="fal ico fa-clipboard-list"></i> <span class="d-flex"> <span class="txt">{{_t 'sessions remaining'}}:</span> <span class="value">{{_t 'Unlimited'}}</span> </span> </div> {{/unless}} {{/if}} </div> {{#if next_payment_date}} <div class="bar-flex-item date-item"> <span class="date">{{_t 'next_payment'}}: {{formatDateTime next_payment_date 'date'0}}</span> </div> {{/if}} {{else}} {{#if (and is_purchased is_actual_purchase)}} <div class="bar-flex-item purchased-item"> <div class="purchased"> {{_t 'purchased'}} </div> </div> {{/if}} <div class="flex-bar-row"> <div class="bar-flex-item date-item v2"> <i class="fal ico fa-hourglass-half"></i> <span class="txt">{{formatDuration duration type=duration_type}}</span> </div> <div class="bar-flex-item sessions-num-wrapper"> <div class="session-remind"> <i class="fal ico fa-clipboard-list"></i> <span class="d-flex"> <span class="txt">{{_t 'sessions'}}:</span> <span class="value">{{#ifCond limit '==' 0}}{{_t 'Unlimited'}}{{else}}{{limit}}{{/ifCond}}</span> </span> </div> </div> </div> <div class="flex-bar-row"> <div class="bar-flex-item change-date-item {{#if is_fixed_start_date}}change-date-item--has-fixed-date{{/if}}"> <i class="fal ico fa-calendar-edit"></i> <span class="d-flex"> <span class="txt">{{_t 'Start from'}}</span> <span class="value"> {{#if is_fixed_start_date}} <span class="sb_fixed_start_date">{{formatDateTime fixed_start_date 'date' 0}}</span> {{else}} <a class="sb_start_date" name="start_date" role="button" tabindex="0">{{formatDateTime start_date 'date' 0}}</a> {{/if}} </span> </span> </div> {{#if is_recurring}} <div class="bar-flex-item renewal-item"> <i class="fal ico fa-repeat-alt"></i> <div class="wrapper price-formatter"> <span class="txt d-flex"> {{> renew_price_part}} </span> </div> </div> {{/if}} </div> {{/if}} </div> </div> </div> <div class="btn-bar {{#if (or (cond (lengthWithoutTags description) ">=" 2) services)}} has-read-more{{/if}}">   {{#if (or (cond (lengthWithoutTags description) ">=" 2) services)}} <div class="wrap-read-more {{#if client_id}}wrap-read-more-purc{{/if}}" role="button"> <a class="read-more collapsed" role="button" data-toggle="collapse" data-parent="#sb_membership_list_container > div" href="#membership{{id}}" aria-expanded="true" aria-controls="promotion{{id}}"> <span class="part txt-part"> <span class="more-part">{{_t 'read-more'}}</span> <span class="less-part">{{_t 'show less'}}</span> </span> <span class="part ico-part"><i class="fal fa-ellipsis-h"></i></span> </a> </div> {{/if}} {{#if (and client_id (cond recurring_status '==' 'active'))}} <div class="recurring-profile-info"> {{#ifCond recurring_status '==' 'active'}} <a class="btn wrapper sb_cancel_recurring"> {{_t 'cancel recurring'}} </a> {{else}} <div class="wrapper"> {{_t 'recurring status %status%' status=recurring_status}} </div> {{/ifCond}} </div> {{else}} {{#if client_id}} {{#if is_recurring}} {{#if is_purchased}} <div class="btn-round-mask"> <a href="#membership/renew/{{id}}/{{start_date}}" class="wrapper btn price-formatter"> {{> renew_price_part}} </a> </div> {{/if}} {{/if}} {{else}} {{#if is_recurring}} {{#if is_purchased}} <div class="btn-round-mask"> <a href="#membership/renew/{{id}}/{{start_date}}" class="wrapper btn price-formatter"> {{> renew_price_part}} </a> </div> {{else}} <div class="btn-round-mask"> <a href="#membership/buy/{{id}}/{{start_date}}" class="wrapper btn price-formatter"> {{> buy_price_part}} </a> </div> {{/if}} {{else}} <div class="btn-round-mask"> <a href="#membership/buy/{{id}}/{{start_date}}" class="wrapper btn price-formatter"> {{> buy_price_part}} </a> </div> {{/if}} {{/if}} {{/if}} </div> </div> <div class="wrap-collapse-content collapse" id="membership{{id}}"> <div class="collapse-content"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if picture}} {{#ifSvg picture_path}} {{!-- do not show icon in popup --}} {{else}} <div class="biggest-previev"> <img src="{{picture_path}}" alt="{{_t "image_for_membership_%membership_name%" membership_name=name}}" class="user-img"> </div> {{/ifSvg}} {{/if}} {{/ifCond}} {{{description}}} {{> membership_selected_list}} <div class="btn-bar btn-bar-full-info">  {{#if (or (cond description.length ">=" 80) services)}} <a class="btn btn-hide" role="button" data-toggle="collapse" data-parent="#sb_membership_list_container > div" href="#membership{{id}}" aria-expanded="true" aria-controls="promotion{{id}}"> <span class="hide-txt">{{_t "show less"}}</span> </a> {{/if}} {{#if (and client_id (cond recurring_status '==' 'active'))}} <div class="recurring-profile-info"> <div class="wrapper price-formatter"> <span> {{> auto_renew_price_part}} </span> </div> <a class="btn recurring-profile-btn" href="#invoice-recurring-profile/view/{{recurring_profile_id}}">{{_t 'view_recurring_profile'}}</a> {{#ifCond recurring_status '==' 'active'}} <a class="btn wrapper sb_cancel_recurring"> {{_t 'cancel recurring'}} </a> {{else}} <div class="wrapper"> {{_t 'recurring status %status%' status=recurring_status}} </div> {{/ifCond}} </div> {{else}} {{#if client_id}} {{#if is_recurring}} {{#if is_purchased}} <div class="btn-round-mask"> <a href="#membership/renew/{{id}}/{{start_date}}" class="wrapper btn price-formatter"> {{> renew_price_part}} </a> </div> {{/if}} {{/if}} {{else}} {{#if is_recurring}} {{#if is_purchased}} <div class="btn-round-mask"> <a href="#membership/renew/{{id}}/{{start_date}}" class="wrapper btn price-formatter"> {{> renew_price_part}} </a> </div> {{else}} <div class="btn-round-mask"> <a href="#membership/buy/{{id}}/{{start_date}}" class="wrapper btn price-formatter"> {{> buy_price_part}} </a> </div> {{/if}} {{else}} <div class="btn-round-mask"> <a href="#membership/buy/{{id}}/{{start_date}}" class="wrapper btn price-formatter"> {{> buy_price_part}} </a> </div> {{/if}} {{/if}} {{/if}} </div> </div> </div> </div></script> <script type="text/html" id="membership_empty_view"><div class="alert alert-info">{{_t message}}</div></script> <script type="text/html" id="membership_module_list_view"><section id="membership-plugin"> <div class="title-section">{{_t 'membership_options'}}</div> <div class="row"> <div id="sb_membership_module_list_container" class="{{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}"></div> </div> <div class="see-more"> <div class="btn btn-with-icon"> <a href="#membership">{{_t 'see all plans'}}</a> </div> </div> </section></script> <script type="text/html" id="membership_module_item_view"><div class="membership-item v2 item {{tabGridClass}}"> <div class="tab tab-col tab-with-popup"> <div class="excerpt-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader {{#if picture}}{{#ifSvg picture_path}} __custom-svg-icon {{else}} __custom-image {{/ifSvg}}{{else}} __default-svg-icon {{/if}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_membership_%membership_name%" membership_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="membership.svg" class="sb-inline-svg" /> </div> {{/if}} </div> {{/ifCond}} {{!--<div class="preloader"> {{#if file_id}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_membership_%membership_name%" membership_name=name}}" class="user-img"> </div> {{else}} <div class="default img"> <svg src="membership.svg" class="sb-inline-svg" /> </div> {{/if}} </div>--}} <div class="tab-pd"> <div class="content"> <div class="cap short"> {{{name}}} </div> <div class="txt short"> {{{description}}}  {{#if (or (cond description.length ">=" 80) services)}} <span class="read-more" data-toggle="modal" data-target="#membership{{id}}" role="button" tabindex="0"> {{_t "read-more"}} </span> {{/if}} </div> <div class="date-bar"> <div class="date-item"> <span class="icon clock" style="background-image: url(/v2/themes/assets/img/clock.png)"></span> <span class="date">{{formatDuration duration type=duration_type}}</span> </div> </div> </div> <div class="mb btn-bar"> <div class="info-container"> {{#if is_recurring}} <div class="wrapper price-formatter"> {{#ifCond recurring_price '>' 0}} {{_t 'renew for'}} {{#formatPrice price=recurring_price currency=currency currency_symbol=currency_symbol decimal_digits=decimal_digits space_btw_amount_and_symbol=space_btw_amount_and_symbol}} {{#if symbol_on_left}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{#if space_btw_amount_and_symbol}} {{/if}}{{/if}}<span class="pr-numb">{{number}}</span> {{#if decimal_digits}}<span class="pr-decimal">.{{decimal}}</span>{{/if}}{{#ifCond symbol_on_left '==' false}}{{#if space_btw_amount_and_symbol}} {{/if}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{/ifCond}} {{/formatPrice}} {{else}} {{_t 'Renew for free'}} {{/ifCond}} </div> {{else}} <div class="wrapper price-formatter"> </div> {{/if}} </div> <div class="active-container"> <a href="#membership/buy/{{id}}" class="wrapper btn price-formatter"> {{#ifCond first_price '>' 0}} <span> {{#if is_recurring}} {{#if is_recurring_only}} {{_t 'Subscribe for'}} {{else}} {{_t 'Buy for'}} {{/if}} {{else}} {{_t 'Buy for'}} {{/if}} </span> {{#formatPrice price=first_price currency=currency currency_symbol=currency_symbol decimal_digits=decimal_digits space_btw_amount_and_symbol=space_btw_amount_and_symbol}} {{#if symbol_on_left}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{#if space_btw_amount_and_symbol}} {{/if}}{{/if}}<span class="pr-numb">{{number}}</span> {{#if decimal_digits}}<span class="pr-decimal">.{{decimal}}</span>{{/if}}{{#ifCond symbol_on_left '==' false}}{{#if space_btw_amount_and_symbol}} {{/if}}{{#if currency_symbol}}{{currency_symbol}}{{else}}{{currency}}{{/if}}{{/ifCond}} {{/formatPrice}} {{else}} <span> {{_t 'Buy for free'}} </span> {{/ifCond}} </a> </div> </div> </div> </div> <div class="modal fade" id="membership{{id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fa fa-times"></i> </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader full {{#if picture}}{{#ifSvg picture_path}}__custom-svg-icon{{else}}--user-image{{/ifSvg}}{{else}} __default-svg-icon{{/if}}"> {{#if picture}} {{#ifSvg picture_path}} {{!-- do not show icon in popup --}} {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_membership_%membership_name%" membership_name=name}}" class="user-img"> </div> {{/ifSvg}} {{/if}} </div> {{/ifCond}} {{!--<div class="preloader img-full"> {{#if file_id}} <img src="{{picture_path}}" alt="{{_t "image_for_membership_%membership_name%" membership_name=name}}" class="user-img"> {{/if}} </div>--}} <div class="tab-pd"> <div class="cap full">{{{name}}}</div> <div class="txt full">{{{description}}}</div> </div> </div> </div> </div> </div> </div></script> <script type="text/html" id="membership_cancellation_dialog_view"><div class="modal-dialog membership-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span class="modal-close-button" aria-hidden="true">×</span></button> <h4 class="modal-title">{{_t 'membership_recurring_cancellation_dialog_title'}}</h4> </div> <div class="modal-body"> <div class="tab-pd"> <p>{{_t 'membership_recurring_cancellation_dialog_body'}}</p> </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn btn-primary" id="sb_membership_cancellation_cancel" data-dismiss="modal">{{_t 'Back'}}</button> <button type="button" class="btn btn-primary" id="sb_membership_cancellation_confirm" data-dismiss="modal">{{_t 'confirm'}}</button> </div> </div> </div> </div></script> <script type="text/html" id="membership_client_button_view"><span> {{#if show_button}} <a href="#membership/my" class="btn btn-default">{{_t 'purchased plans'}}</a> {{/if}} </span></script> <script type="text/html" id="membership_select_list_view"><div> {{#if display}} <div class="form-group {{#if error}}has-error{{/if}}"> {{#if items}}<label class="control-label col-sm-12 required" for="sb_membership_select">{{_t 'select_membership'}}:</label>{{/if}} <div class="col-sm-12"> {{#if items}} <select class="form-control" id="sb_membership_select"> {{#each items}} <option value="{{id}}"> {{membership.name}} ({{formatDateTime period_start 'date'}} - {{formatDateTime period_end 'date'}}, {{#if membership.is_unlimited}}{{_t 'unlimited'}}{{else}}{{_t 'rest'}}: {{rest}}{{/if}}) </option> {{/each}} </select> {{else}} <div class="alert alert-info"> <div class="help help-info-block"> {{{_t 'membership_required_to_continue_to_purchase_<a href="%link%">link</a>' link=(concat '#membership/services/' service_id)}}} </div> </div> {{/if}} {{#if error}}<span class="help-block">{{_t error}}</span>{{/if}} </div> </div> {{/if}} </div></script> <script type="text/html" id="membership_selected_list"><div class="item__connected-services membership-service__list membership-service__list-has_{{services.length}}"> <div class="membership-service__list-item membership-service__list-header"> <i class="fal icon fa-server"></i> <div class="membership-service__caption">{{_t 'attached_service(s)_to_membership'}}</div> <div class="membership-service__total-count">{{services.length}}</div> </div> {{#each services as |service|}} {{#if service}} <div class="membership-service__list-item membership-service"> <i class="fal icon fa-concierge-bell"></i> <div class="membership-service__caption">{{service.name}}</div> </div> {{/if}} {{/each}} </div> </script> <script type="text/html" id="push_subscribe_view"> <div class="subscribe-component {{#if is_visible}}in{{else}}hidden{{/if}}">  {{#if is_visible}} <div class="subscribe-component--divider"></div> <div class="subscribe-component--body"> <div class="subscribe-component--content">  <div class="subscribe-component--data"> <h4 class="title subscribe-component--title">{{_t "Subscribe to push notifications"}}<br></h4> <p class="p subscribe-component--txt">{{_t "Get notified when we have new offers"}}<br></p> </div> </div> <div class="btn-bar subscribe-component--btn-bar"> <div class="btn-bar--row">  <button class="btn btn-primary" id="subscribe-client-push-btn">{{_t "Subscribe"}}</button> </div> </div> </div> {{/if}} </div> </script> <script type="text/html" id="push_message_view"><div id="news-single" class="push-news"> <div class="container-fluid column"> <section class="push-news__content"> <div class="return-btn"> <a href="#"> <span class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt">{{_t 'Home page'}}</span> </a> </div> <div class="article clearfix"> <div class="cap"> {{title}} </div> <div class="txt"> {{{message}}} </div>  </div> </section> </div> </div></script> <script type="text/html" id="pwa_push_notification"><div class="push-notifications"> {{#if is_subcribed}} {{else}} <div class="push-notifications--body"> <div class="push-notifications--content"> <i class="push-notifications--icon"> <svg width="33" height="44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.688 29.875a2.628 2.628 0 01-2.625-2.625v-9.188c0-3.163-1.235-6.134-3.475-8.367a11.753 11.753 0 00-4.854-2.925c.289-.548.453-1.171.453-1.832A3.942 3.942 0 0016.25 1a3.942 3.942 0 00-3.938 3.938c0 .665.167 1.291.46 1.841-4.82 1.506-8.335 6.05-8.335 11.398v9.073a2.628 2.628 0 01-2.625 2.625c-.724 0-1.312.588-1.312 1.313v5.25c0 .724.588 1.312 1.313 1.312h9.89A4.599 4.599 0 0016.25 43a4.599 4.599 0 004.547-5.25h9.89c.725 0 1.313-.588 1.313-1.313v-5.25c0-.724-.588-1.312-1.313-1.312zM16.25 3.625c.724 0 1.313.589 1.313 1.313 0 .723-.59 1.312-1.313 1.312a1.314 1.314 0 01-1.313-1.313c0-.723.59-1.312 1.313-1.312zm1.969 34.781a1.971 1.971 0 01-1.969 1.969 1.971 1.971 0 01-1.857-2.625h3.714c.074.209.112.43.112.656zm11.156-3.281H3.125v-2.791a5.26 5.26 0 003.938-5.084v-9.073c0-5.112 4.106-9.284 9.154-9.302h.033c2.448 0 4.75.95 6.485 2.68a9.126 9.126 0 012.703 6.508v9.187a5.26 5.26 0 003.937 5.084v2.791z" fill="currentColor" stroke="currentColor"/><path d="M12 20.375a1.313 1.313 0 01-1.313-1.313A6.57 6.57 0 0117.25 12.5a1.313 1.313 0 010 2.625 3.942 3.942 0 00-3.938 3.938c0 .724-.587 1.312-1.312 1.312z" fill="currentColor" stroke="currentColor"/></svg> </i> <p class="push-notifications--txt"> {{_t "pwa_push_notification_promo"}} </p> </div> <div class="btn-bar push-notifications--btn-bar"> <button class="btn-push-subscribe mdc-button"> <div class="mdc-button__ripple"></div> <span class="mdc-button__label">{{_t "subscribe_to_push"}}</span> </button> </div> </div> {{/if}} <div class="container-fluid pwa-notifications--container"> <div id="sb_pwa_notification" class="pwa-notifications"></div> </div> </div></script> <div id="sb_main" class="sb-layout "></div> <script type="text/javascript"> var config = {"csrf_token":"1b8972e0b422335acbceea6fec6be345","debug_id":"38710d4815b3dea9e5a222846fe3d125","is_widget":false,"custom_query":"","date_format":"l, M d Y","time_format":"12hr","time_frame":"15","apply_promo_code":null,"is_bdp_client":false,"fb_business_id":"forminmotion-0sg0","bdp_pixel_id":null,"client_login_require_phone":"1","min_date":"2024-11-23","max_date":"2024-12-23","country_prefix":"65","country_prefix_id":"SG","country_prefix_is_changeable":true,"country_phone_initial":"SG","monday_is_first_day":"1","is_booking_page_widget":0,"is_booking_page":false,"base_url":"\/v2","company_currency":"SGD","currency_info":{"SGD":{"code":"SGD","name":"Singapore Dollar","symbol":"$","thousands_separator":",","decimal_separator":".","symbol_on_left":"1","space_btw_amount_and_symbol":"0","decimal_digits":"2"},"BONUS":{"name":"Points","symbol":"points","decimal_separator":".","decimal_digits":0,"symbol_on_left":false,"space_btw_amount_and_symbol":true}},"skip_address":"1","hide_email":"","timeline_type":"grid_week","datepicker_type":"inline_datepicker","reviews_count":"0","allow_switch_to_ada":0,"reviews_module_count":"5","hide_add_reviews":false,"show_booking_page_in_client_timezone":"1","allow_event_day_break":"0","allow_event_breaktime_break":"0","allow_buffertime_extend":false,"feedbacks_disabled":false,"company_data":{"name":"Form In Motion","login":"forminmotion","description":"<p><span style=\"font-size: 14px;\">Form in Motion is Singapore's premiere Garuda Studio.\u00a0<\/span><\/p><p><b><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">What is the Garuda method?\u00a0<\/span><\/b><\/p><p><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Garuda combines the best of many well-founded disciplines that help you <\/span><\/p><ul><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Explore and stretch your body\u2019s potential in a precise, yet intuitive and graceful way <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Gain greater mindfulness and self-awareness through meditative focus and concentration.<\/span><br><br><\/li><\/ul><p><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">It draws from the movement and breathing techniques of yoga and pilates, the grace, fluidity and beauty of dance, the natural ease of Gyrotonic exercises, the flexibility and coordination of the Feldenkrais method, and the balance and focus of Tai Chi. <\/span><\/p><p><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">This is a workout that is designed to help you improve: <\/span><\/p><ul><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Core strength and stamina <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Body awareness <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Ease and range of motion <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Muscle strength <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Balance, flexibility, coordination and agility <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Focus and concentration <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Emotional regulation <\/span><\/li><li><span style=\"font-size: 14px; font-family: \" open=\"\" sans\";\"=\"\">Stress management<\/span><br><span style=\"font-family: Arial;\">\ufeff<\/span><span style=\"font-family: \" arial=\"\" black\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" comic=\"\" sans=\"\" ms\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" courier=\"\" new\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" helvetica=\"\" neue\";\"=\"\">\ufeff<\/span><span style=\"font-family: Helvetica;\">\ufeff<\/span><span style=\"font-family: Impact;\">\ufeff<\/span><span style=\"font-family: \" lucida=\"\" grande\";\"=\"\">\ufeff<\/span><span style=\"font-family: Tahoma;\">\ufeff<\/span><span style=\"font-family: \" times=\"\" new=\"\" roman\";\"=\"\">\ufeff<\/span><span style=\"font-family: Verdana;\">\ufeff<\/span><span style=\"font-family: \" open=\"\" sans\";\"=\"\">\ufeff<\/span><span style=\"font-size: 8px;\">\ufeff<\/span><span style=\"font-size: 9px;\">\ufeff<\/span><span style=\"font-size: 10px;\">\ufeff<\/span><span style=\"font-size: 11px;\">\ufeff<\/span><span style=\"font-size: 12px;\">\ufeff<\/span><span style=\"font-size: 14px;\">\ufeff<\/span><span style=\"font-size: 18px;\">\ufeff<\/span><span style=\"font-size: 24px;\">\ufeff<\/span><span style=\"font-size: 36px;\">\ufeff<\/span><span style=\"font-family: Arial;\">\ufeff<\/span><span style=\"font-family: \" arial=\"\" black\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" comic=\"\" sans=\"\" ms\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" courier=\"\" new\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" helvetica=\"\" neue\";\"=\"\">\ufeff<\/span><span style=\"font-family: Helvetica;\">\ufeff<\/span><span style=\"font-family: Impact;\">\ufeff<\/span><span style=\"font-family: \" lucida=\"\" grande\";\"=\"\">\ufeff<\/span><span style=\"font-family: Tahoma;\">\ufeff<\/span><span style=\"font-family: \" times=\"\" new=\"\" roman\";\"=\"\">\ufeff<\/span><span style=\"font-family: Verdana;\">\ufeff<\/span><span style=\"font-family: \" open=\"\" sans\";\"=\"\">\ufeff<\/span><span style=\"font-size: 8px;\">\ufeff<\/span><span style=\"font-size: 9px;\">\ufeff<\/span><span style=\"font-size: 10px;\">\ufeff<\/span><span style=\"font-size: 11px;\">\ufeff<\/span><span style=\"font-size: 12px;\">\ufeff<\/span><span style=\"font-size: 14px;\">\ufeff<\/span><span style=\"font-size: 18px;\">\ufeff<\/span><span style=\"font-size: 24px;\">\ufeff<\/span><span style=\"font-size: 36px;\">\ufeff<\/span><span style=\"font-family: Arial;\">\ufeff<\/span><span style=\"font-family: \" arial=\"\" black\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" comic=\"\" sans=\"\" ms\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" courier=\"\" new\";\"=\"\">\ufeff<\/span><span style=\"font-family: \" helvetica=\"\" neue\";\"=\"\">\ufeff<\/span><span style=\"font-family: Helvetica;\">\ufeff<\/span><span style=\"font-family: Impact;\">\ufeff<\/span><span style=\"font-family: \" lucida=\"\" grande\";\"=\"\">\ufeff<\/span><span style=\"font-family: Tahoma;\">\ufeff<\/span><span style=\"font-family: \" times=\"\" new=\"\" roman\";\"=\"\">\ufeff<\/span><span style=\"font-family: Verdana;\">\ufeff<\/span><span style=\"font-family: \" open=\"\" sans\";\"=\"\">\ufeff<\/span><span style=\"font-size: 8px;\">\ufeff<\/span><span style=\"font-size: 9px;\">\ufeff<\/span><span style=\"font-size: 10px;\">\ufeff<\/span><span style=\"font-size: 11px;\">\ufeff<\/span><span style=\"font-size: 12px;\">\ufeff<\/span><span style=\"font-size: 14px;\">\ufeff<\/span><span style=\"font-size: 18px;\">\ufeff<\/span><span style=\"font-size: 24px;\">\ufeff<\/span><span style=\"font-size: 36px;\">\ufeff<\/span><span style=\"font-family: Arial;\">\ufeff<\/span><span style=\"font-family: \"Arial Black\";\">\ufeff<\/span><span style=\"font-family: \"Comic Sans MS\";\">\ufeff<\/span><span style=\"font-family: \"Courier New\";\">\ufeff<\/span><span style=\"font-family: \"Helvetica Neue\";\">\ufeff<\/span><span style=\"font-family: Helvetica;\">\ufeff<\/span><span style=\"font-family: Impact;\">\ufeff<\/span><span style=\"font-family: \"Lucida Grande\";\">\ufeff<\/span><span style=\"font-family: Tahoma;\">\ufeff<\/span><span style=\"font-family: \"Times New Roman\";\">\ufeff<\/span><span style=\"font-family: Verdana;\">\ufeff<\/span><span style=\"font-family: \"Open Sans\";\">\ufeff<\/span><span style=\"font-size: 8px;\">\ufeff<\/span><span style=\"font-size: 9px;\">\ufeff<\/span><span style=\"font-size: 10px;\">\ufeff<\/span><span style=\"font-size: 11px;\">\ufeff<\/span><span style=\"font-size: 12px;\">\ufeff<\/span><span style=\"font-size: 14px;\">\ufeff<\/span><span style=\"font-size: 18px;\">\ufeff<\/span><span style=\"font-size: 24px;\">\ufeff<\/span><span style=\"font-size: 36px;\">\ufeff<\/span><\/li><\/ul>","category_keys":["personal_trainers","yoga","fitness","sport"],"lat":null,"lng":null,"address1":null,"address2":null,"city":null,"zip":null,"country_id":"SG","email":"hello@forminmotion.co","phone":null,"web":"http:\/\/forminmotion.co","tag":null},"server_address":"simplybook.asia","project_name":"SimplyBook.me","revision":"snb0q4","map_key":"AIzaSyAyIVxixzXRL_gCAJwI9cehx5NEcbFkKdI","map_type":"vector","is_enterprise":false,"hide_my_personal_data_upublic":true,"client_login_hide_gdpr_report":true,"event_field_autocomplete":2,"deposit_paid_events_is_client_can_pay_full_price":true,"slots_count_show_total":false,"timezone":"Asia\/Singapore","tracking_fb_code":false,"google_reviews_place_id":false,"enable_push_notifications":false,"company_language":"en","provider_count":"1","client_email_required":true,"client_phone_required":true,"client_login_allow_registration":"1","client_login_allow_address":false,"client_login_require_address":false,"promo_add_link_to_webpage":false,"membership_has_active_memberships":false,"price_includes_tax":false,"sale_tax":false,"rebilling_enabled":false,"sbpay_invoices_enabled":false,"fb_app_id":"86191805097","static_map_api_key":"AIzaSyAyIVxixzXRL_gCAJwI9cehx5NEcbFkKdI","map_api_key":"AIzaSyAyIVxixzXRL_gCAJwI9cehx5NEcbFkKdI","is_rtl":"0","menu":[{"name":"menu_home","url":"#","plugin":"","custom_dependency":"","position":1,"is_visible":1,"route":"index","id":1,"is_disable":0},{"name":"menu_reviews","url":"#reviews","plugin":"","custom_dependency":"feedbacks_disabled","position":20,"is_visible":1,"route":"reviews","id":4,"is_disable":0},{"name":"menu_bookings","url":"#client\/bookings\/type\/upcoming","plugin":"","custom_dependency":"","position":900,"is_visible":1,"route":"client_bookings","id":7,"is_disable":0}],"is_ada_compliant":false,"plugins":{"event_field":{"is_active":"1","system_name":"event_field"},"status":{"is_active":"0","system_name":"status"},"paid_events":{"is_active":"1","system_name":"paid_events"},"description":{"is_active":"1","system_name":"description"},"event_category":{"is_active":"0","system_name":"event_category"},"news":{"is_active":"0","system_name":"news"},"google_analytics":{"is_active":"0","system_name":"google_analytics"},"facebookImage":{"is_active":"0","system_name":"facebookImage"},"google_calendar_export":{"is_active":"0","system_name":"google_calendar_export"},"user_license":{"is_active":"0","system_name":"user_license"},"custom_css":{"is_active":"1","system_name":"custom_css"},"advanced_notification":{"is_active":"0","system_name":"advanced_notification"},"multiple_booking":{"is_active":"0","system_name":"multiple_booking"},"group_booking":{"is_active":"0","system_name":"group_booking"},"any_unit":{"is_active":"0","system_name":"any_unit"},"location":{"is_active":"1","system_name":"location"},"secure":{"is_active":"0","system_name":"secure"},"contact_widget":{"is_active":"0","system_name":"contact_widget"},"api":{"is_active":"0","system_name":"api"},"financial_dashboard":{"is_active":"0","system_name":"financial_dashboard"},"limit_bookings":{"is_active":"0","system_name":"limit_bookings"},"approve_booking":{"is_active":"0","system_name":"approve_booking"},"back_to_site":{"is_active":"0","system_name":"back_to_site"},"data_security":{"is_active":"0","system_name":"data_security"},"unit_colors":{"is_active":"0","system_name":"unit_colors"},"recap":{"is_active":"0","system_name":"recap"},"counter":{"is_active":"0","system_name":"counter"},"hipaa":{"is_active":"0","system_name":"hipaa"},"fixed_time":{"is_active":"0","system_name":"fixed_time"},"cancelation_policy":{"is_active":"0","system_name":"cancelation_policy"},"gallery":{"is_active":"0","system_name":"gallery"},"flexible_template":{"is_active":"0","system_name":"flexible_template"},"smtp":{"is_active":"0","system_name":"smtp"},"client_login":{"is_active":"1","system_name":"client_login"},"membership":{"is_active":"1","system_name":"membership"},"custom_domain":{"is_active":"0","system_name":"custom_domain"},"sms":{"is_active":"0","system_name":"sms"},"classes":{"is_active":"1","system_name":"classes"},"import_clients":{"is_active":"0","system_name":"import_clients"},"paid_attributes":{"is_active":"0","system_name":"paid_attributes"},"product":{"is_active":"0","system_name":"product"},"social_gallery":{"is_active":"0","system_name":"social_gallery"},"google_authenticator":{"is_active":"0","system_name":"google_authenticator"},"client_soap_crypt":{"is_active":"0","system_name":"client_soap_crypt"},"google_tag_manager":{"is_active":"0","system_name":"google_tag_manager"},"static_page":{"is_active":"0","system_name":"static_page"},"google_translate":{"is_active":"0","system_name":"google_translate"},"strict_password":{"is_active":"0","system_name":"strict_password"},"promotion":{"is_active":"0","system_name":"promotion"},"pos":{"is_active":"0","system_name":"pos"},"package":{"is_active":"0","system_name":"package"},"zapier":{"is_active":"0","system_name":"zapier"},"google_business":{"is_active":"0","system_name":"google_business"},"line_bot":{"is_active":"0","system_name":"line_bot"},"facebook_business":{"is_active":"0","system_name":"facebook_business"},"kiosk":{"is_active":"0","system_name":"kiosk"},"deposit_paid_events":{"is_active":"0","system_name":"deposit_paid_events"},"slots_count":{"is_active":"0","system_name":"slots_count"},"reschedule_booking":{"is_active":"0","system_name":"reschedule_booking"},"resources":{"is_active":"0","system_name":"resources"},"tickets":{"is_active":"0","system_name":"tickets"},"saml":{"is_active":"0","system_name":"saml"},"online_meeting":{"is_active":"0","system_name":"online_meeting"},"client_field":{"is_active":"0","system_name":"client_field"},"external_booking_validator":{"is_active":"0","system_name":"external_booking_validator"},"tickets_qr_code":{"is_active":"0","system_name":"tickets_qr_code"},"pwa":{"is_active":"0","system_name":"pwa"},"vaccination":{"is_active":"0","system_name":"vaccination"},"medical_test":{"is_active":"0","system_name":"medical_test"},"custom_email":{"is_active":"0","system_name":"custom_email"},"tracking":{"is_active":"0","system_name":"tracking"},"waiting_list":{"is_active":"0","system_name":"waiting_list"},"cloud_storage":{"is_active":"0","system_name":"cloud_storage"},"telegram_notifications":{"is_active":"0","system_name":"telegram_notifications"},"bonus_system":{"is_active":"0","system_name":"bonus_system"},"look_busy":{"is_active":"0","system_name":"look_busy"},"google_reviews":{"is_active":"0","system_name":"google_reviews"},"booking_restriction":{"is_active":"0","system_name":"booking_restriction"},"time_before_service":{"is_active":"0","system_name":"time_before_service"},"line_liff":{"is_active":"0","system_name":"line_liff"},"tips":{"is_active":"0","system_name":"tips"},"tags":{"is_active":"0","system_name":"tags"},"campaign":{"is_active":"0","system_name":"campaign"},"classpass":{"is_active":"0","system_name":"classpass"}},"theme":"air","sheduler_channel":null,"widget_type":null,"is_simplybook_terms_disabled":false,"is_privacy_policy_enabled":false,"white_label":false,"show_peace_banner":false}; var theme = "air"; var themeVars = {"timeline_modern_display":"as_table","booking_mode":"default","timeline_hide_unavailable":"1","hide_past_days":"0","timeline_show_end_time":"1","sb_base_color":"#1cc9a6","display_item_mode":"block","booking_nav_bg_color":"#d1e9c6","body_bg_color":"#f2f2f2","sb_logo_image":"5","sb_logo_image_mode":"company-logo-and-name","sb_logo_image_preview":"\/uploads\/forminmotion\/image_files\/preview\/3f161b0ec384a9d7cc3473602b224e8a.png","sb_logo_image_original":"\/uploads\/forminmotion\/image_files\/original\/3f161b0ec384a9d7cc3473602b224e8a.png","sb_logo_image_file_name":"3f161b0ec384a9d7cc3473602b224e8a.png","sb_background_image":"4","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image_preview":"\/uploads\/forminmotion\/image_files\/preview\/e2a5365ba8f046f60ba6cb91f807d8f0.jpg","sb_background_image_original":"\/uploads\/forminmotion\/image_files\/original\/e2a5365ba8f046f60ba6cb91f807d8f0.jpg","sb_background_image_file_name":"e2a5365ba8f046f60ba6cb91f807d8f0.jpg","sb_review_image":"","dark_font_color":"#333333","light_font_color":"#ffffff","btn_color_1":"#1cc9a6","main_page_mode":"description_only","sb_company_label_color":"#ffffff","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#b3b3b3","sb_available":"#1cc9a6","upload_path":"\/uploads\/forminmotion","widget_type":null,"allow_new_theme_btn_color":false,"allow_new_theme_images":false,"dir_logo_preview":null,"dir_bg_preview":null}; var userThemeSettings = {"_csrf_hash":"6f616d3acce1ca2aa69a104099780b9f","timeline_modern_display":"as_table","timeline_show_end_time":"1","sb_base_color":"#1cc9a6","display_item_mode":"block","booking_nav_bg_color":"#d1e9c6","body_bg_color":"#f2f2f2","sb_logo_image_mode":"company-logo-and-name","sb_logo_image":"5","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image":"4","dark_font_color":"#333333","light_font_color":"#ffffff","btn_color_1":"#1cc9a6","main_page_mode":"description_only","sb_company_label_color":"#ffffff","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#b3b3b3","sb_available":"#1cc9a6","is_rtl":"0","timeline_type":"grid_week","datepicker_type":"inline_datepicker","time_frame":"15","time_format":"12hr","reviews_count":"0"}; var themeSettings = {}; var isUserPublic = true; //need 4 notifications </script>  <script type="text/javascript" data-main="/v2/js/user_public/init.min.js?r=snb0q4" src="/v2/lib/require.js"></script> <script type="text/javascript" src="/v2/js/user_public/inline_svg_loader.js?r=snb0q4"></script> <script type="text/javascript"> var allowCookies = false; var cookiesAccepted = false; var svgLoader = new InlineSvgLoader({ 'path': "\/v2\/themes\/default\/inline-assets\/", 'category_path': "\/v2\/images\/inline-assets\/personal_trainers" }); </script> <script> window.addEventListener( "hashchange", function (a,b,c) { trac(); }, false, ); trac(); function trac() { var obj = { 'u': window.location.href, 'bw': window.innerWidth, 'bh': window.innerHeight, 'hash': null, }; if (document.referrer && document.referrer !== '') { obj['ref'] = document.referrer; } var params = []; for(var k in obj) { if (obj.hasOwnProperty(k)) { params.push(encodeURIComponent(k) + "=" + encodeURIComponent(obj[k])); } } var img = new Image(); img.src= "https://tracker.metricool.com/c3po.jpg?" + params.join("&"); } </script> </body> </html>

CINXE.COM

Form In Motion | Scheduling and Booking Website