Lead #271
Best Contact
Valero Yalçın — Owner
Email
valeroyalc@gmail.com (person)
Override
Captured Pages
http://vrcc.simplybook.it/staff
Status: 200
Emails:
View text
Allow 3rd party cookies Hey, we need your agreement to provide us access to cookies inside widget! Allow Book in new tab There is a queue to make a booking. No worries, you are already waiting in line!
http://vrcc.simplybook.it/our-team
Status: 200
Emails:
View text
Allow 3rd party cookies Hey, we need your agreement to provide us access to cookies inside widget! Allow Book in new tab There is a queue to make a booking. No worries, you are already waiting in line!
http://vrcc.simplybook.it/meet-the-team
Status: 200
Emails: valeroyalc@gmail.com
View text
<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'}} <!-- vertical and horizontal --> <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> <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> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> <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> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> <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> <div class="alert alert-{{type}} {{#unless message}}hidden{{/unless}}">{{_t message _data=this}}</div> <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> <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}} <!-- <div id="reviews-view"> <div id="sb_reviews_module"></div> </div> --> {{#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> <section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section> {{#if enabled}} <div id="ada-compliant"> {{#if is_widget}} <!-- todo: if you need some other html for widgets - you can use this if tag --> {{/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}} <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="btn-bar__social-links"> {{#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="btn btn--action {{getSocialSystemClass this.type}}"> <span class="icon icon--{{this.type}}"> {{#if isFacebook}} <!-- SVG для Facebook --> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> {{/if}} {{#if isTwitter}} <!-- SVG для Twitter --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="x"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg> {{/if}} {{#if isInstagram}} <!-- SVG для Instagram --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="inst"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> {{/if}} {{#if isLinkedIn}} <!-- SVG для LinkedIn --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="ln"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/></svg> {{/if}} </span> </a> {{/each}} </div> </div> </div> </li> {{/if}} </ul> </div> </div> </section> <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> <section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section> <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> <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> <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"> <!--<svg class="company-location--icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M336 192c0-79.5-64.5-144-144-144S48 112.5 48 192c0 16.3 7.7 42 24.7 75.4c16.4 32.2 38.8 66.4 62.1 98.3c20.3 27.9 40.7 53.3 57.2 73.1c16.5-19.8 36.9-45.2 57.2-73.1c23.2-31.9 45.6-66.2 62.1-98.3C328.3 234 336 208.3 336 192zm48 0c0 83.1-105.6 219-160.2 283.6C204.8 498.1 192 512 192 512s-12.8-13.9-31.8-36.4C105.6 411 0 275.1 0 192C0 86 86 0 192 0S384 86 384 192zm-160 0a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-112 0a80 80 0 1 1 160 0 80 80 0 1 1 -160 0z"/></svg>--> {{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> <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> <a href="#{{url}}" class="{{#unless show_button}}hidden{{/unless}}"> <span class="fa fa-angle-left"></span> <span>{{_t "back"}}</span> </a> <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> <div class="modal-dialog timezone-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span aria-hidden="true">×</span></button> --> <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> <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="buttons brand v4"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in" class="popup-hide btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} </div> </div> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </section> </div> </div> </section> <div class="service-step step-content {{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}" id="sb_service_step_container"> </div> {{!-- 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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> {{!-- 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> <div class="split-title"> <div class="title-section"> {{_t label}} </div> </div> <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> {{#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}} <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <div class="tab_provider-col provider-col"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="provider-photo" {{#if provider.description }} data-toggle="modal" data-target="#provider_{{provider.id}}" role="button" tabindex="0"{{/if}}> {{#if provider.description }} <svg class="icon--provider-info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" class="fa-secondary" opacity=".45" d="M256 8C119 8 8 119.1 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 110a42 42 0 1 1 -42 42 42 42 0 0 1 42-42zm56 254a12 12 0 0 1 -12 12h-88a12 12 0 0 1 -12-12v-24a12 12 0 0 1 12-12h12v-64h-12a12 12 0 0 1 -12-12v-24a12 12 0 0 1 12-12h64a12 12 0 0 1 12 12v100h12a12 12 0 0 1 12 12z"/> <path fill="currentColor" class="fa-primary" d="M256 202a42 42 0 1 0 -42-42 42 42 0 0 0 42 42zm44 134h-12V236a12 12 0 0 0 -12-12h-64a12 12 0 0 0 -12 12v24a12 12 0 0 0 12 12h12v64h-12a12 12 0 0 0 -12 12v24a12 12 0 0 0 12 12h88a12 12 0 0 0 12-12v-24a12 12 0 0 0 -12-12z"/> </svg> {{/if}} {{#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 {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}} {{#if provider.description }}provider-name--clicable{{/if}}{{/ifCond}}" {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}} {{#if provider.description }} data-toggle="modal" data-target="#provider_{{provider.id}}" role="button" tabindex="0"{{/if}}{{/ifCond}}> {{provider.name}} </div> <div class="modal fade" id="provider_{{provider.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 img-full {{#if provider.picture}}{{#ifSvg provider.picture_path}} preloader_svg{{else}} preloader_img{{/ifSvg}}{{else}} preloader_empty {{/if}}"> {{#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=provider.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> {{#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> <div class="provider-item"> <div class="sb_time_flexible_hour_container"></div> </div> <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> <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> <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'}} <!-- {{#ifCond show_month '>' 0}} <div class="month"> {{formatDateTime date 'custom' 0 format='F'}} </div> {{/ifCond}} --> </div> </div> <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> <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> <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> <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> <div class="provider-item"> <a class="sb-cell free" href="#{{bookingStepUrl provider=provider.id time=false service=false}}"> {{provider.name}} </a> </div> <div class="provider-col sb_time_classes_provider_column"></div> <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> {{!- 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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <span> {{formatDuration duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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> <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> <div class="provider-col sb_time_classes_plugin_column"></div> {{#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}} <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <span> {{formatDuration service.duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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> <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> <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> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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}} <!-- <tr> <td class="label">{{_t 'starts_at'}}:</td> <td class="info"> {{formatDateTime start_datetime 'time' time_diff}} </td> </tr> --> {{/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}}/{{online_meeting_hash}}">{{_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> <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> {{#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}} {{!-- {{> 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> {{#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]))}} <!-- do nothing --> {{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}} {{#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}} <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> {{#if wl}} {{> waitingListBookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{else}} {{> bookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{/if}} <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"> <i class="fa fa-times"></i> </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> <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> <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> <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> <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> <div class="alert alert-info alert-dismissible" role="alert"> {{_t 'empty_client_bookings_page'}} </div> <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> <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> <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> <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> <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}} <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> <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> <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> <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 btn--secondary btn--add-review" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container -v1"> <div class="cap">{{_t 'please login to leave a review'}}</div> <div class="buttons brand v3"> <div class="btn-bar__social-links"> <a href="/v2/review/login/provider/google" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="/v2/review/login/provider/facebook" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/reviews" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="/v2/review/login/provider/twitter" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> {{#ifPluginActive 'client_login'}} <div class="txt">{{_t 'clf_or'}}</div> <a href="#client/sign-in/back/reviews" role="button" class="client-login btn btn--secondary"> <span class="btn--txt">{{_t 'Log In with email'}}</span> </a> {{/ifPluginActive}} </div> </div> {{/if}} </div> </div> </div> <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> <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}} <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> <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 btn--secondary btn--add-review" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container -v2"> <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> <!-- <a href="/v2/review/login/provider/twitter" target="_blank" class="twitter btn custom">--> <!-- <img src="/v2/themes/assets/img/tw-name.png" alt="Twitter">--> <!-- </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> <div class="alert alert-info">{{_t message}}</div> <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> {{#*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> <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> <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> <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"}} <!-- {{! > gdprReportTable uid="sb_table_4" data=client_devices name="gdpr_client_devices" }} --> {{> 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> <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> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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 Twitter account icon. Open in new window'}}" href="{{baseUrl}}/gdpr-report/openid/provider/twitter/" target="_blank" class="tw"></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> <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> <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> <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> <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> <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> <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> <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> {{#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}} {{#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}} <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> <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> <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> {{#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}} {{#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}} <div class="cart-container"> <div class="full-info full-info--cart sb-cart-popup {{#if qty}} --has-items{{/if}}"><!-- full-info --> <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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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> <!-- <img aria-hidden="true" src="/v2/themes/assets/img/cart-nav.png" alt="{{_t "Empty cart icon"}}"> --> <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> <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> <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> <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> <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> <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> <div id="sb_additional_fields"></div> <div class="form-group form-group--text{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--date{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--digits{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--select{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--textarea {{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group__static-html" data-field="{{name}}"> <div class="col-sm-12"> {{{value}}} </div> </div> <div class="form-group{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{#if value}}true{{else}}false{{/if}}"> <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> <label class="control-label {{#ifCond is_null '!=' 1}}required{{/ifCond}}" for="{{name}}" role="button" tabindex="0">{{title}}</label> {{#if error}}<span class="help-block">{{_t error}}</span>{{/if}} </div> <div class="form-group cloud_file{{#if error}} has-error{{/if}}" data-field="{{name}}"> <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> {{> formInput error=error name='name' label='name' id_prefix='sb_profile_x_' value=value}} {{> formEmail error=error name='email' label='email' id_prefix='sb_profile_x_' value=value}} {{> formPhone error=error name='phone' label='phone' id_prefix='sb_profile_x_' value=value country_prefix=country_prefix country_prefix_is_fixed=country_prefix_is_fixed}} {{> formPassword error=error name='password' label='password' id_prefix='sb_profile_x_'}} <div> {{#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_x_' 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_x_' 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_x_' value=data.state_id options=states}} </div> {{> formInput error=errors.address1 name='address1' label='address1' id_prefix='sb_profile_x_' value=data.address1 is_required=require_address}} {{> formInput error=errors.address2 name='address2' label='address2' id_prefix='sb_profile_x_' value=data.address2}} {{> formInput error=errors.zip name='zip' label='zip' id_prefix='sb_profile_x_' value=data.zip is_required=require_address}} {{> formInput error=errors.city name='city' label='city' id_prefix='sb_profile_x_' value=data.city is_required=require_address}} </div> {{/if}} </div> <div class="modal-dialog payment-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span aria-hidden="true">×</span></button> --> <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> <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> <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> <div id="sb_payment_systems_container"></div> <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> <div id="sb_paid_events_pay_container"></div> <div> <label> <input type="checkbox" {{#if is_recurring}}checked{{/if}}/> {{_t 'auto renew membership'}} </label> </div> <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"> <!--{{#if is_payment_allowed}} <div class="title custom-title pd text-center">{{_t 'invoice_select_payment_processor'}}</div> {{/if}} --> {{! 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> <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-num">#</th>--> <th class="inv-cell-info">{{_t 'invoice_line_name'}}</th> <th class="inv-cell-price">{{_t 'invoice_line_price'}}</th> <!--<th class="inv-cell-qty">{{_t 'invoice_line_qty'}}</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-num">{{add @index 1}}</td>--> <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> <!--<td class="inv-cell-qty">{{qty}}</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> <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> <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> <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 'confirm'}}</span> --> <span class="btn--txt">{{_t 'Proceed'}}</span> </button> </div> </div> <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> <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> <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> <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> <div id="sb_invoice_payment_container" class="tab-pd sb_invoice_payment_container"></div> <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> <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> <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> <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> <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> <tr> <td>{{name}}</td> <td>{{_t payment_system}}</td> <td> <div class="btn btn-danger sb-delete-pm">{{_t "Delete"}}</div> </td> </tr> <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> <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> <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> <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> <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> <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> <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> <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> <div> {{> invoiceListPart}} </div> <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> <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> <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="buttons brand v2"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/{{encodeURIComponent (bookingStepUrl)}}" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="{{baseUrl}}/client/openid/provider/twitter/" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> </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> <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> <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> <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> <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="buttons brand v1"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="{{baseUrl}}/client/openid/provider/twitter/" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> </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> <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> <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> <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> <div class="modal-dialog modal--client-profile modal--client-profile_edit-pass"> <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 'Edit password'}} <input type="hidden" name="client_hash" value="{{client_hash}}"/> </div> <div class="sb-built-in-fields"> {{> formPassword error=errors.password name='password' label='password' id_prefix='sb_profile_' value=data.password}} {{> formPassword error=errors.password_confirm name='password_confirm' label='Repeat password' id_prefix='sb_profile_' value=data.password_confirm}} </div> <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> <div class="page-pd"> <div class="sb-widget-form"> <form> <div class="title"> {{_t 'contact_widget_help_message'}} </div> <ul class="form-fields form-horizontal custom-form"> <li> <div class="form-group{{#if errors.name}} has-error{{/if}}"> <label for="name" class="col-sm-12 control-label"> {{_t 'Your name'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.name}}" id="contact_widget__name" name="contact_widget__name" placeholder="{{_t 'Your name'}}"> <p class="help-block">{{_t errors.name}}</p> </div> </div> </li> <li> <div class="form-group{{#if errors.email}} has-error{{/if}}"> <label for="email" class="col-sm-12 control-label"> {{_t 'E-mail'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.email}}" id="contact_widget__email" name="contact_widget__email" placeholder="{{_t 'E-mail'}}"> <p class="help-block">{{_t errors.email}}</p> </div> </div> </li> <li> <div class="form-group {{#if errors.phone}} has-error{{/if}}"> <label for="phone" class="col-sm-12 control-label"> {{_t 'Contact phone'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.phone}}" id="contact_widget__phone" name="contact_widget__phone" placeholder="{{_t 'Contact phone'}}"> <p class="help-block">{{_t errors.phone}}</p> </div> </div> </li> <li> <div class="form-group {{#if errors.message}} has-error{{/if}}"> <label for="message" class="col-sm-12 control-label"> {{_t 'Message'}} </label> <div class="col-sm-12"> <textarea class="form-control" id="contact_widget__message" name="contact_widget__message" placeholder="{{_t 'Message'}}" rows="6">{{data.message}}</textarea> <p class="help-block">{{_t errors.message}}</p> </div> </div> </li> </ul> <div class="row"> <div class="col-sm-12"> <div class="buttons"> <a class="open-booking-widget-button" href="#book"> {{_t 'Make an appointment'}} </a> <input type="submit" class="send-message-button btn blue" value="{{_t 'Send message'}}"> </div> </div> </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">{{_t message}}</p> </div> {{/if}} </form> </div> </div> <div class="subscribe-component {{#if is_visible}}in{{else}}hidden{{/if}}"> <!-- is not subscribed AND client_id exist AND popup not closed yearly --> {{#if is_visible}} <div class="subscribe-component--divider"></div> <div class="subscribe-component--body"> <div class="subscribe-component--content"> <!-- {{#hasThemeImage 'sb_logo_image'}} <picture class="subscribe-component--logo-block"> <img class="subscribe-component--logo" src="{{getThemeImage 'sb_logo_image'}}" alt="{{_ (getConfigParam 'company_data') 'name'}}"> </picture> {{/hasThemeImage}}--> <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-danger" id="cancel-client-push-btn">{{_t "Cancel"}}</button>--> <button class="btn btn-primary" id="subscribe-client-push-btn">{{_t "Subscribe"}}</button> </div> </div> </div> {{/if}} </div> <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 class="date"> {{#if date}}{{formatDateTime date 'date'}}{{/if}} </div>--> </div> </section> </div> </div> <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> var config = {"csrf_token":"b5bc8a0bcb4e2445858bf8f0232406d1","debug_id":"0a20d4eee342eae33c41666bb464a340","is_widget":false,"custom_query":"","date_format":"d-m-Y","time_format":"24hr","time_frame":"20","apply_promo_code":null,"is_bdp_client":false,"fb_business_id":"vrcc-0eub","bdp_pixel_id":null,"client_login_require_phone":"1","min_date":"2025-11-03","max_date":"2026-05-03","country_prefix":"1","country_prefix_id":"US","country_prefix_is_changeable":true,"country_phone_initial":"US","monday_is_first_day":"1","is_booking_page_widget":0,"is_booking_page":false,"base_url":"\/v2","company_currency":"GBP","currency_info":{"GBP":{"code":"GBP","name":"Pound Sterling","symbol":"\u00a3","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":null,"hide_email":"0","timeline_type":"modern","datepicker_type":"top_calendar","reviews_count":"0","allow_switch_to_ada":0,"reviews_module_count":false,"hide_add_reviews":false,"show_booking_page_in_client_timezone":false,"allow_event_day_break":"0","allow_event_breaktime_break":"0","allow_buffertime_extend":false,"feedbacks_disabled":true,"company_data":{"name":"Vale Royal Chiropractic Clinic","login":"vrcc","description":"<p>Vale Royal Chiropractic Clinic is a trusted healthcare provider located in Northwich, Cheshire. We specialise in providing safe, drug-free, and non-surgical chiropractic care to help individuals overcome various conditions. Our expert team focuses on treating low back pain, neck pain, headaches, hip and knee pain from osteoarthritis, as well as shoulder and elbow conditions arising from the back or neck.<\/p><p><br><\/p><p><\/p><p>From newborns to individuals in their 90s, we cater to all age groups, aiming to optimise health by addressing spinal health and associated nerves. Led by experienced Chiropractor Lorraine Calland, our clinic is committed to providing personalised care to each patient. Our services include chiropractic treatment and comprehensive initial consultations. Visit Vale Royal Chiropractic Clinic and experience the benefits of chiropractic care for yourself.<\/p><p><br><\/p><p>If you are suffering from any of the following and haven't been before please book in with us for an Initial Consultation<\/p><p>- Low back pain<\/p><p>- Neck pain<\/p><p>- Headaches from the neck<\/p><p>- Hip & Knee pain from osteoarthritis<\/p><p>- Shoulder & Elbow conditions arising from the back or neck<\/p><p><br><\/p><p><b>About Lorraine Calland BSc (Chiro) DC | Chiropractor<\/b><\/p><p>Lorraine is registered with the General Chiropractic Council and is a member of the British Chiropractic Association. Lorraine graduated from the Anglo-European College of Chiropractic with a BSc (Chiropractic) degree in 1995. Since then she has enjoyed working as a chiropractor in various locations before opening the Northwich Clinic.<\/p><p><br><\/p><p>Free parking is available outside the clinic.<\/p><p>Directions: <a href=\"https:\/\/vrcc.simplybook.it\/v2\/#page\/directions\">Directions to the clinic<\/a><\/p><p>Prices: <a href=\"https:\/\/vrcc.simplybook.it\/v2\/#page\/our-fees\">Our price list<\/a><\/p><p><br><\/p><p><b>How to use our online booking system<\/b><\/p><p><a href=\"https:\/\/vrcc.simplybook.it\/v2\/#book\" target=\"_blank\">Click here<\/a> to find a service and appointment time and date for yourself.<\/p><p>You can then choose to login or make a new account for yourself. You can use Facebook and Google to login by clicking the icons on the signup page.<\/p><p><b>Existing clients<\/b><\/p><p>If you were registered with our old website you can put your email address in and choose \"Remind Password\" to be emailed a password reset link. <\/p><p><br><\/p><p><\/p>","category_keys":["chiropractics","medical"],"lat":"53.268745","lng":"-2.532913","address1":"No.3 The Stables","address2":" Winnington Hall","city":"Northwich","zip":"CW8 4DU","country_id":"GB","email":"valeroyalc@gmail.com","phone":"01606 350 840","web":"http:\/\/vrcc.simplybook.it","tag":null},"server_address":"simplybook.it","project_name":"SimplyBook.me","revision":"t4zya2en","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":0,"deposit_paid_events_is_client_can_pay_full_price":true,"slots_count_show_total":false,"timezone":"Europe\/London","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,"price_includes_tax":true,"sale_tax":false,"rebilling_enabled":false,"sbpay_invoices_enabled":true,"secure_url":"https:\/\/vrcc.simplybook.it","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","menu_id":"1","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"id":"17","name":"Prices","type":"html","url":"#page\/our-fees","target":"self","seo_url":"our-fees","position":"2","is_visible":"1","menu_id":null,"plugin_static_page_id":"2","is_disable":0},{"name":"menu_bookings","url":"#client\/bookings\/type\/upcoming","plugin":"","custom_dependency":"","position":"3","is_visible":"1","route":"client_bookings","id":"13","menu_id":"7","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"name":"menu_contact_widget","url":"#contact-widget","plugin":"contact_widget","custom_dependency":"","position":"5","is_visible":"1","route":"contact_widget","id":"12","menu_id":"15","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"id":"18","name":"Directions","type":"html","url":"#page\/directions","target":"self","seo_url":"directions","position":"6","is_visible":"1","menu_id":null,"plugin_static_page_id":"3","is_disable":0}],"is_ada_compliant":false,"plugins":{"event_field":{"is_active":"0","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":"0","system_name":"location"},"secure":{"is_active":"1","system_name":"secure"},"contact_widget":{"is_active":"1","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":"0","system_name":"membership"},"custom_domain":{"is_active":"0","system_name":"custom_domain"},"sms":{"is_active":"0","system_name":"sms"},"classes":{"is_active":"0","system_name":"classes"},"import_clients":{"is_active":"1","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":"1","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":"1","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":"1","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"},"react_widget":{"is_active":"0","system_name":"react_widget"}},"theme":"air","sheduler_channel":null,"widget_type":null,"is_simplybook_terms_disabled":false,"is_privacy_policy_enabled":false,"white_label":true,"show_peace_banner":false}; var theme = "air"; var themeVars = {"timeline_modern_display":"as_slots","booking_mode":"default","timeline_hide_unavailable":"1","hide_past_days":"0","timeline_show_end_time":"0","sb_base_color":"#437aaa","display_item_mode":"block","booking_nav_bg_color":"#437aaa","body_bg_color":"#ffffff","sb_logo_image":"31","sb_logo_image_mode":"company-logo-only","sb_logo_image_preview":"\/uploads\/vrcc\/image_files\/preview\/a45be7ca7efbe8beb040ef5dc4961a42.png","sb_logo_image_original":"\/uploads\/vrcc\/image_files\/original\/a45be7ca7efbe8beb040ef5dc4961a42.png","sb_logo_image_file_name":"a45be7ca7efbe8beb040ef5dc4961a42.png","sb_background_image":"30","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image_preview":"\/uploads\/vrcc\/image_files\/preview\/7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_background_image_original":"\/uploads\/vrcc\/image_files\/original\/7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_background_image_file_name":"7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_review_image":"51","sb_review_image_preview":"\/uploads\/vrcc\/image_files\/preview\/9a5ef9654fdebdd149b66ce00cdafb2f.png","sb_review_image_original":"\/uploads\/vrcc\/image_files\/original\/9a5ef9654fdebdd149b66ce00cdafb2f.png","sb_review_image_file_name":"9a5ef9654fdebdd149b66ce00cdafb2f.png","dark_font_color":"#3f4244","light_font_color":"#ffffff","btn_color_1":"#1999cc","main_page_mode":"side_bars","sb_company_label_color":"#ab5252","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#c7b3b3","sb_available":"#d6ebff","upload_path":"\/uploads\/vrcc","widget_type":null,"default_bg_image":"\/v2\/themes\/assets\/img\/categories\/medical\/air\/bg.jpg","allow_new_theme_btn_color":true,"allow_new_theme_images":true,"dir_logo_preview":"\/uploads\/vrcc\/image_files\/preview\/11def142edabc9eb461f3af25c00fc15.png","dir_bg_preview":"\/uploads\/vrcc\/image_files\/preview\/2a826899e9edfccfea3dca7becda0591.jpg"}; var userThemeSettings = {"timeline_modern_display":"as_slots","timeline_hide_unavailable":"1","hide_past_days":"0","timeline_show_end_time":"0","sb_base_color":"#437aaa","display_item_mode":"block","booking_nav_bg_color":"#437aaa","body_bg_color":"#ffffff","sb_logo_image_mode":"company-logo-only","sb_logo_image":"31","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image":"30","sb_review_image":"51","dark_font_color":"#3f4244","light_font_color":"#ffffff","btn_color_1":"#1999cc","main_page_mode":"side_bars","sb_company_label_color":"#ab5252","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#c7b3b3","sb_available":"#d6ebff","is_rtl":"0","timeline_type":"modern","datepicker_type":"top_calendar","time_frame":"20","time_format":"24hr","reviews_count":"0","allow_switch_to_ada":"0","clear_session":"0"}; var themeSettings = {}; var isUserPublic = true; //need 4 notifications window.initFirebase = async function () { const firebaseApp = await import('https://www.gstatic.com/firebasejs/11.6.0/firebase-app.js'); const firebaseMessaging = await import('https://www.gstatic.com/firebasejs/11.6.0/firebase-messaging.js'); var firebase = { initializeApp: firebaseApp.initializeApp, getMessaging: firebaseMessaging.getMessaging, getToken: firebaseMessaging.getToken, onMessage: firebaseMessaging.onMessage }; window.firebase = firebase; return firebase; } var allowCookies = false; var cookiesAccepted = false; var svgLoader = new InlineSvgLoader({ 'path': "\/v2\/themes\/default\/inline-assets\/", 'category_path': "\/v2\/images\/inline-assets\/medical" }); 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("&"); }
http://vrcc.simplybook.it/team
Status: 200
Emails: valeroyalc@gmail.com
View text
<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'}} <!-- vertical and horizontal --> <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> <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> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> <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> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> <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> <div class="alert alert-{{type}} {{#unless message}}hidden{{/unless}}">{{_t message _data=this}}</div> <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> <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}} <!-- <div id="reviews-view"> <div id="sb_reviews_module"></div> </div> --> {{#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> <section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section> {{#if enabled}} <div id="ada-compliant"> {{#if is_widget}} <!-- todo: if you need some other html for widgets - you can use this if tag --> {{/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}} <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="btn-bar__social-links"> {{#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="btn btn--action {{getSocialSystemClass this.type}}"> <span class="icon icon--{{this.type}}"> {{#if isFacebook}} <!-- SVG для Facebook --> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> {{/if}} {{#if isTwitter}} <!-- SVG для Twitter --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="x"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg> {{/if}} {{#if isInstagram}} <!-- SVG для Instagram --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="inst"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> {{/if}} {{#if isLinkedIn}} <!-- SVG для LinkedIn --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="ln"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/></svg> {{/if}} </span> </a> {{/each}} </div> </div> </div> </li> {{/if}} </ul> </div> </div> </section> <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> <section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section> <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> <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> <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"> <!--<svg class="company-location--icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M336 192c0-79.5-64.5-144-144-144S48 112.5 48 192c0 16.3 7.7 42 24.7 75.4c16.4 32.2 38.8 66.4 62.1 98.3c20.3 27.9 40.7 53.3 57.2 73.1c16.5-19.8 36.9-45.2 57.2-73.1c23.2-31.9 45.6-66.2 62.1-98.3C328.3 234 336 208.3 336 192zm48 0c0 83.1-105.6 219-160.2 283.6C204.8 498.1 192 512 192 512s-12.8-13.9-31.8-36.4C105.6 411 0 275.1 0 192C0 86 86 0 192 0S384 86 384 192zm-160 0a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-112 0a80 80 0 1 1 160 0 80 80 0 1 1 -160 0z"/></svg>--> {{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> <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> <a href="#{{url}}" class="{{#unless show_button}}hidden{{/unless}}"> <span class="fa fa-angle-left"></span> <span>{{_t "back"}}</span> </a> <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> <div class="modal-dialog timezone-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span aria-hidden="true">×</span></button> --> <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> <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="buttons brand v4"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in" class="popup-hide btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} </div> </div> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </section> </div> </div> </section> <div class="service-step step-content {{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}" id="sb_service_step_container"> </div> {{!-- 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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> {{!-- 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> <div class="split-title"> <div class="title-section"> {{_t label}} </div> </div> <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> {{#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}} <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <div class="tab_provider-col provider-col"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="provider-photo" {{#if provider.description }} data-toggle="modal" data-target="#provider_{{provider.id}}" role="button" tabindex="0"{{/if}}> {{#if provider.description }} <svg class="icon--provider-info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" class="fa-secondary" opacity=".45" d="M256 8C119 8 8 119.1 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 110a42 42 0 1 1 -42 42 42 42 0 0 1 42-42zm56 254a12 12 0 0 1 -12 12h-88a12 12 0 0 1 -12-12v-24a12 12 0 0 1 12-12h12v-64h-12a12 12 0 0 1 -12-12v-24a12 12 0 0 1 12-12h64a12 12 0 0 1 12 12v100h12a12 12 0 0 1 12 12z"/> <path fill="currentColor" class="fa-primary" d="M256 202a42 42 0 1 0 -42-42 42 42 0 0 0 42 42zm44 134h-12V236a12 12 0 0 0 -12-12h-64a12 12 0 0 0 -12 12v24a12 12 0 0 0 12 12h12v64h-12a12 12 0 0 0 -12 12v24a12 12 0 0 0 12 12h88a12 12 0 0 0 12-12v-24a12 12 0 0 0 -12-12z"/> </svg> {{/if}} {{#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 {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}} {{#if provider.description }}provider-name--clicable{{/if}}{{/ifCond}}" {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}} {{#if provider.description }} data-toggle="modal" data-target="#provider_{{provider.id}}" role="button" tabindex="0"{{/if}}{{/ifCond}}> {{provider.name}} </div> <div class="modal fade" id="provider_{{provider.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 img-full {{#if provider.picture}}{{#ifSvg provider.picture_path}} preloader_svg{{else}} preloader_img{{/ifSvg}}{{else}} preloader_empty {{/if}}"> {{#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=provider.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> {{#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> <div class="provider-item"> <div class="sb_time_flexible_hour_container"></div> </div> <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> <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> <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'}} <!-- {{#ifCond show_month '>' 0}} <div class="month"> {{formatDateTime date 'custom' 0 format='F'}} </div> {{/ifCond}} --> </div> </div> <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> <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> <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> <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> <div class="provider-item"> <a class="sb-cell free" href="#{{bookingStepUrl provider=provider.id time=false service=false}}"> {{provider.name}} </a> </div> <div class="provider-col sb_time_classes_provider_column"></div> <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> {{!- 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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <span> {{formatDuration duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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> <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> <div class="provider-col sb_time_classes_plugin_column"></div> {{#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}} <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <span> {{formatDuration service.duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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> <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> <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> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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}} <!-- <tr> <td class="label">{{_t 'starts_at'}}:</td> <td class="info"> {{formatDateTime start_datetime 'time' time_diff}} </td> </tr> --> {{/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}}/{{online_meeting_hash}}">{{_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> <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> {{#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}} {{!-- {{> 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> {{#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]))}} <!-- do nothing --> {{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}} {{#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}} <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> {{#if wl}} {{> waitingListBookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{else}} {{> bookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{/if}} <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"> <i class="fa fa-times"></i> </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> <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> <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> <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> <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> <div class="alert alert-info alert-dismissible" role="alert"> {{_t 'empty_client_bookings_page'}} </div> <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> <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> <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> <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> <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}} <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> <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> <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> <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 btn--secondary btn--add-review" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container -v1"> <div class="cap">{{_t 'please login to leave a review'}}</div> <div class="buttons brand v3"> <div class="btn-bar__social-links"> <a href="/v2/review/login/provider/google" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="/v2/review/login/provider/facebook" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/reviews" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="/v2/review/login/provider/twitter" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> {{#ifPluginActive 'client_login'}} <div class="txt">{{_t 'clf_or'}}</div> <a href="#client/sign-in/back/reviews" role="button" class="client-login btn btn--secondary"> <span class="btn--txt">{{_t 'Log In with email'}}</span> </a> {{/ifPluginActive}} </div> </div> {{/if}} </div> </div> </div> <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> <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}} <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> <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 btn--secondary btn--add-review" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container -v2"> <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> <!-- <a href="/v2/review/login/provider/twitter" target="_blank" class="twitter btn custom">--> <!-- <img src="/v2/themes/assets/img/tw-name.png" alt="Twitter">--> <!-- </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> <div class="alert alert-info">{{_t message}}</div> <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> {{#*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> <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> <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> <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"}} <!-- {{! > gdprReportTable uid="sb_table_4" data=client_devices name="gdpr_client_devices" }} --> {{> 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> <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> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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 Twitter account icon. Open in new window'}}" href="{{baseUrl}}/gdpr-report/openid/provider/twitter/" target="_blank" class="tw"></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> <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> <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> <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> <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> <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> <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> <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> {{#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}} {{#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}} <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> <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> <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> {{#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}} {{#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}} <div class="cart-container"> <div class="full-info full-info--cart sb-cart-popup {{#if qty}} --has-items{{/if}}"><!-- full-info --> <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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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> <!-- <img aria-hidden="true" src="/v2/themes/assets/img/cart-nav.png" alt="{{_t "Empty cart icon"}}"> --> <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> <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> <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> <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> <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> <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> <div id="sb_additional_fields"></div> <div class="form-group form-group--text{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--date{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--digits{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--select{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--textarea {{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group__static-html" data-field="{{name}}"> <div class="col-sm-12"> {{{value}}} </div> </div> <div class="form-group{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{#if value}}true{{else}}false{{/if}}"> <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> <label class="control-label {{#ifCond is_null '!=' 1}}required{{/ifCond}}" for="{{name}}" role="button" tabindex="0">{{title}}</label> {{#if error}}<span class="help-block">{{_t error}}</span>{{/if}} </div> <div class="form-group cloud_file{{#if error}} has-error{{/if}}" data-field="{{name}}"> <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> {{> formInput error=error name='name' label='name' id_prefix='sb_profile_x_' value=value}} {{> formEmail error=error name='email' label='email' id_prefix='sb_profile_x_' value=value}} {{> formPhone error=error name='phone' label='phone' id_prefix='sb_profile_x_' value=value country_prefix=country_prefix country_prefix_is_fixed=country_prefix_is_fixed}} {{> formPassword error=error name='password' label='password' id_prefix='sb_profile_x_'}} <div> {{#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_x_' 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_x_' 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_x_' value=data.state_id options=states}} </div> {{> formInput error=errors.address1 name='address1' label='address1' id_prefix='sb_profile_x_' value=data.address1 is_required=require_address}} {{> formInput error=errors.address2 name='address2' label='address2' id_prefix='sb_profile_x_' value=data.address2}} {{> formInput error=errors.zip name='zip' label='zip' id_prefix='sb_profile_x_' value=data.zip is_required=require_address}} {{> formInput error=errors.city name='city' label='city' id_prefix='sb_profile_x_' value=data.city is_required=require_address}} </div> {{/if}} </div> <div class="modal-dialog payment-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span aria-hidden="true">×</span></button> --> <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> <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> <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> <div id="sb_payment_systems_container"></div> <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> <div id="sb_paid_events_pay_container"></div> <div> <label> <input type="checkbox" {{#if is_recurring}}checked{{/if}}/> {{_t 'auto renew membership'}} </label> </div> <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"> <!--{{#if is_payment_allowed}} <div class="title custom-title pd text-center">{{_t 'invoice_select_payment_processor'}}</div> {{/if}} --> {{! 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> <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-num">#</th>--> <th class="inv-cell-info">{{_t 'invoice_line_name'}}</th> <th class="inv-cell-price">{{_t 'invoice_line_price'}}</th> <!--<th class="inv-cell-qty">{{_t 'invoice_line_qty'}}</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-num">{{add @index 1}}</td>--> <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> <!--<td class="inv-cell-qty">{{qty}}</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> <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> <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> <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 'confirm'}}</span> --> <span class="btn--txt">{{_t 'Proceed'}}</span> </button> </div> </div> <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> <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> <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> <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> <div id="sb_invoice_payment_container" class="tab-pd sb_invoice_payment_container"></div> <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> <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> <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> <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> <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> <tr> <td>{{name}}</td> <td>{{_t payment_system}}</td> <td> <div class="btn btn-danger sb-delete-pm">{{_t "Delete"}}</div> </td> </tr> <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> <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> <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> <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> <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> <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> <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> <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> <div> {{> invoiceListPart}} </div> <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> <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> <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="buttons brand v2"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/{{encodeURIComponent (bookingStepUrl)}}" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="{{baseUrl}}/client/openid/provider/twitter/" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> </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> <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> <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> <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> <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="buttons brand v1"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="{{baseUrl}}/client/openid/provider/twitter/" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> </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> <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> <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> <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> <div class="modal-dialog modal--client-profile modal--client-profile_edit-pass"> <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 'Edit password'}} <input type="hidden" name="client_hash" value="{{client_hash}}"/> </div> <div class="sb-built-in-fields"> {{> formPassword error=errors.password name='password' label='password' id_prefix='sb_profile_' value=data.password}} {{> formPassword error=errors.password_confirm name='password_confirm' label='Repeat password' id_prefix='sb_profile_' value=data.password_confirm}} </div> <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> <div class="page-pd"> <div class="sb-widget-form"> <form> <div class="title"> {{_t 'contact_widget_help_message'}} </div> <ul class="form-fields form-horizontal custom-form"> <li> <div class="form-group{{#if errors.name}} has-error{{/if}}"> <label for="name" class="col-sm-12 control-label"> {{_t 'Your name'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.name}}" id="contact_widget__name" name="contact_widget__name" placeholder="{{_t 'Your name'}}"> <p class="help-block">{{_t errors.name}}</p> </div> </div> </li> <li> <div class="form-group{{#if errors.email}} has-error{{/if}}"> <label for="email" class="col-sm-12 control-label"> {{_t 'E-mail'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.email}}" id="contact_widget__email" name="contact_widget__email" placeholder="{{_t 'E-mail'}}"> <p class="help-block">{{_t errors.email}}</p> </div> </div> </li> <li> <div class="form-group {{#if errors.phone}} has-error{{/if}}"> <label for="phone" class="col-sm-12 control-label"> {{_t 'Contact phone'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.phone}}" id="contact_widget__phone" name="contact_widget__phone" placeholder="{{_t 'Contact phone'}}"> <p class="help-block">{{_t errors.phone}}</p> </div> </div> </li> <li> <div class="form-group {{#if errors.message}} has-error{{/if}}"> <label for="message" class="col-sm-12 control-label"> {{_t 'Message'}} </label> <div class="col-sm-12"> <textarea class="form-control" id="contact_widget__message" name="contact_widget__message" placeholder="{{_t 'Message'}}" rows="6">{{data.message}}</textarea> <p class="help-block">{{_t errors.message}}</p> </div> </div> </li> </ul> <div class="row"> <div class="col-sm-12"> <div class="buttons"> <a class="open-booking-widget-button" href="#book"> {{_t 'Make an appointment'}} </a> <input type="submit" class="send-message-button btn blue" value="{{_t 'Send message'}}"> </div> </div> </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">{{_t message}}</p> </div> {{/if}} </form> </div> </div> <div class="subscribe-component {{#if is_visible}}in{{else}}hidden{{/if}}"> <!-- is not subscribed AND client_id exist AND popup not closed yearly --> {{#if is_visible}} <div class="subscribe-component--divider"></div> <div class="subscribe-component--body"> <div class="subscribe-component--content"> <!-- {{#hasThemeImage 'sb_logo_image'}} <picture class="subscribe-component--logo-block"> <img class="subscribe-component--logo" src="{{getThemeImage 'sb_logo_image'}}" alt="{{_ (getConfigParam 'company_data') 'name'}}"> </picture> {{/hasThemeImage}}--> <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-danger" id="cancel-client-push-btn">{{_t "Cancel"}}</button>--> <button class="btn btn-primary" id="subscribe-client-push-btn">{{_t "Subscribe"}}</button> </div> </div> </div> {{/if}} </div> <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 class="date"> {{#if date}}{{formatDateTime date 'date'}}{{/if}} </div>--> </div> </section> </div> </div> <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> var config = {"csrf_token":"84543a8415d10c676f4b87de7969eef4","debug_id":"a96512bbef00091dbaf64240ba8fe32c","is_widget":false,"custom_query":"","date_format":"d-m-Y","time_format":"24hr","time_frame":"20","apply_promo_code":null,"is_bdp_client":false,"fb_business_id":"vrcc-0eub","bdp_pixel_id":null,"client_login_require_phone":"1","min_date":"2025-11-03","max_date":"2026-05-03","country_prefix":"1","country_prefix_id":"US","country_prefix_is_changeable":true,"country_phone_initial":"US","monday_is_first_day":"1","is_booking_page_widget":0,"is_booking_page":false,"base_url":"\/v2","company_currency":"GBP","currency_info":{"GBP":{"code":"GBP","name":"Pound Sterling","symbol":"\u00a3","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":null,"hide_email":"0","timeline_type":"modern","datepicker_type":"top_calendar","reviews_count":"0","allow_switch_to_ada":0,"reviews_module_count":false,"hide_add_reviews":false,"show_booking_page_in_client_timezone":false,"allow_event_day_break":"0","allow_event_breaktime_break":"0","allow_buffertime_extend":false,"feedbacks_disabled":true,"company_data":{"name":"Vale Royal Chiropractic Clinic","login":"vrcc","description":"<p>Vale Royal Chiropractic Clinic is a trusted healthcare provider located in Northwich, Cheshire. We specialise in providing safe, drug-free, and non-surgical chiropractic care to help individuals overcome various conditions. Our expert team focuses on treating low back pain, neck pain, headaches, hip and knee pain from osteoarthritis, as well as shoulder and elbow conditions arising from the back or neck.<\/p><p><br><\/p><p><\/p><p>From newborns to individuals in their 90s, we cater to all age groups, aiming to optimise health by addressing spinal health and associated nerves. Led by experienced Chiropractor Lorraine Calland, our clinic is committed to providing personalised care to each patient. Our services include chiropractic treatment and comprehensive initial consultations. Visit Vale Royal Chiropractic Clinic and experience the benefits of chiropractic care for yourself.<\/p><p><br><\/p><p>If you are suffering from any of the following and haven't been before please book in with us for an Initial Consultation<\/p><p>- Low back pain<\/p><p>- Neck pain<\/p><p>- Headaches from the neck<\/p><p>- Hip & Knee pain from osteoarthritis<\/p><p>- Shoulder & Elbow conditions arising from the back or neck<\/p><p><br><\/p><p><b>About Lorraine Calland BSc (Chiro) DC | Chiropractor<\/b><\/p><p>Lorraine is registered with the General Chiropractic Council and is a member of the British Chiropractic Association. Lorraine graduated from the Anglo-European College of Chiropractic with a BSc (Chiropractic) degree in 1995. Since then she has enjoyed working as a chiropractor in various locations before opening the Northwich Clinic.<\/p><p><br><\/p><p>Free parking is available outside the clinic.<\/p><p>Directions: <a href=\"https:\/\/vrcc.simplybook.it\/v2\/#page\/directions\">Directions to the clinic<\/a><\/p><p>Prices: <a href=\"https:\/\/vrcc.simplybook.it\/v2\/#page\/our-fees\">Our price list<\/a><\/p><p><br><\/p><p><b>How to use our online booking system<\/b><\/p><p><a href=\"https:\/\/vrcc.simplybook.it\/v2\/#book\" target=\"_blank\">Click here<\/a> to find a service and appointment time and date for yourself.<\/p><p>You can then choose to login or make a new account for yourself. You can use Facebook and Google to login by clicking the icons on the signup page.<\/p><p><b>Existing clients<\/b><\/p><p>If you were registered with our old website you can put your email address in and choose \"Remind Password\" to be emailed a password reset link. <\/p><p><br><\/p><p><\/p>","category_keys":["chiropractics","medical"],"lat":"53.268745","lng":"-2.532913","address1":"No.3 The Stables","address2":" Winnington Hall","city":"Northwich","zip":"CW8 4DU","country_id":"GB","email":"valeroyalc@gmail.com","phone":"01606 350 840","web":"http:\/\/vrcc.simplybook.it","tag":null},"server_address":"simplybook.it","project_name":"SimplyBook.me","revision":"t4zya2en","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":0,"deposit_paid_events_is_client_can_pay_full_price":true,"slots_count_show_total":false,"timezone":"Europe\/London","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,"price_includes_tax":true,"sale_tax":false,"rebilling_enabled":false,"sbpay_invoices_enabled":true,"secure_url":"https:\/\/vrcc.simplybook.it","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","menu_id":"1","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"id":"17","name":"Prices","type":"html","url":"#page\/our-fees","target":"self","seo_url":"our-fees","position":"2","is_visible":"1","menu_id":null,"plugin_static_page_id":"2","is_disable":0},{"name":"menu_bookings","url":"#client\/bookings\/type\/upcoming","plugin":"","custom_dependency":"","position":"3","is_visible":"1","route":"client_bookings","id":"13","menu_id":"7","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"name":"menu_contact_widget","url":"#contact-widget","plugin":"contact_widget","custom_dependency":"","position":"5","is_visible":"1","route":"contact_widget","id":"12","menu_id":"15","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"id":"18","name":"Directions","type":"html","url":"#page\/directions","target":"self","seo_url":"directions","position":"6","is_visible":"1","menu_id":null,"plugin_static_page_id":"3","is_disable":0}],"is_ada_compliant":false,"plugins":{"event_field":{"is_active":"0","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":"0","system_name":"location"},"secure":{"is_active":"1","system_name":"secure"},"contact_widget":{"is_active":"1","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":"0","system_name":"membership"},"custom_domain":{"is_active":"0","system_name":"custom_domain"},"sms":{"is_active":"0","system_name":"sms"},"classes":{"is_active":"0","system_name":"classes"},"import_clients":{"is_active":"1","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":"1","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":"1","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":"1","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"},"react_widget":{"is_active":"0","system_name":"react_widget"}},"theme":"air","sheduler_channel":null,"widget_type":null,"is_simplybook_terms_disabled":false,"is_privacy_policy_enabled":false,"white_label":true,"show_peace_banner":false}; var theme = "air"; var themeVars = {"timeline_modern_display":"as_slots","booking_mode":"default","timeline_hide_unavailable":"1","hide_past_days":"0","timeline_show_end_time":"0","sb_base_color":"#437aaa","display_item_mode":"block","booking_nav_bg_color":"#437aaa","body_bg_color":"#ffffff","sb_logo_image":"31","sb_logo_image_mode":"company-logo-only","sb_logo_image_preview":"\/uploads\/vrcc\/image_files\/preview\/a45be7ca7efbe8beb040ef5dc4961a42.png","sb_logo_image_original":"\/uploads\/vrcc\/image_files\/original\/a45be7ca7efbe8beb040ef5dc4961a42.png","sb_logo_image_file_name":"a45be7ca7efbe8beb040ef5dc4961a42.png","sb_background_image":"30","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image_preview":"\/uploads\/vrcc\/image_files\/preview\/7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_background_image_original":"\/uploads\/vrcc\/image_files\/original\/7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_background_image_file_name":"7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_review_image":"51","sb_review_image_preview":"\/uploads\/vrcc\/image_files\/preview\/9a5ef9654fdebdd149b66ce00cdafb2f.png","sb_review_image_original":"\/uploads\/vrcc\/image_files\/original\/9a5ef9654fdebdd149b66ce00cdafb2f.png","sb_review_image_file_name":"9a5ef9654fdebdd149b66ce00cdafb2f.png","dark_font_color":"#3f4244","light_font_color":"#ffffff","btn_color_1":"#1999cc","main_page_mode":"side_bars","sb_company_label_color":"#ab5252","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#c7b3b3","sb_available":"#d6ebff","upload_path":"\/uploads\/vrcc","widget_type":null,"default_bg_image":"\/v2\/themes\/assets\/img\/categories\/medical\/air\/bg.jpg","allow_new_theme_btn_color":true,"allow_new_theme_images":true,"dir_logo_preview":"\/uploads\/vrcc\/image_files\/preview\/11def142edabc9eb461f3af25c00fc15.png","dir_bg_preview":"\/uploads\/vrcc\/image_files\/preview\/2a826899e9edfccfea3dca7becda0591.jpg"}; var userThemeSettings = {"timeline_modern_display":"as_slots","timeline_hide_unavailable":"1","hide_past_days":"0","timeline_show_end_time":"0","sb_base_color":"#437aaa","display_item_mode":"block","booking_nav_bg_color":"#437aaa","body_bg_color":"#ffffff","sb_logo_image_mode":"company-logo-only","sb_logo_image":"31","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image":"30","sb_review_image":"51","dark_font_color":"#3f4244","light_font_color":"#ffffff","btn_color_1":"#1999cc","main_page_mode":"side_bars","sb_company_label_color":"#ab5252","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#c7b3b3","sb_available":"#d6ebff","is_rtl":"0","timeline_type":"modern","datepicker_type":"top_calendar","time_frame":"20","time_format":"24hr","reviews_count":"0","allow_switch_to_ada":"0","clear_session":"0"}; var themeSettings = {}; var isUserPublic = true; //need 4 notifications window.initFirebase = async function () { const firebaseApp = await import('https://www.gstatic.com/firebasejs/11.6.0/firebase-app.js'); const firebaseMessaging = await import('https://www.gstatic.com/firebasejs/11.6.0/firebase-messaging.js'); var firebase = { initializeApp: firebaseApp.initializeApp, getMessaging: firebaseMessaging.getMessaging, getToken: firebaseMessaging.getToken, onMessage: firebaseMessaging.onMessage }; window.firebase = firebase; return firebase; } var allowCookies = false; var cookiesAccepted = false; var svgLoader = new InlineSvgLoader({ 'path': "\/v2\/themes\/default\/inline-assets\/", 'category_path': "\/v2\/images\/inline-assets\/medical" }); 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("&"); }
http://vrcc.simplybook.it/about
Status: 200
Emails: valeroyalc@gmail.com
View text
<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'}} <!-- vertical and horizontal --> <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> <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> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> <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> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> <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> <div class="alert alert-{{type}} {{#unless message}}hidden{{/unless}}">{{_t message _data=this}}</div> <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> <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}} <!-- <div id="reviews-view"> <div id="sb_reviews_module"></div> </div> --> {{#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> <section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section> {{#if enabled}} <div id="ada-compliant"> {{#if is_widget}} <!-- todo: if you need some other html for widgets - you can use this if tag --> {{/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}} <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="btn-bar__social-links"> {{#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="btn btn--action {{getSocialSystemClass this.type}}"> <span class="icon icon--{{this.type}}"> {{#if isFacebook}} <!-- SVG для Facebook --> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> {{/if}} {{#if isTwitter}} <!-- SVG для Twitter --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="x"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg> {{/if}} {{#if isInstagram}} <!-- SVG для Instagram --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="inst"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> {{/if}} {{#if isLinkedIn}} <!-- SVG для LinkedIn --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="ln"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/></svg> {{/if}} </span> </a> {{/each}} </div> </div> </div> </li> {{/if}} </ul> </div> </div> </section> <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> <section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section> <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> <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> <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"> <!--<svg class="company-location--icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M336 192c0-79.5-64.5-144-144-144S48 112.5 48 192c0 16.3 7.7 42 24.7 75.4c16.4 32.2 38.8 66.4 62.1 98.3c20.3 27.9 40.7 53.3 57.2 73.1c16.5-19.8 36.9-45.2 57.2-73.1c23.2-31.9 45.6-66.2 62.1-98.3C328.3 234 336 208.3 336 192zm48 0c0 83.1-105.6 219-160.2 283.6C204.8 498.1 192 512 192 512s-12.8-13.9-31.8-36.4C105.6 411 0 275.1 0 192C0 86 86 0 192 0S384 86 384 192zm-160 0a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-112 0a80 80 0 1 1 160 0 80 80 0 1 1 -160 0z"/></svg>--> {{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> <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> <a href="#{{url}}" class="{{#unless show_button}}hidden{{/unless}}"> <span class="fa fa-angle-left"></span> <span>{{_t "back"}}</span> </a> <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> <div class="modal-dialog timezone-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span aria-hidden="true">×</span></button> --> <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> <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="buttons brand v4"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in" class="popup-hide btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} </div> </div> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </section> </div> </div> </section> <div class="service-step step-content {{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}" id="sb_service_step_container"> </div> {{!-- 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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> {{!-- 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> <div class="split-title"> <div class="title-section"> {{_t label}} </div> </div> <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> {{#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}} <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <div class="tab_provider-col provider-col"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="provider-photo" {{#if provider.description }} data-toggle="modal" data-target="#provider_{{provider.id}}" role="button" tabindex="0"{{/if}}> {{#if provider.description }} <svg class="icon--provider-info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" class="fa-secondary" opacity=".45" d="M256 8C119 8 8 119.1 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 110a42 42 0 1 1 -42 42 42 42 0 0 1 42-42zm56 254a12 12 0 0 1 -12 12h-88a12 12 0 0 1 -12-12v-24a12 12 0 0 1 12-12h12v-64h-12a12 12 0 0 1 -12-12v-24a12 12 0 0 1 12-12h64a12 12 0 0 1 12 12v100h12a12 12 0 0 1 12 12z"/> <path fill="currentColor" class="fa-primary" d="M256 202a42 42 0 1 0 -42-42 42 42 0 0 0 42 42zm44 134h-12V236a12 12 0 0 0 -12-12h-64a12 12 0 0 0 -12 12v24a12 12 0 0 0 12 12h12v64h-12a12 12 0 0 0 -12 12v24a12 12 0 0 0 12 12h88a12 12 0 0 0 12-12v-24a12 12 0 0 0 -12-12z"/> </svg> {{/if}} {{#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 {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}} {{#if provider.description }}provider-name--clicable{{/if}}{{/ifCond}}" {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}} {{#if provider.description }} data-toggle="modal" data-target="#provider_{{provider.id}}" role="button" tabindex="0"{{/if}}{{/ifCond}}> {{provider.name}} </div> <div class="modal fade" id="provider_{{provider.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 img-full {{#if provider.picture}}{{#ifSvg provider.picture_path}} preloader_svg{{else}} preloader_img{{/ifSvg}}{{else}} preloader_empty {{/if}}"> {{#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=provider.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> {{#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> <div class="provider-item"> <div class="sb_time_flexible_hour_container"></div> </div> <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> <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> <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'}} <!-- {{#ifCond show_month '>' 0}} <div class="month"> {{formatDateTime date 'custom' 0 format='F'}} </div> {{/ifCond}} --> </div> </div> <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> <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> <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> <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> <div class="provider-item"> <a class="sb-cell free" href="#{{bookingStepUrl provider=provider.id time=false service=false}}"> {{provider.name}} </a> </div> <div class="provider-col sb_time_classes_provider_column"></div> <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> {{!- 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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <span> {{formatDuration duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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> <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> <div class="provider-col sb_time_classes_plugin_column"></div> {{#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}} <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <span> {{formatDuration service.duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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> <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> <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> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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}} <!-- <tr> <td class="label">{{_t 'starts_at'}}:</td> <td class="info"> {{formatDateTime start_datetime 'time' time_diff}} </td> </tr> --> {{/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}}/{{online_meeting_hash}}">{{_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> <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> {{#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}} {{!-- {{> 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> {{#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]))}} <!-- do nothing --> {{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}} {{#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}} <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> {{#if wl}} {{> waitingListBookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{else}} {{> bookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{/if}} <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"> <i class="fa fa-times"></i> </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> <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> <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> <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> <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> <div class="alert alert-info alert-dismissible" role="alert"> {{_t 'empty_client_bookings_page'}} </div> <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> <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> <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> <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> <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}} <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> <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> <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> <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 btn--secondary btn--add-review" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container -v1"> <div class="cap">{{_t 'please login to leave a review'}}</div> <div class="buttons brand v3"> <div class="btn-bar__social-links"> <a href="/v2/review/login/provider/google" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="/v2/review/login/provider/facebook" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/reviews" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="/v2/review/login/provider/twitter" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> {{#ifPluginActive 'client_login'}} <div class="txt">{{_t 'clf_or'}}</div> <a href="#client/sign-in/back/reviews" role="button" class="client-login btn btn--secondary"> <span class="btn--txt">{{_t 'Log In with email'}}</span> </a> {{/ifPluginActive}} </div> </div> {{/if}} </div> </div> </div> <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> <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}} <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> <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 btn--secondary btn--add-review" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container -v2"> <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> <!-- <a href="/v2/review/login/provider/twitter" target="_blank" class="twitter btn custom">--> <!-- <img src="/v2/themes/assets/img/tw-name.png" alt="Twitter">--> <!-- </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> <div class="alert alert-info">{{_t message}}</div> <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> {{#*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> <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> <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> <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"}} <!-- {{! > gdprReportTable uid="sb_table_4" data=client_devices name="gdpr_client_devices" }} --> {{> 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> <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> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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 Twitter account icon. Open in new window'}}" href="{{baseUrl}}/gdpr-report/openid/provider/twitter/" target="_blank" class="tw"></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> <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> <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> <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> <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> <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> <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> <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> {{#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}} {{#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}} <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> <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> <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> {{#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}} {{#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}} <div class="cart-container"> <div class="full-info full-info--cart sb-cart-popup {{#if qty}} --has-items{{/if}}"><!-- full-info --> <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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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> <!-- <img aria-hidden="true" src="/v2/themes/assets/img/cart-nav.png" alt="{{_t "Empty cart icon"}}"> --> <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> <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> <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> <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> <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> <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> <div id="sb_additional_fields"></div> <div class="form-group form-group--text{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--date{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--digits{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--select{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--textarea {{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group__static-html" data-field="{{name}}"> <div class="col-sm-12"> {{{value}}} </div> </div> <div class="form-group{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{#if value}}true{{else}}false{{/if}}"> <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> <label class="control-label {{#ifCond is_null '!=' 1}}required{{/ifCond}}" for="{{name}}" role="button" tabindex="0">{{title}}</label> {{#if error}}<span class="help-block">{{_t error}}</span>{{/if}} </div> <div class="form-group cloud_file{{#if error}} has-error{{/if}}" data-field="{{name}}"> <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> {{> formInput error=error name='name' label='name' id_prefix='sb_profile_x_' value=value}} {{> formEmail error=error name='email' label='email' id_prefix='sb_profile_x_' value=value}} {{> formPhone error=error name='phone' label='phone' id_prefix='sb_profile_x_' value=value country_prefix=country_prefix country_prefix_is_fixed=country_prefix_is_fixed}} {{> formPassword error=error name='password' label='password' id_prefix='sb_profile_x_'}} <div> {{#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_x_' 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_x_' 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_x_' value=data.state_id options=states}} </div> {{> formInput error=errors.address1 name='address1' label='address1' id_prefix='sb_profile_x_' value=data.address1 is_required=require_address}} {{> formInput error=errors.address2 name='address2' label='address2' id_prefix='sb_profile_x_' value=data.address2}} {{> formInput error=errors.zip name='zip' label='zip' id_prefix='sb_profile_x_' value=data.zip is_required=require_address}} {{> formInput error=errors.city name='city' label='city' id_prefix='sb_profile_x_' value=data.city is_required=require_address}} </div> {{/if}} </div> <div class="modal-dialog payment-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span aria-hidden="true">×</span></button> --> <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> <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> <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> <div id="sb_payment_systems_container"></div> <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> <div id="sb_paid_events_pay_container"></div> <div> <label> <input type="checkbox" {{#if is_recurring}}checked{{/if}}/> {{_t 'auto renew membership'}} </label> </div> <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"> <!--{{#if is_payment_allowed}} <div class="title custom-title pd text-center">{{_t 'invoice_select_payment_processor'}}</div> {{/if}} --> {{! 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> <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-num">#</th>--> <th class="inv-cell-info">{{_t 'invoice_line_name'}}</th> <th class="inv-cell-price">{{_t 'invoice_line_price'}}</th> <!--<th class="inv-cell-qty">{{_t 'invoice_line_qty'}}</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-num">{{add @index 1}}</td>--> <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> <!--<td class="inv-cell-qty">{{qty}}</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> <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> <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> <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 'confirm'}}</span> --> <span class="btn--txt">{{_t 'Proceed'}}</span> </button> </div> </div> <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> <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> <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> <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> <div id="sb_invoice_payment_container" class="tab-pd sb_invoice_payment_container"></div> <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> <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> <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> <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> <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> <tr> <td>{{name}}</td> <td>{{_t payment_system}}</td> <td> <div class="btn btn-danger sb-delete-pm">{{_t "Delete"}}</div> </td> </tr> <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> <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> <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> <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> <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> <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> <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> <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> <div> {{> invoiceListPart}} </div> <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> <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> <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="buttons brand v2"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/{{encodeURIComponent (bookingStepUrl)}}" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="{{baseUrl}}/client/openid/provider/twitter/" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> </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> <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> <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> <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> <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="buttons brand v1"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="{{baseUrl}}/client/openid/provider/twitter/" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> </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> <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> <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> <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> <div class="modal-dialog modal--client-profile modal--client-profile_edit-pass"> <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 'Edit password'}} <input type="hidden" name="client_hash" value="{{client_hash}}"/> </div> <div class="sb-built-in-fields"> {{> formPassword error=errors.password name='password' label='password' id_prefix='sb_profile_' value=data.password}} {{> formPassword error=errors.password_confirm name='password_confirm' label='Repeat password' id_prefix='sb_profile_' value=data.password_confirm}} </div> <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> <div class="page-pd"> <div class="sb-widget-form"> <form> <div class="title"> {{_t 'contact_widget_help_message'}} </div> <ul class="form-fields form-horizontal custom-form"> <li> <div class="form-group{{#if errors.name}} has-error{{/if}}"> <label for="name" class="col-sm-12 control-label"> {{_t 'Your name'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.name}}" id="contact_widget__name" name="contact_widget__name" placeholder="{{_t 'Your name'}}"> <p class="help-block">{{_t errors.name}}</p> </div> </div> </li> <li> <div class="form-group{{#if errors.email}} has-error{{/if}}"> <label for="email" class="col-sm-12 control-label"> {{_t 'E-mail'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.email}}" id="contact_widget__email" name="contact_widget__email" placeholder="{{_t 'E-mail'}}"> <p class="help-block">{{_t errors.email}}</p> </div> </div> </li> <li> <div class="form-group {{#if errors.phone}} has-error{{/if}}"> <label for="phone" class="col-sm-12 control-label"> {{_t 'Contact phone'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.phone}}" id="contact_widget__phone" name="contact_widget__phone" placeholder="{{_t 'Contact phone'}}"> <p class="help-block">{{_t errors.phone}}</p> </div> </div> </li> <li> <div class="form-group {{#if errors.message}} has-error{{/if}}"> <label for="message" class="col-sm-12 control-label"> {{_t 'Message'}} </label> <div class="col-sm-12"> <textarea class="form-control" id="contact_widget__message" name="contact_widget__message" placeholder="{{_t 'Message'}}" rows="6">{{data.message}}</textarea> <p class="help-block">{{_t errors.message}}</p> </div> </div> </li> </ul> <div class="row"> <div class="col-sm-12"> <div class="buttons"> <a class="open-booking-widget-button" href="#book"> {{_t 'Make an appointment'}} </a> <input type="submit" class="send-message-button btn blue" value="{{_t 'Send message'}}"> </div> </div> </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">{{_t message}}</p> </div> {{/if}} </form> </div> </div> <div class="subscribe-component {{#if is_visible}}in{{else}}hidden{{/if}}"> <!-- is not subscribed AND client_id exist AND popup not closed yearly --> {{#if is_visible}} <div class="subscribe-component--divider"></div> <div class="subscribe-component--body"> <div class="subscribe-component--content"> <!-- {{#hasThemeImage 'sb_logo_image'}} <picture class="subscribe-component--logo-block"> <img class="subscribe-component--logo" src="{{getThemeImage 'sb_logo_image'}}" alt="{{_ (getConfigParam 'company_data') 'name'}}"> </picture> {{/hasThemeImage}}--> <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-danger" id="cancel-client-push-btn">{{_t "Cancel"}}</button>--> <button class="btn btn-primary" id="subscribe-client-push-btn">{{_t "Subscribe"}}</button> </div> </div> </div> {{/if}} </div> <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 class="date"> {{#if date}}{{formatDateTime date 'date'}}{{/if}} </div>--> </div> </section> </div> </div> <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> var config = {"csrf_token":"3eeca2ebe67ebdda604eb12d15141b66","debug_id":"236a94dd6dd4ed47768390a08a32f759","is_widget":false,"custom_query":"","date_format":"d-m-Y","time_format":"24hr","time_frame":"20","apply_promo_code":null,"is_bdp_client":false,"fb_business_id":"vrcc-0eub","bdp_pixel_id":null,"client_login_require_phone":"1","min_date":"2025-11-03","max_date":"2026-05-03","country_prefix":"1","country_prefix_id":"US","country_prefix_is_changeable":true,"country_phone_initial":"US","monday_is_first_day":"1","is_booking_page_widget":0,"is_booking_page":false,"base_url":"\/v2","company_currency":"GBP","currency_info":{"GBP":{"code":"GBP","name":"Pound Sterling","symbol":"\u00a3","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":null,"hide_email":"0","timeline_type":"modern","datepicker_type":"top_calendar","reviews_count":"0","allow_switch_to_ada":0,"reviews_module_count":false,"hide_add_reviews":false,"show_booking_page_in_client_timezone":false,"allow_event_day_break":"0","allow_event_breaktime_break":"0","allow_buffertime_extend":false,"feedbacks_disabled":true,"company_data":{"name":"Vale Royal Chiropractic Clinic","login":"vrcc","description":"<p>Vale Royal Chiropractic Clinic is a trusted healthcare provider located in Northwich, Cheshire. We specialise in providing safe, drug-free, and non-surgical chiropractic care to help individuals overcome various conditions. Our expert team focuses on treating low back pain, neck pain, headaches, hip and knee pain from osteoarthritis, as well as shoulder and elbow conditions arising from the back or neck.<\/p><p><br><\/p><p><\/p><p>From newborns to individuals in their 90s, we cater to all age groups, aiming to optimise health by addressing spinal health and associated nerves. Led by experienced Chiropractor Lorraine Calland, our clinic is committed to providing personalised care to each patient. Our services include chiropractic treatment and comprehensive initial consultations. Visit Vale Royal Chiropractic Clinic and experience the benefits of chiropractic care for yourself.<\/p><p><br><\/p><p>If you are suffering from any of the following and haven't been before please book in with us for an Initial Consultation<\/p><p>- Low back pain<\/p><p>- Neck pain<\/p><p>- Headaches from the neck<\/p><p>- Hip & Knee pain from osteoarthritis<\/p><p>- Shoulder & Elbow conditions arising from the back or neck<\/p><p><br><\/p><p><b>About Lorraine Calland BSc (Chiro) DC | Chiropractor<\/b><\/p><p>Lorraine is registered with the General Chiropractic Council and is a member of the British Chiropractic Association. Lorraine graduated from the Anglo-European College of Chiropractic with a BSc (Chiropractic) degree in 1995. Since then she has enjoyed working as a chiropractor in various locations before opening the Northwich Clinic.<\/p><p><br><\/p><p>Free parking is available outside the clinic.<\/p><p>Directions: <a href=\"https:\/\/vrcc.simplybook.it\/v2\/#page\/directions\">Directions to the clinic<\/a><\/p><p>Prices: <a href=\"https:\/\/vrcc.simplybook.it\/v2\/#page\/our-fees\">Our price list<\/a><\/p><p><br><\/p><p><b>How to use our online booking system<\/b><\/p><p><a href=\"https:\/\/vrcc.simplybook.it\/v2\/#book\" target=\"_blank\">Click here<\/a> to find a service and appointment time and date for yourself.<\/p><p>You can then choose to login or make a new account for yourself. You can use Facebook and Google to login by clicking the icons on the signup page.<\/p><p><b>Existing clients<\/b><\/p><p>If you were registered with our old website you can put your email address in and choose \"Remind Password\" to be emailed a password reset link. <\/p><p><br><\/p><p><\/p>","category_keys":["chiropractics","medical"],"lat":"53.268745","lng":"-2.532913","address1":"No.3 The Stables","address2":" Winnington Hall","city":"Northwich","zip":"CW8 4DU","country_id":"GB","email":"valeroyalc@gmail.com","phone":"01606 350 840","web":"http:\/\/vrcc.simplybook.it","tag":null},"server_address":"simplybook.it","project_name":"SimplyBook.me","revision":"t4zya2en","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":0,"deposit_paid_events_is_client_can_pay_full_price":true,"slots_count_show_total":false,"timezone":"Europe\/London","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,"price_includes_tax":true,"sale_tax":false,"rebilling_enabled":false,"sbpay_invoices_enabled":true,"secure_url":"https:\/\/vrcc.simplybook.it","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","menu_id":"1","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"id":"17","name":"Prices","type":"html","url":"#page\/our-fees","target":"self","seo_url":"our-fees","position":"2","is_visible":"1","menu_id":null,"plugin_static_page_id":"2","is_disable":0},{"name":"menu_bookings","url":"#client\/bookings\/type\/upcoming","plugin":"","custom_dependency":"","position":"3","is_visible":"1","route":"client_bookings","id":"13","menu_id":"7","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"name":"menu_contact_widget","url":"#contact-widget","plugin":"contact_widget","custom_dependency":"","position":"5","is_visible":"1","route":"contact_widget","id":"12","menu_id":"15","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"id":"18","name":"Directions","type":"html","url":"#page\/directions","target":"self","seo_url":"directions","position":"6","is_visible":"1","menu_id":null,"plugin_static_page_id":"3","is_disable":0}],"is_ada_compliant":false,"plugins":{"event_field":{"is_active":"0","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":"0","system_name":"location"},"secure":{"is_active":"1","system_name":"secure"},"contact_widget":{"is_active":"1","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":"0","system_name":"membership"},"custom_domain":{"is_active":"0","system_name":"custom_domain"},"sms":{"is_active":"0","system_name":"sms"},"classes":{"is_active":"0","system_name":"classes"},"import_clients":{"is_active":"1","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":"1","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":"1","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":"1","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"},"react_widget":{"is_active":"0","system_name":"react_widget"}},"theme":"air","sheduler_channel":null,"widget_type":null,"is_simplybook_terms_disabled":false,"is_privacy_policy_enabled":false,"white_label":true,"show_peace_banner":false}; var theme = "air"; var themeVars = {"timeline_modern_display":"as_slots","booking_mode":"default","timeline_hide_unavailable":"1","hide_past_days":"0","timeline_show_end_time":"0","sb_base_color":"#437aaa","display_item_mode":"block","booking_nav_bg_color":"#437aaa","body_bg_color":"#ffffff","sb_logo_image":"31","sb_logo_image_mode":"company-logo-only","sb_logo_image_preview":"\/uploads\/vrcc\/image_files\/preview\/a45be7ca7efbe8beb040ef5dc4961a42.png","sb_logo_image_original":"\/uploads\/vrcc\/image_files\/original\/a45be7ca7efbe8beb040ef5dc4961a42.png","sb_logo_image_file_name":"a45be7ca7efbe8beb040ef5dc4961a42.png","sb_background_image":"30","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image_preview":"\/uploads\/vrcc\/image_files\/preview\/7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_background_image_original":"\/uploads\/vrcc\/image_files\/original\/7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_background_image_file_name":"7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_review_image":"51","sb_review_image_preview":"\/uploads\/vrcc\/image_files\/preview\/9a5ef9654fdebdd149b66ce00cdafb2f.png","sb_review_image_original":"\/uploads\/vrcc\/image_files\/original\/9a5ef9654fdebdd149b66ce00cdafb2f.png","sb_review_image_file_name":"9a5ef9654fdebdd149b66ce00cdafb2f.png","dark_font_color":"#3f4244","light_font_color":"#ffffff","btn_color_1":"#1999cc","main_page_mode":"side_bars","sb_company_label_color":"#ab5252","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#c7b3b3","sb_available":"#d6ebff","upload_path":"\/uploads\/vrcc","widget_type":null,"default_bg_image":"\/v2\/themes\/assets\/img\/categories\/medical\/air\/bg.jpg","allow_new_theme_btn_color":true,"allow_new_theme_images":true,"dir_logo_preview":"\/uploads\/vrcc\/image_files\/preview\/11def142edabc9eb461f3af25c00fc15.png","dir_bg_preview":"\/uploads\/vrcc\/image_files\/preview\/2a826899e9edfccfea3dca7becda0591.jpg"}; var userThemeSettings = {"timeline_modern_display":"as_slots","timeline_hide_unavailable":"1","hide_past_days":"0","timeline_show_end_time":"0","sb_base_color":"#437aaa","display_item_mode":"block","booking_nav_bg_color":"#437aaa","body_bg_color":"#ffffff","sb_logo_image_mode":"company-logo-only","sb_logo_image":"31","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image":"30","sb_review_image":"51","dark_font_color":"#3f4244","light_font_color":"#ffffff","btn_color_1":"#1999cc","main_page_mode":"side_bars","sb_company_label_color":"#ab5252","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#c7b3b3","sb_available":"#d6ebff","is_rtl":"0","timeline_type":"modern","datepicker_type":"top_calendar","time_frame":"20","time_format":"24hr","reviews_count":"0","allow_switch_to_ada":"0","clear_session":"0"}; var themeSettings = {}; var isUserPublic = true; //need 4 notifications window.initFirebase = async function () { const firebaseApp = await import('https://www.gstatic.com/firebasejs/11.6.0/firebase-app.js'); const firebaseMessaging = await import('https://www.gstatic.com/firebasejs/11.6.0/firebase-messaging.js'); var firebase = { initializeApp: firebaseApp.initializeApp, getMessaging: firebaseMessaging.getMessaging, getToken: firebaseMessaging.getToken, onMessage: firebaseMessaging.onMessage }; window.firebase = firebase; return firebase; } var allowCookies = false; var cookiesAccepted = false; var svgLoader = new InlineSvgLoader({ 'path': "\/v2\/themes\/default\/inline-assets\/", 'category_path': "\/v2\/images\/inline-assets\/medical" }); 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("&"); }
http://vrcc.simplybook.it/contact
Status: 200
Emails: valeroyalc@gmail.com
View text
<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'}} <!-- vertical and horizontal --> <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> <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> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> <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> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> <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> <div class="alert alert-{{type}} {{#unless message}}hidden{{/unless}}">{{_t message _data=this}}</div> <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> <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}} <!-- <div id="reviews-view"> <div id="sb_reviews_module"></div> </div> --> {{#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> <section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section> {{#if enabled}} <div id="ada-compliant"> {{#if is_widget}} <!-- todo: if you need some other html for widgets - you can use this if tag --> {{/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}} <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="btn-bar__social-links"> {{#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="btn btn--action {{getSocialSystemClass this.type}}"> <span class="icon icon--{{this.type}}"> {{#if isFacebook}} <!-- SVG для Facebook --> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> {{/if}} {{#if isTwitter}} <!-- SVG для Twitter --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="x"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg> {{/if}} {{#if isInstagram}} <!-- SVG для Instagram --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="inst"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> {{/if}} {{#if isLinkedIn}} <!-- SVG для LinkedIn --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="ln"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/></svg> {{/if}} </span> </a> {{/each}} </div> </div> </div> </li> {{/if}} </ul> </div> </div> </section> <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> <section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section> <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> <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> <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"> <!--<svg class="company-location--icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M336 192c0-79.5-64.5-144-144-144S48 112.5 48 192c0 16.3 7.7 42 24.7 75.4c16.4 32.2 38.8 66.4 62.1 98.3c20.3 27.9 40.7 53.3 57.2 73.1c16.5-19.8 36.9-45.2 57.2-73.1c23.2-31.9 45.6-66.2 62.1-98.3C328.3 234 336 208.3 336 192zm48 0c0 83.1-105.6 219-160.2 283.6C204.8 498.1 192 512 192 512s-12.8-13.9-31.8-36.4C105.6 411 0 275.1 0 192C0 86 86 0 192 0S384 86 384 192zm-160 0a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-112 0a80 80 0 1 1 160 0 80 80 0 1 1 -160 0z"/></svg>--> {{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> <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> <a href="#{{url}}" class="{{#unless show_button}}hidden{{/unless}}"> <span class="fa fa-angle-left"></span> <span>{{_t "back"}}</span> </a> <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> <div class="modal-dialog timezone-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span aria-hidden="true">×</span></button> --> <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> <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="buttons brand v4"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in" class="popup-hide btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} </div> </div> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </section> </div> </div> </section> <div class="service-step step-content {{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}" id="sb_service_step_container"> </div> {{!-- 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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> {{!-- 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> <div class="split-title"> <div class="title-section"> {{_t label}} </div> </div> <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> {{#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}} <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <div class="tab_provider-col provider-col"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="provider-photo" {{#if provider.description }} data-toggle="modal" data-target="#provider_{{provider.id}}" role="button" tabindex="0"{{/if}}> {{#if provider.description }} <svg class="icon--provider-info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" class="fa-secondary" opacity=".45" d="M256 8C119 8 8 119.1 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 110a42 42 0 1 1 -42 42 42 42 0 0 1 42-42zm56 254a12 12 0 0 1 -12 12h-88a12 12 0 0 1 -12-12v-24a12 12 0 0 1 12-12h12v-64h-12a12 12 0 0 1 -12-12v-24a12 12 0 0 1 12-12h64a12 12 0 0 1 12 12v100h12a12 12 0 0 1 12 12z"/> <path fill="currentColor" class="fa-primary" d="M256 202a42 42 0 1 0 -42-42 42 42 0 0 0 42 42zm44 134h-12V236a12 12 0 0 0 -12-12h-64a12 12 0 0 0 -12 12v24a12 12 0 0 0 12 12h12v64h-12a12 12 0 0 0 -12 12v24a12 12 0 0 0 12 12h88a12 12 0 0 0 12-12v-24a12 12 0 0 0 -12-12z"/> </svg> {{/if}} {{#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 {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}} {{#if provider.description }}provider-name--clicable{{/if}}{{/ifCond}}" {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}} {{#if provider.description }} data-toggle="modal" data-target="#provider_{{provider.id}}" role="button" tabindex="0"{{/if}}{{/ifCond}}> {{provider.name}} </div> <div class="modal fade" id="provider_{{provider.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 img-full {{#if provider.picture}}{{#ifSvg provider.picture_path}} preloader_svg{{else}} preloader_img{{/ifSvg}}{{else}} preloader_empty {{/if}}"> {{#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=provider.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> {{#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> <div class="provider-item"> <div class="sb_time_flexible_hour_container"></div> </div> <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> <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> <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'}} <!-- {{#ifCond show_month '>' 0}} <div class="month"> {{formatDateTime date 'custom' 0 format='F'}} </div> {{/ifCond}} --> </div> </div> <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> <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> <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> <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> <div class="provider-item"> <a class="sb-cell free" href="#{{bookingStepUrl provider=provider.id time=false service=false}}"> {{provider.name}} </a> </div> <div class="provider-col sb_time_classes_provider_column"></div> <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> {{!- 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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <span> {{formatDuration duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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> <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> <div class="provider-col sb_time_classes_plugin_column"></div> {{#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}} <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <span> {{formatDuration service.duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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> <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> <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> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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}} <!-- <tr> <td class="label">{{_t 'starts_at'}}:</td> <td class="info"> {{formatDateTime start_datetime 'time' time_diff}} </td> </tr> --> {{/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}}/{{online_meeting_hash}}">{{_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> <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> {{#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}} {{!-- {{> 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> {{#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]))}} <!-- do nothing --> {{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}} {{#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}} <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> {{#if wl}} {{> waitingListBookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{else}} {{> bookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{/if}} <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"> <i class="fa fa-times"></i> </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> <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> <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> <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> <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> <div class="alert alert-info alert-dismissible" role="alert"> {{_t 'empty_client_bookings_page'}} </div> <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> <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> <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> <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> <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}} <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> <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> <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> <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 btn--secondary btn--add-review" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container -v1"> <div class="cap">{{_t 'please login to leave a review'}}</div> <div class="buttons brand v3"> <div class="btn-bar__social-links"> <a href="/v2/review/login/provider/google" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="/v2/review/login/provider/facebook" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/reviews" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="/v2/review/login/provider/twitter" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> {{#ifPluginActive 'client_login'}} <div class="txt">{{_t 'clf_or'}}</div> <a href="#client/sign-in/back/reviews" role="button" class="client-login btn btn--secondary"> <span class="btn--txt">{{_t 'Log In with email'}}</span> </a> {{/ifPluginActive}} </div> </div> {{/if}} </div> </div> </div> <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> <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}} <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> <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 btn--secondary btn--add-review" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container -v2"> <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> <!-- <a href="/v2/review/login/provider/twitter" target="_blank" class="twitter btn custom">--> <!-- <img src="/v2/themes/assets/img/tw-name.png" alt="Twitter">--> <!-- </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> <div class="alert alert-info">{{_t message}}</div> <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> {{#*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> <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> <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> <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"}} <!-- {{! > gdprReportTable uid="sb_table_4" data=client_devices name="gdpr_client_devices" }} --> {{> 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> <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> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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 Twitter account icon. Open in new window'}}" href="{{baseUrl}}/gdpr-report/openid/provider/twitter/" target="_blank" class="tw"></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> <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> <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> <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> <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> <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> <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> <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> {{#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}} {{#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}} <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> <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> <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> {{#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}} {{#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}} <div class="cart-container"> <div class="full-info full-info--cart sb-cart-popup {{#if qty}} --has-items{{/if}}"><!-- full-info --> <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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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> <!-- <img aria-hidden="true" src="/v2/themes/assets/img/cart-nav.png" alt="{{_t "Empty cart icon"}}"> --> <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> <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> <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> <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> <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> <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> <div id="sb_additional_fields"></div> <div class="form-group form-group--text{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--date{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--digits{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--select{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--textarea {{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group__static-html" data-field="{{name}}"> <div class="col-sm-12"> {{{value}}} </div> </div> <div class="form-group{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{#if value}}true{{else}}false{{/if}}"> <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> <label class="control-label {{#ifCond is_null '!=' 1}}required{{/ifCond}}" for="{{name}}" role="button" tabindex="0">{{title}}</label> {{#if error}}<span class="help-block">{{_t error}}</span>{{/if}} </div> <div class="form-group cloud_file{{#if error}} has-error{{/if}}" data-field="{{name}}"> <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> {{> formInput error=error name='name' label='name' id_prefix='sb_profile_x_' value=value}} {{> formEmail error=error name='email' label='email' id_prefix='sb_profile_x_' value=value}} {{> formPhone error=error name='phone' label='phone' id_prefix='sb_profile_x_' value=value country_prefix=country_prefix country_prefix_is_fixed=country_prefix_is_fixed}} {{> formPassword error=error name='password' label='password' id_prefix='sb_profile_x_'}} <div> {{#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_x_' 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_x_' 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_x_' value=data.state_id options=states}} </div> {{> formInput error=errors.address1 name='address1' label='address1' id_prefix='sb_profile_x_' value=data.address1 is_required=require_address}} {{> formInput error=errors.address2 name='address2' label='address2' id_prefix='sb_profile_x_' value=data.address2}} {{> formInput error=errors.zip name='zip' label='zip' id_prefix='sb_profile_x_' value=data.zip is_required=require_address}} {{> formInput error=errors.city name='city' label='city' id_prefix='sb_profile_x_' value=data.city is_required=require_address}} </div> {{/if}} </div> <div class="modal-dialog payment-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span aria-hidden="true">×</span></button> --> <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> <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> <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> <div id="sb_payment_systems_container"></div> <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> <div id="sb_paid_events_pay_container"></div> <div> <label> <input type="checkbox" {{#if is_recurring}}checked{{/if}}/> {{_t 'auto renew membership'}} </label> </div> <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"> <!--{{#if is_payment_allowed}} <div class="title custom-title pd text-center">{{_t 'invoice_select_payment_processor'}}</div> {{/if}} --> {{! 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> <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-num">#</th>--> <th class="inv-cell-info">{{_t 'invoice_line_name'}}</th> <th class="inv-cell-price">{{_t 'invoice_line_price'}}</th> <!--<th class="inv-cell-qty">{{_t 'invoice_line_qty'}}</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-num">{{add @index 1}}</td>--> <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> <!--<td class="inv-cell-qty">{{qty}}</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> <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> <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> <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 'confirm'}}</span> --> <span class="btn--txt">{{_t 'Proceed'}}</span> </button> </div> </div> <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> <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> <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> <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> <div id="sb_invoice_payment_container" class="tab-pd sb_invoice_payment_container"></div> <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> <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> <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> <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> <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> <tr> <td>{{name}}</td> <td>{{_t payment_system}}</td> <td> <div class="btn btn-danger sb-delete-pm">{{_t "Delete"}}</div> </td> </tr> <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> <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> <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> <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> <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> <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> <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> <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> <div> {{> invoiceListPart}} </div> <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> <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> <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="buttons brand v2"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/{{encodeURIComponent (bookingStepUrl)}}" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="{{baseUrl}}/client/openid/provider/twitter/" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> </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> <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> <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> <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> <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="buttons brand v1"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="{{baseUrl}}/client/openid/provider/twitter/" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> </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> <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> <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> <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> <div class="modal-dialog modal--client-profile modal--client-profile_edit-pass"> <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 'Edit password'}} <input type="hidden" name="client_hash" value="{{client_hash}}"/> </div> <div class="sb-built-in-fields"> {{> formPassword error=errors.password name='password' label='password' id_prefix='sb_profile_' value=data.password}} {{> formPassword error=errors.password_confirm name='password_confirm' label='Repeat password' id_prefix='sb_profile_' value=data.password_confirm}} </div> <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> <div class="page-pd"> <div class="sb-widget-form"> <form> <div class="title"> {{_t 'contact_widget_help_message'}} </div> <ul class="form-fields form-horizontal custom-form"> <li> <div class="form-group{{#if errors.name}} has-error{{/if}}"> <label for="name" class="col-sm-12 control-label"> {{_t 'Your name'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.name}}" id="contact_widget__name" name="contact_widget__name" placeholder="{{_t 'Your name'}}"> <p class="help-block">{{_t errors.name}}</p> </div> </div> </li> <li> <div class="form-group{{#if errors.email}} has-error{{/if}}"> <label for="email" class="col-sm-12 control-label"> {{_t 'E-mail'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.email}}" id="contact_widget__email" name="contact_widget__email" placeholder="{{_t 'E-mail'}}"> <p class="help-block">{{_t errors.email}}</p> </div> </div> </li> <li> <div class="form-group {{#if errors.phone}} has-error{{/if}}"> <label for="phone" class="col-sm-12 control-label"> {{_t 'Contact phone'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.phone}}" id="contact_widget__phone" name="contact_widget__phone" placeholder="{{_t 'Contact phone'}}"> <p class="help-block">{{_t errors.phone}}</p> </div> </div> </li> <li> <div class="form-group {{#if errors.message}} has-error{{/if}}"> <label for="message" class="col-sm-12 control-label"> {{_t 'Message'}} </label> <div class="col-sm-12"> <textarea class="form-control" id="contact_widget__message" name="contact_widget__message" placeholder="{{_t 'Message'}}" rows="6">{{data.message}}</textarea> <p class="help-block">{{_t errors.message}}</p> </div> </div> </li> </ul> <div class="row"> <div class="col-sm-12"> <div class="buttons"> <a class="open-booking-widget-button" href="#book"> {{_t 'Make an appointment'}} </a> <input type="submit" class="send-message-button btn blue" value="{{_t 'Send message'}}"> </div> </div> </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">{{_t message}}</p> </div> {{/if}} </form> </div> </div> <div class="subscribe-component {{#if is_visible}}in{{else}}hidden{{/if}}"> <!-- is not subscribed AND client_id exist AND popup not closed yearly --> {{#if is_visible}} <div class="subscribe-component--divider"></div> <div class="subscribe-component--body"> <div class="subscribe-component--content"> <!-- {{#hasThemeImage 'sb_logo_image'}} <picture class="subscribe-component--logo-block"> <img class="subscribe-component--logo" src="{{getThemeImage 'sb_logo_image'}}" alt="{{_ (getConfigParam 'company_data') 'name'}}"> </picture> {{/hasThemeImage}}--> <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-danger" id="cancel-client-push-btn">{{_t "Cancel"}}</button>--> <button class="btn btn-primary" id="subscribe-client-push-btn">{{_t "Subscribe"}}</button> </div> </div> </div> {{/if}} </div> <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 class="date"> {{#if date}}{{formatDateTime date 'date'}}{{/if}} </div>--> </div> </section> </div> </div> <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> var config = {"csrf_token":"6775bed85a4b3e075e890634b48e067e","debug_id":"4a22e4b4245b6e0148126ee99a314cd7","is_widget":false,"custom_query":"","date_format":"d-m-Y","time_format":"24hr","time_frame":"20","apply_promo_code":null,"is_bdp_client":false,"fb_business_id":"vrcc-0eub","bdp_pixel_id":null,"client_login_require_phone":"1","min_date":"2025-11-03","max_date":"2026-05-03","country_prefix":"1","country_prefix_id":"US","country_prefix_is_changeable":true,"country_phone_initial":"US","monday_is_first_day":"1","is_booking_page_widget":0,"is_booking_page":false,"base_url":"\/v2","company_currency":"GBP","currency_info":{"GBP":{"code":"GBP","name":"Pound Sterling","symbol":"\u00a3","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":null,"hide_email":"0","timeline_type":"modern","datepicker_type":"top_calendar","reviews_count":"0","allow_switch_to_ada":0,"reviews_module_count":false,"hide_add_reviews":false,"show_booking_page_in_client_timezone":false,"allow_event_day_break":"0","allow_event_breaktime_break":"0","allow_buffertime_extend":false,"feedbacks_disabled":true,"company_data":{"name":"Vale Royal Chiropractic Clinic","login":"vrcc","description":"<p>Vale Royal Chiropractic Clinic is a trusted healthcare provider located in Northwich, Cheshire. We specialise in providing safe, drug-free, and non-surgical chiropractic care to help individuals overcome various conditions. Our expert team focuses on treating low back pain, neck pain, headaches, hip and knee pain from osteoarthritis, as well as shoulder and elbow conditions arising from the back or neck.<\/p><p><br><\/p><p><\/p><p>From newborns to individuals in their 90s, we cater to all age groups, aiming to optimise health by addressing spinal health and associated nerves. Led by experienced Chiropractor Lorraine Calland, our clinic is committed to providing personalised care to each patient. Our services include chiropractic treatment and comprehensive initial consultations. Visit Vale Royal Chiropractic Clinic and experience the benefits of chiropractic care for yourself.<\/p><p><br><\/p><p>If you are suffering from any of the following and haven't been before please book in with us for an Initial Consultation<\/p><p>- Low back pain<\/p><p>- Neck pain<\/p><p>- Headaches from the neck<\/p><p>- Hip & Knee pain from osteoarthritis<\/p><p>- Shoulder & Elbow conditions arising from the back or neck<\/p><p><br><\/p><p><b>About Lorraine Calland BSc (Chiro) DC | Chiropractor<\/b><\/p><p>Lorraine is registered with the General Chiropractic Council and is a member of the British Chiropractic Association. Lorraine graduated from the Anglo-European College of Chiropractic with a BSc (Chiropractic) degree in 1995. Since then she has enjoyed working as a chiropractor in various locations before opening the Northwich Clinic.<\/p><p><br><\/p><p>Free parking is available outside the clinic.<\/p><p>Directions: <a href=\"https:\/\/vrcc.simplybook.it\/v2\/#page\/directions\">Directions to the clinic<\/a><\/p><p>Prices: <a href=\"https:\/\/vrcc.simplybook.it\/v2\/#page\/our-fees\">Our price list<\/a><\/p><p><br><\/p><p><b>How to use our online booking system<\/b><\/p><p><a href=\"https:\/\/vrcc.simplybook.it\/v2\/#book\" target=\"_blank\">Click here<\/a> to find a service and appointment time and date for yourself.<\/p><p>You can then choose to login or make a new account for yourself. You can use Facebook and Google to login by clicking the icons on the signup page.<\/p><p><b>Existing clients<\/b><\/p><p>If you were registered with our old website you can put your email address in and choose \"Remind Password\" to be emailed a password reset link. <\/p><p><br><\/p><p><\/p>","category_keys":["chiropractics","medical"],"lat":"53.268745","lng":"-2.532913","address1":"No.3 The Stables","address2":" Winnington Hall","city":"Northwich","zip":"CW8 4DU","country_id":"GB","email":"valeroyalc@gmail.com","phone":"01606 350 840","web":"http:\/\/vrcc.simplybook.it","tag":null},"server_address":"simplybook.it","project_name":"SimplyBook.me","revision":"t4zya2en","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":0,"deposit_paid_events_is_client_can_pay_full_price":true,"slots_count_show_total":false,"timezone":"Europe\/London","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,"price_includes_tax":true,"sale_tax":false,"rebilling_enabled":false,"sbpay_invoices_enabled":true,"secure_url":"https:\/\/vrcc.simplybook.it","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","menu_id":"1","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"id":"17","name":"Prices","type":"html","url":"#page\/our-fees","target":"self","seo_url":"our-fees","position":"2","is_visible":"1","menu_id":null,"plugin_static_page_id":"2","is_disable":0},{"name":"menu_bookings","url":"#client\/bookings\/type\/upcoming","plugin":"","custom_dependency":"","position":"3","is_visible":"1","route":"client_bookings","id":"13","menu_id":"7","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"name":"menu_contact_widget","url":"#contact-widget","plugin":"contact_widget","custom_dependency":"","position":"5","is_visible":"1","route":"contact_widget","id":"12","menu_id":"15","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"id":"18","name":"Directions","type":"html","url":"#page\/directions","target":"self","seo_url":"directions","position":"6","is_visible":"1","menu_id":null,"plugin_static_page_id":"3","is_disable":0}],"is_ada_compliant":false,"plugins":{"event_field":{"is_active":"0","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":"0","system_name":"location"},"secure":{"is_active":"1","system_name":"secure"},"contact_widget":{"is_active":"1","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":"0","system_name":"membership"},"custom_domain":{"is_active":"0","system_name":"custom_domain"},"sms":{"is_active":"0","system_name":"sms"},"classes":{"is_active":"0","system_name":"classes"},"import_clients":{"is_active":"1","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":"1","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":"1","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":"1","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"},"react_widget":{"is_active":"0","system_name":"react_widget"}},"theme":"air","sheduler_channel":null,"widget_type":null,"is_simplybook_terms_disabled":false,"is_privacy_policy_enabled":false,"white_label":true,"show_peace_banner":false}; var theme = "air"; var themeVars = {"timeline_modern_display":"as_slots","booking_mode":"default","timeline_hide_unavailable":"1","hide_past_days":"0","timeline_show_end_time":"0","sb_base_color":"#437aaa","display_item_mode":"block","booking_nav_bg_color":"#437aaa","body_bg_color":"#ffffff","sb_logo_image":"31","sb_logo_image_mode":"company-logo-only","sb_logo_image_preview":"\/uploads\/vrcc\/image_files\/preview\/a45be7ca7efbe8beb040ef5dc4961a42.png","sb_logo_image_original":"\/uploads\/vrcc\/image_files\/original\/a45be7ca7efbe8beb040ef5dc4961a42.png","sb_logo_image_file_name":"a45be7ca7efbe8beb040ef5dc4961a42.png","sb_background_image":"30","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image_preview":"\/uploads\/vrcc\/image_files\/preview\/7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_background_image_original":"\/uploads\/vrcc\/image_files\/original\/7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_background_image_file_name":"7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_review_image":"51","sb_review_image_preview":"\/uploads\/vrcc\/image_files\/preview\/9a5ef9654fdebdd149b66ce00cdafb2f.png","sb_review_image_original":"\/uploads\/vrcc\/image_files\/original\/9a5ef9654fdebdd149b66ce00cdafb2f.png","sb_review_image_file_name":"9a5ef9654fdebdd149b66ce00cdafb2f.png","dark_font_color":"#3f4244","light_font_color":"#ffffff","btn_color_1":"#1999cc","main_page_mode":"side_bars","sb_company_label_color":"#ab5252","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#c7b3b3","sb_available":"#d6ebff","upload_path":"\/uploads\/vrcc","widget_type":null,"default_bg_image":"\/v2\/themes\/assets\/img\/categories\/medical\/air\/bg.jpg","allow_new_theme_btn_color":true,"allow_new_theme_images":true,"dir_logo_preview":"\/uploads\/vrcc\/image_files\/preview\/11def142edabc9eb461f3af25c00fc15.png","dir_bg_preview":"\/uploads\/vrcc\/image_files\/preview\/2a826899e9edfccfea3dca7becda0591.jpg"}; var userThemeSettings = {"timeline_modern_display":"as_slots","timeline_hide_unavailable":"1","hide_past_days":"0","timeline_show_end_time":"0","sb_base_color":"#437aaa","display_item_mode":"block","booking_nav_bg_color":"#437aaa","body_bg_color":"#ffffff","sb_logo_image_mode":"company-logo-only","sb_logo_image":"31","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image":"30","sb_review_image":"51","dark_font_color":"#3f4244","light_font_color":"#ffffff","btn_color_1":"#1999cc","main_page_mode":"side_bars","sb_company_label_color":"#ab5252","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#c7b3b3","sb_available":"#d6ebff","is_rtl":"0","timeline_type":"modern","datepicker_type":"top_calendar","time_frame":"20","time_format":"24hr","reviews_count":"0","allow_switch_to_ada":"0","clear_session":"0"}; var themeSettings = {}; var isUserPublic = true; //need 4 notifications window.initFirebase = async function () { const firebaseApp = await import('https://www.gstatic.com/firebasejs/11.6.0/firebase-app.js'); const firebaseMessaging = await import('https://www.gstatic.com/firebasejs/11.6.0/firebase-messaging.js'); var firebase = { initializeApp: firebaseApp.initializeApp, getMessaging: firebaseMessaging.getMessaging, getToken: firebaseMessaging.getToken, onMessage: firebaseMessaging.onMessage }; window.firebase = firebase; return firebase; } var allowCookies = false; var cookiesAccepted = false; var svgLoader = new InlineSvgLoader({ 'path': "\/v2\/themes\/default\/inline-assets\/", 'category_path': "\/v2\/images\/inline-assets\/medical" }); 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("&"); }
http://vrcc.simplybook.it/
Status: 200
Emails: valeroyalc@gmail.com
View text
<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'}} <!-- vertical and horizontal --> <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> <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> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> <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> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> <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> <div class="alert alert-{{type}} {{#unless message}}hidden{{/unless}}">{{_t message _data=this}}</div> <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> <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}} <!-- <div id="reviews-view"> <div id="sb_reviews_module"></div> </div> --> {{#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> <section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section> {{#if enabled}} <div id="ada-compliant"> {{#if is_widget}} <!-- todo: if you need some other html for widgets - you can use this if tag --> {{/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}} <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="btn-bar__social-links"> {{#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="btn btn--action {{getSocialSystemClass this.type}}"> <span class="icon icon--{{this.type}}"> {{#if isFacebook}} <!-- SVG для Facebook --> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> {{/if}} {{#if isTwitter}} <!-- SVG для Twitter --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="x"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg> {{/if}} {{#if isInstagram}} <!-- SVG для Instagram --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="inst"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> {{/if}} {{#if isLinkedIn}} <!-- SVG для LinkedIn --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="ln"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/></svg> {{/if}} </span> </a> {{/each}} </div> </div> </div> </li> {{/if}} </ul> </div> </div> </section> <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> <section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section> <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> <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> <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"> <!--<svg class="company-location--icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M336 192c0-79.5-64.5-144-144-144S48 112.5 48 192c0 16.3 7.7 42 24.7 75.4c16.4 32.2 38.8 66.4 62.1 98.3c20.3 27.9 40.7 53.3 57.2 73.1c16.5-19.8 36.9-45.2 57.2-73.1c23.2-31.9 45.6-66.2 62.1-98.3C328.3 234 336 208.3 336 192zm48 0c0 83.1-105.6 219-160.2 283.6C204.8 498.1 192 512 192 512s-12.8-13.9-31.8-36.4C105.6 411 0 275.1 0 192C0 86 86 0 192 0S384 86 384 192zm-160 0a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-112 0a80 80 0 1 1 160 0 80 80 0 1 1 -160 0z"/></svg>--> {{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> <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> <a href="#{{url}}" class="{{#unless show_button}}hidden{{/unless}}"> <span class="fa fa-angle-left"></span> <span>{{_t "back"}}</span> </a> <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> <div class="modal-dialog timezone-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span aria-hidden="true">×</span></button> --> <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> <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="buttons brand v4"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in" class="popup-hide btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} </div> </div> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </section> </div> </div> </section> <div class="service-step step-content {{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}" id="sb_service_step_container"> </div> {{!-- 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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> {{!-- 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> <div class="split-title"> <div class="title-section"> {{_t label}} </div> </div> <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> {{#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}} <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <div class="tab_provider-col provider-col"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="provider-photo" {{#if provider.description }} data-toggle="modal" data-target="#provider_{{provider.id}}" role="button" tabindex="0"{{/if}}> {{#if provider.description }} <svg class="icon--provider-info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" class="fa-secondary" opacity=".45" d="M256 8C119 8 8 119.1 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 110a42 42 0 1 1 -42 42 42 42 0 0 1 42-42zm56 254a12 12 0 0 1 -12 12h-88a12 12 0 0 1 -12-12v-24a12 12 0 0 1 12-12h12v-64h-12a12 12 0 0 1 -12-12v-24a12 12 0 0 1 12-12h64a12 12 0 0 1 12 12v100h12a12 12 0 0 1 12 12z"/> <path fill="currentColor" class="fa-primary" d="M256 202a42 42 0 1 0 -42-42 42 42 0 0 0 42 42zm44 134h-12V236a12 12 0 0 0 -12-12h-64a12 12 0 0 0 -12 12v24a12 12 0 0 0 12 12h12v64h-12a12 12 0 0 0 -12 12v24a12 12 0 0 0 12 12h88a12 12 0 0 0 12-12v-24a12 12 0 0 0 -12-12z"/> </svg> {{/if}} {{#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 {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}} {{#if provider.description }}provider-name--clicable{{/if}}{{/ifCond}}" {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}} {{#if provider.description }} data-toggle="modal" data-target="#provider_{{provider.id}}" role="button" tabindex="0"{{/if}}{{/ifCond}}> {{provider.name}} </div> <div class="modal fade" id="provider_{{provider.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 img-full {{#if provider.picture}}{{#ifSvg provider.picture_path}} preloader_svg{{else}} preloader_img{{/ifSvg}}{{else}} preloader_empty {{/if}}"> {{#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=provider.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> {{#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> <div class="provider-item"> <div class="sb_time_flexible_hour_container"></div> </div> <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> <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> <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'}} <!-- {{#ifCond show_month '>' 0}} <div class="month"> {{formatDateTime date 'custom' 0 format='F'}} </div> {{/ifCond}} --> </div> </div> <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> <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> <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> <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> <div class="provider-item"> <a class="sb-cell free" href="#{{bookingStepUrl provider=provider.id time=false service=false}}"> {{provider.name}} </a> </div> <div class="provider-col sb_time_classes_provider_column"></div> <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> {{!- 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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <span> {{formatDuration duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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> <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> <div class="provider-col sb_time_classes_plugin_column"></div> {{#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}} <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <span> {{formatDuration service.duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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> <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> <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> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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"> <!--<img src="/v2/themes/assets/img/timeline/clock.png" align="">--> <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> <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> <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}} <!-- <tr> <td class="label">{{_t 'starts_at'}}:</td> <td class="info"> {{formatDateTime start_datetime 'time' time_diff}} </td> </tr> --> {{/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}}/{{online_meeting_hash}}">{{_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> <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> {{#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}} {{!-- {{> 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> {{#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]))}} <!-- do nothing --> {{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}} {{#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}} <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> {{#if wl}} {{> waitingListBookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{else}} {{> bookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{/if}} <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"> <i class="fa fa-times"></i> </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> <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> <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> <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> <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> <div class="alert alert-info alert-dismissible" role="alert"> {{_t 'empty_client_bookings_page'}} </div> <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> <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> <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> <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> <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}} <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> <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> <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> <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 btn--secondary btn--add-review" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container -v1"> <div class="cap">{{_t 'please login to leave a review'}}</div> <div class="buttons brand v3"> <div class="btn-bar__social-links"> <a href="/v2/review/login/provider/google" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="/v2/review/login/provider/facebook" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/reviews" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="/v2/review/login/provider/twitter" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> {{#ifPluginActive 'client_login'}} <div class="txt">{{_t 'clf_or'}}</div> <a href="#client/sign-in/back/reviews" role="button" class="client-login btn btn--secondary"> <span class="btn--txt">{{_t 'Log In with email'}}</span> </a> {{/ifPluginActive}} </div> </div> {{/if}} </div> </div> </div> <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> <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}} <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> <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 btn--secondary btn--add-review" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container -v2"> <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> <!-- <a href="/v2/review/login/provider/twitter" target="_blank" class="twitter btn custom">--> <!-- <img src="/v2/themes/assets/img/tw-name.png" alt="Twitter">--> <!-- </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> <div class="alert alert-info">{{_t message}}</div> <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> {{#*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> <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> <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> <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"}} <!-- {{! > gdprReportTable uid="sb_table_4" data=client_devices name="gdpr_client_devices" }} --> {{> 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> <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> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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}} <!-- needed 4 print --> <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div> <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 Twitter account icon. Open in new window'}}" href="{{baseUrl}}/gdpr-report/openid/provider/twitter/" target="_blank" class="tw"></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> <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> <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> <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> <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> <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> <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> <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> {{#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}} {{#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}} <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> <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> <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> {{#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}} {{#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}} <div class="cart-container"> <div class="full-info full-info--cart sb-cart-popup {{#if qty}} --has-items{{/if}}"><!-- full-info --> <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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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> <!-- <img aria-hidden="true" src="/v2/themes/assets/img/cart-nav.png" alt="{{_t "Empty cart icon"}}"> --> <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> <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> <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> <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> <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> <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> <div id="sb_additional_fields"></div> <div class="form-group form-group--text{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--date{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--digits{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--select{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group--textarea {{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{value}}"> <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> <div class="form-group form-group__static-html" data-field="{{name}}"> <div class="col-sm-12"> {{{value}}} </div> </div> <div class="form-group{{#if error}} has-error{{/if}}" data-field="{{name}}" data-value="{{#if value}}true{{else}}false{{/if}}"> <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> <label class="control-label {{#ifCond is_null '!=' 1}}required{{/ifCond}}" for="{{name}}" role="button" tabindex="0">{{title}}</label> {{#if error}}<span class="help-block">{{_t error}}</span>{{/if}} </div> <div class="form-group cloud_file{{#if error}} has-error{{/if}}" data-field="{{name}}"> <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> {{> formInput error=error name='name' label='name' id_prefix='sb_profile_x_' value=value}} {{> formEmail error=error name='email' label='email' id_prefix='sb_profile_x_' value=value}} {{> formPhone error=error name='phone' label='phone' id_prefix='sb_profile_x_' value=value country_prefix=country_prefix country_prefix_is_fixed=country_prefix_is_fixed}} {{> formPassword error=error name='password' label='password' id_prefix='sb_profile_x_'}} <div> {{#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_x_' 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_x_' 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_x_' value=data.state_id options=states}} </div> {{> formInput error=errors.address1 name='address1' label='address1' id_prefix='sb_profile_x_' value=data.address1 is_required=require_address}} {{> formInput error=errors.address2 name='address2' label='address2' id_prefix='sb_profile_x_' value=data.address2}} {{> formInput error=errors.zip name='zip' label='zip' id_prefix='sb_profile_x_' value=data.zip is_required=require_address}} {{> formInput error=errors.city name='city' label='city' id_prefix='sb_profile_x_' value=data.city is_required=require_address}} </div> {{/if}} </div> <div class="modal-dialog payment-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span aria-hidden="true">×</span></button> --> <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> <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> <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> <div id="sb_payment_systems_container"></div> <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> <div id="sb_paid_events_pay_container"></div> <div> <label> <input type="checkbox" {{#if is_recurring}}checked{{/if}}/> {{_t 'auto renew membership'}} </label> </div> <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"> <!--{{#if is_payment_allowed}} <div class="title custom-title pd text-center">{{_t 'invoice_select_payment_processor'}}</div> {{/if}} --> {{! 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> <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-num">#</th>--> <th class="inv-cell-info">{{_t 'invoice_line_name'}}</th> <th class="inv-cell-price">{{_t 'invoice_line_price'}}</th> <!--<th class="inv-cell-qty">{{_t 'invoice_line_qty'}}</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-num">{{add @index 1}}</td>--> <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> <!--<td class="inv-cell-qty">{{qty}}</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> <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> <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> <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 'confirm'}}</span> --> <span class="btn--txt">{{_t 'Proceed'}}</span> </button> </div> </div> <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> <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> <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> <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> <div id="sb_invoice_payment_container" class="tab-pd sb_invoice_payment_container"></div> <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> <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> <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> <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> <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> <tr> <td>{{name}}</td> <td>{{_t payment_system}}</td> <td> <div class="btn btn-danger sb-delete-pm">{{_t "Delete"}}</div> </td> </tr> <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> <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> <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> <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> <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> <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> <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> <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> <div> {{> invoiceListPart}} </div> <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> <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> <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="buttons brand v2"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/{{encodeURIComponent (bookingStepUrl)}}" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="{{baseUrl}}/client/openid/provider/twitter/" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> </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> <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> <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> <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> <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="buttons brand v1"> <div class="btn-bar__social-links"> <a href="{{baseUrl}}/client/openid/provider/google/" target="_blank" role="button" class="btn btn--action gl sb-targetblank" title="{{_t 'Login via Google account icon. Open in new window'}}"> <span class="icon icon--google"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M1.89581 6.05854C2.20856 5.4103 2.58954 4.80755 3.03308 4.25029C4.71054 2.13498 6.85428 0.770264 9.5041 0.218692C10.2319 0.0708474 10.9712 0.00261168 11.7161 -0.00307464C14.5479 -0.0144473 16.993 0.952226 19.0799 2.84577L15.9183 6.00736C15.7477 5.87089 15.5771 5.71736 15.3951 5.5752C14.4967 4.89284 13.4788 4.50617 12.3529 4.40382C9.08331 4.11382 6.50173 6.20069 5.5976 8.85052C5.59192 8.86757 5.58054 8.88463 5.57486 8.90169C5.5578 8.89032 5.54074 8.88463 5.52937 8.87326C4.77309 8.28757 4.02249 7.70757 3.26621 7.12188C2.80562 6.76932 2.35072 6.41677 1.89581 6.05854Z" fill="#E64132"/> <path d="M5.58053 13.0925C5.95583 14.1559 6.53015 15.0884 7.35466 15.8561C8.42369 16.8512 9.67468 17.4426 11.1304 17.5677C12.569 17.6928 13.9394 17.4539 15.2018 16.7147C15.2814 16.6692 15.361 16.6124 15.4406 16.5612C15.4633 16.5782 15.4918 16.5896 15.5088 16.6067C16.2253 17.1639 16.9418 17.7212 17.6583 18.2728C18.1075 18.6196 18.5567 18.9665 19.0059 19.3077C18.5908 19.6375 18.1985 19.9957 17.7606 20.2857C16.4812 21.1387 15.0653 21.6391 13.5471 21.8551C11.5682 22.1395 9.62919 21.9802 7.75839 21.2467C5.16543 20.2459 3.23777 18.4832 1.93561 16.0267C1.91855 15.9982 1.91286 15.9641 1.90149 15.9357L3.18091 14.9463C3.97699 14.3321 4.77876 13.7123 5.58053 13.0925Z" fill="#32A653"/> <path d="M19.0059 19.3134C18.5567 18.9666 18.1075 18.6254 17.6583 18.2785C16.9418 17.7213 16.2253 17.164 15.5088 16.6124C15.4861 16.5954 15.4634 16.584 15.4406 16.5669C16.6234 15.7652 17.3512 14.6677 17.6355 13.2575H11.7274V9.00415H22.0993C22.1391 9.30553 22.1903 9.6069 22.2187 9.91396C22.304 10.7044 22.3097 11.4891 22.2471 12.2795C22.031 14.9634 21.0871 17.3232 19.131 19.2225C19.0855 19.2509 19.0457 19.2793 19.0059 19.3134Z" fill="#3F81F0"/> <path d="M5.58055 13.0926C4.77878 13.7124 3.9827 14.3322 3.18093 14.9464L1.90151 15.9358C1.6968 15.4467 1.45798 14.9634 1.28739 14.463C0.82111 13.104 0.650521 11.7052 0.747188 10.2722C0.843855 8.82788 1.21347 7.45179 1.85033 6.14963L1.90151 6.06433C2.35641 6.41688 2.81132 6.77512 3.26623 7.12767C4.0225 7.71336 4.7731 8.29905 5.52938 8.87906C5.54644 8.89043 5.5635 8.89612 5.57487 8.90749C5.4782 9.35671 5.3531 9.80592 5.28487 10.2608C5.1484 11.1877 5.26781 12.0975 5.54644 12.9903C5.55781 13.0187 5.56918 13.0585 5.58055 13.0926Z" fill="#F8BA03"/> </svg> </span> <span class="btn--txt">{{_t 'Google'}}</span> </a> <a href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" role="button" class="btn btn--action fb sb-targetblank" title="{{_t 'Login via Facebook account icon. Open in new window'}}"> <span class="icon icon--facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"> <path d="M19.9101 0.29834H3.08995C1.82759 0.29834 0.79837 1.32188 0.79837 2.58992V19.41C0.79837 20.6781 1.82759 21.7016 3.08995 21.7016H9.64627V14.4231H6.63821V11H9.64627V8.38996C9.64627 5.42171 11.4147 3.77836 14.1214 3.77836C15.4179 3.77836 16.7769 4.0115 16.7769 4.0115V6.92858H15.2814C13.8087 6.92858 13.3481 7.84408 13.3481 8.77663V11H16.6404L16.1173 14.4231H13.3594V21.7016H19.9158C21.1838 21.7016 22.2073 20.6724 22.2073 19.41V2.58992C22.2017 1.32188 21.1781 0.29834 19.9101 0.29834Z" fill="#3F5D92"/> </svg> </span> <span class="btn--txt">{{_t 'Facebook'}}</span> </a> {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in" class="btn btn--action ll" title="{{_t 'Login via Line account.'}}"> <span class="icon icon--line"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_19_25)"> <path d="M24 10.3069C24 4.93687 18.6169 0.568115 12 0.568115C5.38312 0.568115 0 4.93724 0 10.3069C0 15.1207 4.269 19.1524 10.0357 19.9144C10.4265 19.9987 10.9583 20.1724 11.0933 20.5061C11.214 20.8099 11.172 21.2846 11.1319 21.5914L10.9605 22.6189C10.908 22.9226 10.7194 23.8054 12 23.2657C13.2806 22.7261 18.9105 19.1962 21.4286 16.2982H21.4282C23.1675 14.3917 24 12.456 24 10.3069Z" fill="#00B900"/> <path d="M9.56174 7.71305H8.71986C8.59086 7.71305 8.48624 7.81805 8.48624 7.94667V13.1753C8.48624 13.2059 8.49229 13.2363 8.50404 13.2645C8.5158 13.2928 8.53302 13.3185 8.55473 13.3401C8.57644 13.3617 8.6022 13.3788 8.63054 13.3904C8.65888 13.402 8.68924 13.4079 8.71986 13.4078H9.56174C9.59236 13.4079 9.62272 13.402 9.65106 13.3904C9.67939 13.3788 9.70516 13.3617 9.72687 13.3401C9.74858 13.3185 9.7658 13.2928 9.77756 13.2645C9.78931 13.2363 9.79536 13.2059 9.79536 13.1753V7.95005C9.79536 7.82142 9.69036 7.71642 9.56174 7.71642M15.3555 7.71267H14.514C14.3846 7.71267 14.28 7.81767 14.28 7.9463V11.0528L11.88 7.81655C11.8747 7.8083 11.8687 7.80042 11.862 7.79292L11.8605 7.79142C11.8561 7.78636 11.8513 7.7816 11.8462 7.77717L11.8297 7.76217C11.8275 7.76067 11.826 7.75917 11.8237 7.75767L11.8117 7.74942L11.8042 7.74492L11.7919 7.73742C11.7896 7.73667 11.7866 7.73517 11.7844 7.73367C11.7799 7.73142 11.7757 7.72917 11.7709 7.72767C11.766 7.72617 11.7656 7.72542 11.7634 7.72542C11.7589 7.72317 11.754 7.72242 11.7495 7.72092L11.7412 7.71867C11.7367 7.71792 11.7326 7.71642 11.7281 7.71567L11.7184 7.71417C11.7154 7.71342 11.7101 7.71267 11.706 7.71267L11.694 7.71192C11.691 7.71192 11.6887 7.71155 11.6857 7.71155H10.8442C10.7152 7.71155 10.6106 7.81655 10.6106 7.94517V13.1738C10.6106 13.2044 10.6167 13.2348 10.6284 13.263C10.6402 13.2913 10.6574 13.317 10.6791 13.3386C10.7008 13.3602 10.7266 13.3773 10.7549 13.3889C10.7833 13.4005 10.8136 13.4064 10.8442 13.4063H11.6857C11.8147 13.4063 11.9197 13.302 11.9197 13.1738V10.0688L14.3186 13.3088C14.3348 13.3314 14.3549 13.3509 14.3779 13.3665C14.3846 13.3718 14.3899 13.3748 14.3947 13.3778C14.397 13.3793 14.3992 13.3808 14.4015 13.3815C14.4037 13.3823 14.409 13.3853 14.4127 13.3868C14.4165 13.3883 14.4202 13.3898 14.424 13.392L14.4465 13.4003C14.467 13.4059 14.4882 13.4087 14.5095 13.4085H15.351C15.3816 13.4087 15.412 13.4028 15.4403 13.3912C15.4686 13.3796 15.4944 13.3625 15.5161 13.3408C15.5378 13.3192 15.5551 13.2936 15.5668 13.2653C15.5786 13.237 15.5846 13.2067 15.5846 13.176V7.95005C15.5846 7.82142 15.4796 7.71642 15.351 7.71642" fill="white"/> <path d="M7.53262 12.0991H5.24512V7.95006C5.24512 7.82106 5.14012 7.71643 5.0115 7.71643H4.17C4.041 7.71643 3.93637 7.82143 3.93637 7.95006V13.1783C3.93634 13.2386 3.95974 13.2966 4.00162 13.3399C4.00612 13.3444 4.00687 13.3459 4.00762 13.3467C4.05 13.3868 4.10662 13.4119 4.16887 13.4119H7.53187C7.66087 13.4119 7.7655 13.3069 7.7655 13.1783V12.3364C7.7655 12.2074 7.66125 12.1028 7.53187 12.1028M20.0036 9.02256C20.1326 9.02256 20.2372 8.91756 20.2372 8.78893V7.95006C20.2372 7.82106 20.133 7.71643 20.0036 7.71643H16.6406C16.5776 7.71643 16.5206 7.74156 16.4786 7.78243C16.4741 7.78618 16.4726 7.78768 16.4719 7.78918C16.4317 7.82668 16.407 7.88743 16.407 7.95043V13.1791C16.407 13.2394 16.4304 13.2973 16.4722 13.3407L16.4782 13.3467C16.5216 13.3886 16.5796 13.412 16.6399 13.4119H20.0029C20.1319 13.4119 20.2365 13.3069 20.2365 13.1783V12.3361C20.2365 12.2071 20.1322 12.1024 20.0029 12.1024H17.7161V11.2186H20.0029C20.0336 11.2187 20.064 11.2128 20.0925 11.2011C20.1209 11.1894 20.1467 11.1722 20.1684 11.1505C20.1901 11.1287 20.2073 11.1029 20.219 11.0745C20.2307 11.0461 20.2366 11.0157 20.2365 10.9849V10.1401C20.2365 10.0111 20.1322 9.90606 20.0029 9.90606H17.7161V9.02256H20.0029H20.0036Z" fill="white"/> </g> <defs> <clipPath id="clip0_19_25"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> <span class="btn--txt">{{_t 'Line'}}</span> </a> {{/ifPluginActive}} <!-- <a href="{{baseUrl}}/client/openid/provider/twitter/" target="_blank" class="btn btn--action tw" --> <!--title="{{_t 'Login via Twitter account icon. Open in new window'}}">--> <!--</a>--> </div> </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> <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> <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> <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> <div class="modal-dialog modal--client-profile modal--client-profile_edit-pass"> <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 'Edit password'}} <input type="hidden" name="client_hash" value="{{client_hash}}"/> </div> <div class="sb-built-in-fields"> {{> formPassword error=errors.password name='password' label='password' id_prefix='sb_profile_' value=data.password}} {{> formPassword error=errors.password_confirm name='password_confirm' label='Repeat password' id_prefix='sb_profile_' value=data.password_confirm}} </div> <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> <div class="page-pd"> <div class="sb-widget-form"> <form> <div class="title"> {{_t 'contact_widget_help_message'}} </div> <ul class="form-fields form-horizontal custom-form"> <li> <div class="form-group{{#if errors.name}} has-error{{/if}}"> <label for="name" class="col-sm-12 control-label"> {{_t 'Your name'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.name}}" id="contact_widget__name" name="contact_widget__name" placeholder="{{_t 'Your name'}}"> <p class="help-block">{{_t errors.name}}</p> </div> </div> </li> <li> <div class="form-group{{#if errors.email}} has-error{{/if}}"> <label for="email" class="col-sm-12 control-label"> {{_t 'E-mail'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.email}}" id="contact_widget__email" name="contact_widget__email" placeholder="{{_t 'E-mail'}}"> <p class="help-block">{{_t errors.email}}</p> </div> </div> </li> <li> <div class="form-group {{#if errors.phone}} has-error{{/if}}"> <label for="phone" class="col-sm-12 control-label"> {{_t 'Contact phone'}} </label> <div class="col-sm-12"> <input type="text" class="form-control" value="{{data.phone}}" id="contact_widget__phone" name="contact_widget__phone" placeholder="{{_t 'Contact phone'}}"> <p class="help-block">{{_t errors.phone}}</p> </div> </div> </li> <li> <div class="form-group {{#if errors.message}} has-error{{/if}}"> <label for="message" class="col-sm-12 control-label"> {{_t 'Message'}} </label> <div class="col-sm-12"> <textarea class="form-control" id="contact_widget__message" name="contact_widget__message" placeholder="{{_t 'Message'}}" rows="6">{{data.message}}</textarea> <p class="help-block">{{_t errors.message}}</p> </div> </div> </li> </ul> <div class="row"> <div class="col-sm-12"> <div class="buttons"> <a class="open-booking-widget-button" href="#book"> {{_t 'Make an appointment'}} </a> <input type="submit" class="send-message-button btn blue" value="{{_t 'Send message'}}"> </div> </div> </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">{{_t message}}</p> </div> {{/if}} </form> </div> </div> <div class="subscribe-component {{#if is_visible}}in{{else}}hidden{{/if}}"> <!-- is not subscribed AND client_id exist AND popup not closed yearly --> {{#if is_visible}} <div class="subscribe-component--divider"></div> <div class="subscribe-component--body"> <div class="subscribe-component--content"> <!-- {{#hasThemeImage 'sb_logo_image'}} <picture class="subscribe-component--logo-block"> <img class="subscribe-component--logo" src="{{getThemeImage 'sb_logo_image'}}" alt="{{_ (getConfigParam 'company_data') 'name'}}"> </picture> {{/hasThemeImage}}--> <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-danger" id="cancel-client-push-btn">{{_t "Cancel"}}</button>--> <button class="btn btn-primary" id="subscribe-client-push-btn">{{_t "Subscribe"}}</button> </div> </div> </div> {{/if}} </div> <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 class="date"> {{#if date}}{{formatDateTime date 'date'}}{{/if}} </div>--> </div> </section> </div> </div> <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> var config = {"csrf_token":"04a8cbef8f91019032180e4aa2f3e7e2","debug_id":"16b5481c41528ae592847a0eb70a7afb","is_widget":false,"custom_query":"","date_format":"d-m-Y","time_format":"24hr","time_frame":"20","apply_promo_code":null,"is_bdp_client":false,"fb_business_id":"vrcc-0eub","bdp_pixel_id":null,"client_login_require_phone":"1","min_date":"2025-11-03","max_date":"2026-05-03","country_prefix":"1","country_prefix_id":"US","country_prefix_is_changeable":true,"country_phone_initial":"US","monday_is_first_day":"1","is_booking_page_widget":0,"is_booking_page":false,"base_url":"\/v2","company_currency":"GBP","currency_info":{"GBP":{"code":"GBP","name":"Pound Sterling","symbol":"\u00a3","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":null,"hide_email":"0","timeline_type":"modern","datepicker_type":"top_calendar","reviews_count":"0","allow_switch_to_ada":0,"reviews_module_count":false,"hide_add_reviews":false,"show_booking_page_in_client_timezone":false,"allow_event_day_break":"0","allow_event_breaktime_break":"0","allow_buffertime_extend":false,"feedbacks_disabled":true,"company_data":{"name":"Vale Royal Chiropractic Clinic","login":"vrcc","description":"<p>Vale Royal Chiropractic Clinic is a trusted healthcare provider located in Northwich, Cheshire. We specialise in providing safe, drug-free, and non-surgical chiropractic care to help individuals overcome various conditions. Our expert team focuses on treating low back pain, neck pain, headaches, hip and knee pain from osteoarthritis, as well as shoulder and elbow conditions arising from the back or neck.<\/p><p><br><\/p><p><\/p><p>From newborns to individuals in their 90s, we cater to all age groups, aiming to optimise health by addressing spinal health and associated nerves. Led by experienced Chiropractor Lorraine Calland, our clinic is committed to providing personalised care to each patient. Our services include chiropractic treatment and comprehensive initial consultations. Visit Vale Royal Chiropractic Clinic and experience the benefits of chiropractic care for yourself.<\/p><p><br><\/p><p>If you are suffering from any of the following and haven't been before please book in with us for an Initial Consultation<\/p><p>- Low back pain<\/p><p>- Neck pain<\/p><p>- Headaches from the neck<\/p><p>- Hip & Knee pain from osteoarthritis<\/p><p>- Shoulder & Elbow conditions arising from the back or neck<\/p><p><br><\/p><p><b>About Lorraine Calland BSc (Chiro) DC | Chiropractor<\/b><\/p><p>Lorraine is registered with the General Chiropractic Council and is a member of the British Chiropractic Association. Lorraine graduated from the Anglo-European College of Chiropractic with a BSc (Chiropractic) degree in 1995. Since then she has enjoyed working as a chiropractor in various locations before opening the Northwich Clinic.<\/p><p><br><\/p><p>Free parking is available outside the clinic.<\/p><p>Directions: <a href=\"https:\/\/vrcc.simplybook.it\/v2\/#page\/directions\">Directions to the clinic<\/a><\/p><p>Prices: <a href=\"https:\/\/vrcc.simplybook.it\/v2\/#page\/our-fees\">Our price list<\/a><\/p><p><br><\/p><p><b>How to use our online booking system<\/b><\/p><p><a href=\"https:\/\/vrcc.simplybook.it\/v2\/#book\" target=\"_blank\">Click here<\/a> to find a service and appointment time and date for yourself.<\/p><p>You can then choose to login or make a new account for yourself. You can use Facebook and Google to login by clicking the icons on the signup page.<\/p><p><b>Existing clients<\/b><\/p><p>If you were registered with our old website you can put your email address in and choose \"Remind Password\" to be emailed a password reset link. <\/p><p><br><\/p><p><\/p>","category_keys":["chiropractics","medical"],"lat":"53.268745","lng":"-2.532913","address1":"No.3 The Stables","address2":" Winnington Hall","city":"Northwich","zip":"CW8 4DU","country_id":"GB","email":"valeroyalc@gmail.com","phone":"01606 350 840","web":"http:\/\/vrcc.simplybook.it","tag":null},"server_address":"simplybook.it","project_name":"SimplyBook.me","revision":"t4zya2en","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":0,"deposit_paid_events_is_client_can_pay_full_price":true,"slots_count_show_total":false,"timezone":"Europe\/London","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,"price_includes_tax":true,"sale_tax":false,"rebilling_enabled":false,"sbpay_invoices_enabled":true,"secure_url":"https:\/\/vrcc.simplybook.it","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","menu_id":"1","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"id":"17","name":"Prices","type":"html","url":"#page\/our-fees","target":"self","seo_url":"our-fees","position":"2","is_visible":"1","menu_id":null,"plugin_static_page_id":"2","is_disable":0},{"name":"menu_bookings","url":"#client\/bookings\/type\/upcoming","plugin":"","custom_dependency":"","position":"3","is_visible":"1","route":"client_bookings","id":"13","menu_id":"7","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"name":"menu_contact_widget","url":"#contact-widget","plugin":"contact_widget","custom_dependency":"","position":"5","is_visible":"1","route":"contact_widget","id":"12","menu_id":"15","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"id":"18","name":"Directions","type":"html","url":"#page\/directions","target":"self","seo_url":"directions","position":"6","is_visible":"1","menu_id":null,"plugin_static_page_id":"3","is_disable":0}],"is_ada_compliant":false,"plugins":{"event_field":{"is_active":"0","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":"0","system_name":"location"},"secure":{"is_active":"1","system_name":"secure"},"contact_widget":{"is_active":"1","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":"0","system_name":"membership"},"custom_domain":{"is_active":"0","system_name":"custom_domain"},"sms":{"is_active":"0","system_name":"sms"},"classes":{"is_active":"0","system_name":"classes"},"import_clients":{"is_active":"1","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":"1","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":"1","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":"1","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"},"react_widget":{"is_active":"0","system_name":"react_widget"}},"theme":"air","sheduler_channel":null,"widget_type":null,"is_simplybook_terms_disabled":false,"is_privacy_policy_enabled":false,"white_label":true,"show_peace_banner":false}; var theme = "air"; var themeVars = {"timeline_modern_display":"as_slots","booking_mode":"default","timeline_hide_unavailable":"1","hide_past_days":"0","timeline_show_end_time":"0","sb_base_color":"#437aaa","display_item_mode":"block","booking_nav_bg_color":"#437aaa","body_bg_color":"#ffffff","sb_logo_image":"31","sb_logo_image_mode":"company-logo-only","sb_logo_image_preview":"\/uploads\/vrcc\/image_files\/preview\/a45be7ca7efbe8beb040ef5dc4961a42.png","sb_logo_image_original":"\/uploads\/vrcc\/image_files\/original\/a45be7ca7efbe8beb040ef5dc4961a42.png","sb_logo_image_file_name":"a45be7ca7efbe8beb040ef5dc4961a42.png","sb_background_image":"30","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image_preview":"\/uploads\/vrcc\/image_files\/preview\/7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_background_image_original":"\/uploads\/vrcc\/image_files\/original\/7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_background_image_file_name":"7720cf68ff84cbd161b52845eac0d2bc.jpg","sb_review_image":"51","sb_review_image_preview":"\/uploads\/vrcc\/image_files\/preview\/9a5ef9654fdebdd149b66ce00cdafb2f.png","sb_review_image_original":"\/uploads\/vrcc\/image_files\/original\/9a5ef9654fdebdd149b66ce00cdafb2f.png","sb_review_image_file_name":"9a5ef9654fdebdd149b66ce00cdafb2f.png","dark_font_color":"#3f4244","light_font_color":"#ffffff","btn_color_1":"#1999cc","main_page_mode":"side_bars","sb_company_label_color":"#ab5252","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#c7b3b3","sb_available":"#d6ebff","upload_path":"\/uploads\/vrcc","widget_type":null,"default_bg_image":"\/v2\/themes\/assets\/img\/categories\/medical\/air\/bg.jpg","allow_new_theme_btn_color":true,"allow_new_theme_images":true,"dir_logo_preview":"\/uploads\/vrcc\/image_files\/preview\/11def142edabc9eb461f3af25c00fc15.png","dir_bg_preview":"\/uploads\/vrcc\/image_files\/preview\/2a826899e9edfccfea3dca7becda0591.jpg"}; var userThemeSettings = {"timeline_modern_display":"as_slots","timeline_hide_unavailable":"1","hide_past_days":"0","timeline_show_end_time":"0","sb_base_color":"#437aaa","display_item_mode":"block","booking_nav_bg_color":"#437aaa","body_bg_color":"#ffffff","sb_logo_image_mode":"company-logo-only","sb_logo_image":"31","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image":"30","sb_review_image":"51","dark_font_color":"#3f4244","light_font_color":"#ffffff","btn_color_1":"#1999cc","main_page_mode":"side_bars","sb_company_label_color":"#ab5252","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#c7b3b3","sb_available":"#d6ebff","is_rtl":"0","timeline_type":"modern","datepicker_type":"top_calendar","time_frame":"20","time_format":"24hr","reviews_count":"0","allow_switch_to_ada":"0","clear_session":"0"}; var themeSettings = {}; var isUserPublic = true; //need 4 notifications window.initFirebase = async function () { const firebaseApp = await import('https://www.gstatic.com/firebasejs/11.6.0/firebase-app.js'); const firebaseMessaging = await import('https://www.gstatic.com/firebasejs/11.6.0/firebase-messaging.js'); var firebase = { initializeApp: firebaseApp.initializeApp, getMessaging: firebaseMessaging.getMessaging, getToken: firebaseMessaging.getToken, onMessage: firebaseMessaging.onMessage }; window.firebase = firebase; return firebase; } var allowCookies = false; var cookiesAccepted = false; var svgLoader = new InlineSvgLoader({ 'path': "\/v2\/themes\/default\/inline-assets\/", 'category_path': "\/v2\/images\/inline-assets\/medical" }); 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("&"); }