Richard Mille | Scheduling and Booking Website

<!DOCTYPE html>  <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=2"> <title>Richard Mille | Scheduling and Booking Website</title> <meta name="description" content="EXPERIENCERENDEZ-VOUSSchedule an appointment in one of our stores at yourconvenience to find out more about the Richard Mille brandor perform a service on your watchBook an appointment " /> <meta property="og:image" content="https://book.richardmille.com/uploads/magnetism/image_files/preview/1854fc5305bc07433d7cf151087dac0a.png" /> <meta property="og:title" content="Richard Mille | Scheduling and Booking Website" /> <meta property="og:description" content="EXPERIENCERENDEZ-VOUSSchedule an appointment in one of our stores at yourconvenience to find out more about the Richard Mille brandor perform a service on your watchBook an appointment " /> <meta property="og:url" content="https://book.richardmille.com/v2/" /> <link rel="sitemap" href="/v2/sitemap" type="application/xml" /> <link href="/v2/themes/air/css/styles.css?r=snb0px" rel="stylesheet"> <link href="/uploads/magnetism/custom_css/webpage.css?r=snb0px&v=13" rel="stylesheet"> <script type="text/javascript" src="/v2/translations.js?r=snb0px&v=13"></script> <script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"LocalBusiness","name":"Richard Mille","description":"<p style=\"text-align: center;\" class=\"sup-title\">EXPERIENCE<\/p><p style=\"text-align: center;\" class=\"large-title\">RENDEZ-VOUS<\/p><p style=\"text-align: center;\" class=\"description\">Schedule an appointment in one of our stores at your<br><span style=\"font-size: 1rem;\">convenience to find out more about the Richard Mille brand<br><\/span><span style=\"font-size: 1rem;\">or perform a service on your watch<\/span><\/p><div class=\"btn book btn-with-icon custom\"><a href=\"https:\/\/magnetism.simplybook.it\/v2\/#book\">Book an appointment<span class=\"top\"><\/span><\/a><\/div>\r\n<ul class=\"socials\">\r\n <li><a href=\"https:\/\/www.facebook.com\/richardmille.watches\" target=\"_blank\" class=\"facebook\" alt=\"#\"><\/a><\/li>\r\n <li><a href=\"https:\/\/www.instagram.com\/richardmille\/\" target=\"_blank\" class=\"instagram\" alt=\"#\"><\/a><\/li>\r\n <li><a href=\"https:\/\/twitter.com\/richard_mille\" target=\"_blank\" class=\"twitter\" alt=\"#\"><\/a><\/li>\r\n <li><a href=\"https:\/\/www.youtube.com\/richardmilleofficial\" target=\"_blank\" class=\"youtube\" alt=\"#\"><\/a><\/li>\r\n <li><a href=\"https:\/\/www.weibo.com\/RichardMilleOfficial\" target=\"_blank\" class=\"weibo\" alt=\"#\"><\/a><\/li>\r\n<\/ul>","email":null,"telephone":null,"url":"https:\/\/magnetism.simplybook.it","address":{"@context":"http:\/\/schema.org","@type":"PostalAddress","addressLocality":null,"postalCode":null,"streetAddress":" ","addressRegion":"","addressCountry":"FR"},"areaServed":{"@context":"http:\/\/schema.org","@type":"Place","geo":{"@context":"http:\/\/schema.org","@type":"GeoCoordinates","latitude":null,"longitude":null}},"logo":"https:\/\/book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/1854fc5305bc07433d7cf151087dac0a.png","image":"https:\/\/book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/1854fc5305bc07433d7cf151087dac0a.png","aggregateRating":{"@context":"http:\/\/schema.org","@type":"AggregateRating","ratingCount":5,"ratingValue":4.2,"bestRating":5,"worstRating":1},"review":[{"@context":"http:\/\/schema.org","@type":"Review","author":{"@context":"http:\/\/schema.org","@type":"Person","name":"Frederic Tapiero"},"datePublished":"2022-11-16","description":"a warm welcome from the director Diego and anime and exclusive presentation of the watch \nGREAT experience","name":"Excellent Presentation ","reviewRating":{"@context":"http:\/\/schema.org","@type":"Rating","bestRating":5,"worstRating":1,"ratingValue":"5"}},{"@context":"http:\/\/schema.org","@type":"Review","author":{"@context":"http:\/\/schema.org","@type":"Person","name":"joachim flesj\u00e5"},"datePublished":"2022-10-28","description":"When i arrived the store was currently under renovation but they still took their time to show me watches and give a wonderfull experience of richard mille.\n\nGreat people, amazing watches and a marvelous experience.","name":"Amazing watches and experience","reviewRating":{"@context":"http:\/\/schema.org","@type":"Rating","bestRating":5,"worstRating":1,"ratingValue":"5"}},{"@context":"http:\/\/schema.org","@type":"Review","author":{"@context":"http:\/\/schema.org","@type":"Person","name":"Francois Boulanger"},"datePublished":"2022-10-26","description":"Kindest thanks for the excellent presentation of Richard Mille and your very exciting watches !\nEverything was just perfect. Top service and we met very lovely person. The perfect passion !","name":"Excellent presentation and products \u26a1\ufe0f","reviewRating":{"@context":"http:\/\/schema.org","@type":"Rating","bestRating":5,"worstRating":1,"ratingValue":"5"}},{"@context":"http:\/\/schema.org","@type":"Review","author":{"@context":"http:\/\/schema.org","@type":"Person","name":"Karan Tolani"},"datePublished":"2022-10-03","description":"Made an appointment and received confirmation. On the day drove 20+ miles to the boutique only to find out it was closed for renovations. No calls were answered, zero notice were given. Why take appointments if you are going to shut your doors, and waste people\u2019s valuable time?? Total incompetence!","name":"Horrible & waste of time","reviewRating":{"@context":"http:\/\/schema.org","@type":"Rating","bestRating":5,"worstRating":1,"ratingValue":"1"}},{"@context":"http:\/\/schema.org","@type":"Review","author":{"@context":"http:\/\/schema.org","@type":"Person","name":"Josh Lehrer"},"datePublished":"2022-09-19","description":"James and Benoit were incredibly gracious and hospitable for our group of three who were quite curious about the brand and product line. We left with a newfound awe and appreciation for both the watches and the boutique. A must-see for any watch lover visiting Bal Harbour.","name":"A Fantastic and Memorable Experience","reviewRating":{"@context":"http:\/\/schema.org","@type":"Rating","bestRating":5,"worstRating":1,"ratingValue":"5"}}],"makesOffer":[{"@context":"http:\/\/schema.org","@type":"Offer","availability":"InStoreOnly","itemOffered":{"@context":"http:\/\/schema.org","@type":"Service","name":"Complete Watch Overhaul","description":"<div style=\"text-align: justify;\">Book an appointment with our master watchmaker to have your Richard Mille watch revised.<\/div>","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/140ec2f266c54853b9de00c11a71b879.jpg","logo":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/140ec2f266c54853b9de00c11a71b879.jpg"},"potentialAction":{"@context":"http:\/\/schema.org","@type":"ReserveAction","target":{"@context":"http:\/\/schema.org","@type":"EntryPoint","urlTemplate":"https:\/\/magnetism.simplybook.it\/v2\/#book","url":"https:\/\/magnetism.simplybook.it\/v2\/#book","actionPlatform":["http:\/\/schema.org\/DesktopWebPlatform","http:\/\/schema.org\/MobileWebPlatform"]},"result":{"@type":"Reservation","name":"Book Now"}}},{"@context":"http:\/\/schema.org","@type":"Offer","availability":"InStoreOnly","itemOffered":{"@context":"http:\/\/schema.org","@type":"Service","name":"Discover the brand","description":"<p style=\"text-align: justify; \"><font face=\"Open Sans, Arial, sans-serif\">Come and discover our store and the history of the Richard Mille brand - from the launch in 2001 to the latest innovations.<\/font><br><\/p>","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/35a3937b883d684cf6ff92eb702deb8e.jpg","logo":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/35a3937b883d684cf6ff92eb702deb8e.jpg"},"potentialAction":{"@context":"http:\/\/schema.org","@type":"ReserveAction","target":{"@context":"http:\/\/schema.org","@type":"EntryPoint","urlTemplate":"https:\/\/magnetism.simplybook.it\/v2\/#book","url":"https:\/\/magnetism.simplybook.it\/v2\/#book","actionPlatform":["http:\/\/schema.org\/DesktopWebPlatform","http:\/\/schema.org\/MobileWebPlatform"]},"result":{"@type":"Reservation","name":"Book Now"}}}],"employee":[{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Abu Dhabi","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/e279971589742b3f68ffef7848c78c91.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Aspen","email":"aspen@rmamericas.com","telephone":"+19703158888","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/06202839561d93764532b30f138331e6.jpeg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Bal Harbour","email":"balharbour@rmamericas.com","telephone":"+13055128888","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/7addb8d47eb7c6f92139ad40c30c08e1.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Boutique Beverly Hills","email":"rodeo@rmamericas.com","telephone":"+13109938888","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/2182482edf7fcb1419a514ea9fb6a277.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Boston","email":"boston@rmamericas.com","telephone":"+16178298888","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/4452c1c0e777896ee41361540b9aa92d.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Brickell","email":"miami@richardmilleusa.com","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/cd9a4e3094638ec61eb6e5fe8f409773.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Buenos Aires","email":"info@richardmilleba.com","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/53edd5fc69fef4df2e57685b0af7f1b4.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Chicago","email":"chicago@rmamericas.com","telephone":"+13122108888","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/b2438aa6eb2a32c0ce55158c3fa8c76f.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Doha","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/83fdf7ad45ed5673f5bc9f42c7057bf0.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Dubai","email":"mohammedfarid.patel@seddiqi.com","telephone":"+97143398666","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/5600b06fbfc6dd6b795984cf42217e6c.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Geneva","email":"GenevaBoutique@richardmille-emea.com","telephone":"+41795118601","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/e667a8bb655fa55c64da0df3ef1b5a08.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Hanoi","email":"richardmillehanoi@ssgroup.net","telephone":"+842432669356","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/e59e73f5d6901ac36a4994e3bf5154f2.jpeg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Istanbul","telephone":"+902122327770","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/7b8ff1c7e0d765d6ac4417f6b47159b2.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Jakarta","email":"jakarta@royalmandiri.com","telephone":"+622129924033","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/8b6c51bf4414e69f931ab7803143324f.jpeg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Kuala Lumpur","email":"kl@richardmilleasia.com","telephone":"+60321440669","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/c4aeace031c4f91e6380aa82389fd097.jpeg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Kuwait","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/5e310e855a87c40e89484237ed3f5d08.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Las Vegas","email":"lasvegas@rmamericas.com","telephone":"+17029938888","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/89a83edc28314772c2ef9011114eee8a.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille London","email":"Londonboutique@richardmille-emea.com","telephone":"+442071234155","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/3b891411a1b95f42f516a50358143120.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Milan ","email":"aleksandra.vukotic@richardmille-emea.com","telephone":"+390287221275","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/e5f92005acbc8935e3f0fe2acd01ca32.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Monte-Carlo","email":"monaco@richardmille-emea.com","telephone":"+37797775614","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/2e86de7b833b2e63376918ba18baf4eb.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Munich","email":"munich@richardmille-emea.com","telephone":"+498945221300","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/64dbbd8f488aad2926a28e29832fdcc3.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille New York","email":"newyork@rmamericas.com","telephone":"+12124198888","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/9a89ce1190e224d0aa48f95ed52fd393.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Paris","email":"anzhela.paquin@richardmille-emea.com","description":"<p>RDV achat<\/p>","telephone":"+33783032544","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/92f28e8015c13d2f9c4ba83d6320dbad.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Riyadh","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/e797553594a13b4404c96bce284d0144.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Seoul","email":"kr@richardmilleasia.com","telephone":"+8225121311","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/fb0e9376300d839fb31d3f0b3cc287ca.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Singapore - St. Martin","email":"sg@richardmilleasia.com","telephone":"+6567331313","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/a96e730af2acd0d758da467e95135726.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Marina bay","email":"mbs@richardmilleasia.com","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/fee0da8446aba4dbc0f8c73a50491aa3.jpeg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"RICHARD MILLE ST MARTIN","email":"stmartin@richardmilleasia.com","telephone":"+6567331313","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/d6deba39a834256ce8353eed69fed8a1.jpg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille St Barth","email":"stbarth@rmamericas.com","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/d87b804c0f5c55539f5c0f2911bdffab.jpeg"},{"@context":"http:\/\/schema.org","@type":"Person","name":"Richard Mille Vancouver","email":"vancouver@rmamericas.com","telephone":"+16049101010","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/61cdf69683b2f0fb964b030a7406c690.jpg"}],"currenciesAccepted":"EUR","openingHoursSpecification":[{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Monday","opens":"07:00:00","closes":"23:00:00"},{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Tuesday","opens":"07:00:00","closes":"24:00:00"},{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Wednesday","opens":"07:00:00","closes":"24:00:00"},{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Thursday","opens":"07:00:00","closes":"24:00:00"},{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Friday","opens":"07:00:00","closes":"24:00:00"},{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Saturday","opens":"07:00:00","closes":"24:00:00"},{"@context":"http:\/\/schema.org","@type":"OpeningHoursSpecification","dayOfWeek":"Sunday","opens":"07:00:00","closes":"24:00:00"}],"contactPoint":{"@context":"http:\/\/schema.org","@type":"ContactPoint","telephone":null,"email":"","contactType":"customer service"},"location":{"@context":"http:\/\/schema.org","@type":"PostalAddress","addressLocality":null,"postalCode":null,"streetAddress":" ","addressRegion":"","addressCountry":"FR"}}</script> <script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"ItemList","itemListElement":[{"@context":"http:\/\/schema.org","@type":"ListItem","position":1,"url":"https:\/\/magnetism.simplybook.it\/v2\/#book\/service\/1","itemListElement":{"@context":"http:\/\/schema.org","@type":"Service","name":"Complete Watch Overhaul","description":"<div style=\"text-align: justify;\">Book an appointment with our master watchmaker to have your Richard Mille watch revised.<\/div>","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/140ec2f266c54853b9de00c11a71b879.jpg","logo":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/140ec2f266c54853b9de00c11a71b879.jpg","url":"https:\/\/magnetism.simplybook.it\/v2\/#book\/service\/1"}},{"@context":"http:\/\/schema.org","@type":"ListItem","position":2,"url":"https:\/\/magnetism.simplybook.it\/v2\/#book\/service\/2","itemListElement":{"@context":"http:\/\/schema.org","@type":"Service","name":"Discover the brand","description":"<p style=\"text-align: justify; \"><font face=\"Open Sans, Arial, sans-serif\">Come and discover our store and the history of the Richard Mille brand - from the launch in 2001 to the latest innovations.<\/font><br><\/p>","image":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/35a3937b883d684cf6ff92eb702deb8e.jpg","logo":"https:\/\/magnetism.book.richardmille.com\/uploads\/magnetism\/image_files\/preview\/35a3937b883d684cf6ff92eb702deb8e.jpg","url":"https:\/\/magnetism.simplybook.it\/v2\/#book\/service\/2"}}]}</script> </head> <body class=" " > <img src="https://counter.simplybook.me/matomo.php?idsite=21&rec=1" style="border:0; position: absolute" alt="" /> <script type="text/html" id="main_layout"><div id="sb-main-container"> {{#ifConfigParam 'enable_push_notifications' '!=' false}} <div id="sb_push_notifications"></div> {{/ifConfigParam}} {{#ifConfigParam 'enable_push_notifications' '!=' false}} <div id="sb_push_notifications"></div> {{/ifConfigParam}} <header id="header" class="web"> <div class="container-fluid column"> <div class="row"> <div class="col-xs-8 col-md-3"> {{!--logo-only company-name-only both-only--}} {{!-- for brand class --}} <div class="brand {{getThemeImageMode 'sb_logo_image'}}"> {{#hasThemeImage 'sb_logo_image'}} <div class="logo"> <a href="/" title="{{_ (getConfigParam 'company_data') 'name'}}"> <img src="{{getThemeImage 'sb_logo_image'}}" alt="{{_ (getConfigParam 'company_data') 'name'}}"> </a> </div> {{/hasThemeImage}} </div> </div> <div class="col-xs-4 col-md-9"> <div class="header-controls"> <div class="nav-trigger"> <i class="fa fa-bars"></i> </div> <div class="nav-wrapper clearfix"> {{#ifPluginActive 'google_translate'}} {{#ifCond (getConfigParam 'google_translate_mode') '==' 'select'}} <div id="sb_google_translate"></div> {{/ifCond}} {{/ifPluginActive}} <div id="sb_menu"> {{! MENU }} </div> <div id="sb_ada_module" class="ada-compliance__wrapper"></div> </div> <div class="items-wrapper"> <div id="book-btn" class="nav-item {{#ifCond active_menu_item '==' 'book'}}active{{/ifCond}}"> <div class="book-btn-container"> <div class="item-container"> <a class="popup-hide" href="#book"></a> </div> </div> </div> <div id="sb_cart" class="nav-item cart-header-module" aria-label="{{_t "Cart menu"}}"></div> <div id="sb_client_info" class="nav-item" aria-label="{{_t "User menu"}}"></div> </div> </div> </div> </div> </div> </header> <div id="sb_cart_popup"></div> <main id="main"> <section id="main-buttons" {{#hasThemeImage 'sb_background_image'}} style="background-image: url({{getThemeImage 'sb_background_image' size='background'}}); {{getThemeImageBackgroundMode 'sb_background_image'}}" {{else}} style="background-image: url({{getDefaultBgImage}})" class="default-bg {{getCatName}}" {{/hasThemeImage}}> {{#ifPluginActive 'google_translate'}} {{#ifCond (getConfigParam 'google_translate_mode') '!=' 'select'}}  <div id="sb_google_translate"></div> {{/ifCond}} {{/ifPluginActive}} <div class="container-fluid column"> <div class="wrapper"> <div class="inner"> <div class="company-name {{getThemeImageMode 'sb_logo_image'}}"> {{_ (getConfigParam 'company_data') 'name'}} </div> <div class="bar"> {{#ifConfigParam 'skip_address' '!=' true}} <div class="btn map btn-with-image custom"> <a href="#show-on-map/yes" title="{{_t 'show_on_map'}}"> {{_t 'show_on_map'}} </a> </div> {{/ifConfigParam}} {{#ifConfigParam 'promo_add_link_to_webpage' '==' true}} <div class="btn promo btn-with-image custom"> <a href="{{getConfigParam 'promo_link_webpage_link'}}" target="_blank"> {{getConfigParam 'promo_link_webpage_title'}} </a> </div> {{/ifConfigParam}} <div class="btn book btn-with-icon custom"> <a href="#book" title="{{_t 'book'}}"> {{_t 'book'}} </a> </div> </div> </div> </div> </div> </section> <section id="main-content"> {{> preloaderPart}} <div id="sb_content"> {{! CONTETN }} </div> </section> </main> <div id="sb_invoice_notification_container"></div> {{> footer }} </div> <div id="sb_dialog" class="modal fade" tabindex="-1" role="dialog"></div></script> <script type="text/html" id="empty_layout"><section id="main-content"> {{> preloaderPart}} <div id="sb_content"> {{! CONTETN }} </div> </section> <div id="sb_invoice_notification_container"></div> <div id="sb_dialog" class="modal fade" tabindex="-1" role="dialog"></div></script> <script type="text/html" id="menu_list_view"> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> </script> <script type="text/html" id="menu_list_item_view"> <li class="menu-item clearfix {{#if active_item}} active{{/if}}" > <a class="popup-hide" href="{{url}}" {{#ifCond type '==' 'link'}}target="_{{target}}"{{/ifCond}}>{{_t name}}</a> </li> </script> <script type="text/html" id="menu_list_footer_view"> <ul class="nav clearfix" id="sb_menu_list_items_container"> </ul> </script> <script type="text/html" id="menu_list_item_footer_view"> <li class="menu-item clearfix {{#if active_item}} active{{/if}}" > <a class="popup-hide" href="{{url}}" {{#ifCond type '==' 'link'}}target="_{{target}}"{{/ifCond}}>{{_t name}}</a> </li> </script> <script type="text/html" id="message_view"><div class="alert alert-{{type}} {{#unless message}}hidden{{/unless}}">{{_t message _data=this}}</div></script> <script type="text/html" id="pager_view"><div class="pagination-wrapper"> {{#ifCond pages_count '>' 1}} {{#if prev_page}} <a href="#{{placeholder url page=prev_page}}" class="arrow arrow-prev"> <i class="fa fa-angle-left"></i> </a> {{else}} <span class="arrow arrow-prev"> <i class="fa fa-angle-left"></i> </span> {{/if}} {{#for from=1 to=pages_count}} <a href="#{{placeholder url page=_currentIndex}}" class="{{#ifCond page '==' _currentIndex}}current{{/ifCond}}"> {{_currentIndex}} </a> {{/for}} {{#if next_page}} <a href="#{{placeholder url page=next_page}}" class="arrow arrow-next"> <i class="fa fa-angle-right"></i> </a> {{else}} <span class="arrow arrow-next"> <i class="fa fa-angle-right"></i> </span> {{/if}} {{/ifCond}} {{#if show_count}} {{_t "Shown items %first% - %last% of %total%" first=first_item last=last_item total=total_items}} {{/if}} </div></script> <script type="text/html" id="index_page"><section id="content-view"> <div class="container-fluid column"> {{#if (getWidgetType) }} <div class="row row-mg txt-center"> <a class="btn book" href="#book"> {{_t 'book'}} </a> </div> {{/if}} {{#ifCond (getThemeOption 'main_page_mode') '==' 'default'}} <div class="row row-eq-height-xs default row-mg"> <div class="col-sm-12 col-md-3"> {{> mainPageWorkingHoursPart}} </div> <div class="col-sm-12 col-md-6"> {{> mainPageAboutUsPart}} </div> <div class="col-sm-12 col-md-3"> {{> mainPageContactsPart}} </div> </div> {{/ifCond}} {{#ifCond (getThemeOption 'main_page_mode') '==' 'description_only'}} <div class="row description_only row-mg"> <div class="col-sm-12"> {{> mainPageAboutUsPart}} </div> </div> {{/ifCond}} {{#ifCond (getThemeOption 'main_page_mode') '==' 'description_working_hours'}} <div class="row row-eq-height-xs description_working_hours row-mg"> <div class="col-sm-4"> {{> mainPageWorkingHoursPart}} </div> <div class="col-sm-8"> {{> mainPageAboutUsPart}} </div> </div> {{/ifCond}} {{#ifCond (getThemeOption 'main_page_mode') '==' 'side_bars'}} <div class="row row-eq-height-xs side_bars row-mg"> <div class="col-sm-4"> {{> mainPageWorkingHoursPart}} {{> mainPageContactsPart}} </div> <div class="col-sm-8"> {{> mainPageAboutUsPart class="with-sidebar"}} </div> </div> {{/ifCond}} {{#ifCond (getThemeOption 'main_page_mode') '==' 'description_contacts'}} <div class="row row-eq-height-xs description_contacts row-mg"> <div class="col-sm-8"> {{> mainPageAboutUsPart}} </div> <div class="col-sm-4"> {{> mainPageContactsPart}} </div> </div> {{/ifCond}} {{#ifCond (getThemeOption 'main_page_mode') '==' 'working_hours_contacts'}} <div class="row row-eq-height-xs working_hours_contacts row-mg"> <div class="col-sm-6"> {{> mainPageWorkingHoursPart}} </div> <div class="col-sm-6"> {{> mainPageContactsPart}} </div> </div> {{/ifCond}}  {{#ifCond skip_address '!=' true}} <div class="row row-mg"> <div class="col-sm-12"> <div class="title-section">{{_t 'our_location'}}</div> <div id="sb_map"> <div id="map-view"> <iframe width="100%" height="450" frameborder="0" style="border:0; height: 450px;" title="map view" loading="lazy" src="{{mapIframe lat=lat lng=lng}}" allowfullscreen></iframe> </div> </div> </div> </div> {{/ifCond}} </div> {{#ifPluginActive 'google_reviews'}} <div id="sb_google_reviews_module"></div> {{/ifPluginActive}} </section> </script> <script type="text/html" id="about_module"><section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section></script> <script type="text/html" id="ada_compliant_module">{{#if enabled}} <div id="ada-compliant"> {{#if is_widget}}  {{/if}} {{#if is_ada_compliant}} <a class="ada-compliance__btn btn" href="{{base_theme_url}}"> {{_t 'Exit accessibility mode'}} </a> {{else}} <a class="ada-compliance__btn btn" href="{{ada_theme_url}}"> <span class="ada-compliance__btn-icon"><img src="/v2/themes/assets/img/ics/accessibility-eye.svg" alt="Accessibility eye icon"/></span> <span class="ada-compliance__btn-txt">{{_t 'Contrast theme'}}</span> </a> {{/if}} </div> {{else}} <span></span> {{/if}}</script> <script type="text/html" id="index_contacts_part"><section id="contacts" class="section"> <div class="section-pd"> <div class="title-main"> {{_t 'Contact_us'}} </div> <div class="info"> <ul> {{#if phone}} <li> <div class="icon"> <i class="fa fa-phone" aria-hidden="true"></i> </div> <div class="links phone"> <a class="phone-number" href="tel:{{phone}}">{{phone}}</a> </div> </li> {{/if}} {{#if whatsapp}} <li> <div class="icon"> <i class="fab fa-whatsapp" aria-hidden="true"></i> </div> <div class="links phone whatsapp"> <a class="phone-number" href="https://wa.me/{{whatsapp_clean}}" target="_blank">{{whatsapp}}</a> </div> </li> {{/if}} {{#ifConfigParam 'hide_email' '!=' true}} {{#if email}} <li> <div class="icon"> <i class="fa fa-at" aria-hidden="true"></i> </div> <div class="links emails"> <a href="mailto:{{email}}">{{email}}</a> </div> </li> {{/if}} {{/ifConfigParam}} {{#ifCond skip_address '!=' true}} <li> <div class="icon"> <i class="fa fa-map-marker" aria-hidden="true"></i> </div> <div class="links"> <a href="https://www.google.com/maps/search/?api=1&query={{formatAddress address1=address1 address2=address2 city=city country=country_id zip=zip}}" target="_blank">{{formatAddress address1=address1 address2=address2 city=city country=country_id zip=zip}}</a> </div> </li> {{/ifCond}} {{#if web}} <li> <div class="icon"> <i class="fa fa-globe" aria-hidden="true"></i> </div> <div class="links website"> <a href="{{formatUrl web add_scheme=true}}" rel="nofollow"> {{formatUrl web delete_scheme=true}} </a> </div> </li> {{/if}} {{#if social_links}} <li class="item_soc-links"> <div class="icon"> <i class="fa fa-share-alt" aria-hidden="true"></i> </div> <div class="links"> <div class="social social--links"> <div class="brand v3"> {{#each social_links}} <a title="{{_t (replace "Go to %s account. Open in new window" '%s' this.type)}}" href="{{urlEncode this.url}}" target="_blank" class="{{getSocialSystemClass this.type}}"></a> {{/each}} </div> </div> </div> </li> {{/if}} </ul> </div> </div> </section></script> <script type="text/html" id="index_working_hours_part"><section id="schedule" class="section"> <div class="section-pd"> <div class="title-main"> {{_t 'working_hours'}} </div> <table class="overview"> {{#each opening_hours_info}} <tr> <td class="day"> {{day_name_short}} </td> <td class="time"> {{#ifCond is_day_off '==' 1}} {{_t 'day_off'}} {{else}} {{from}} - {{to}} {{/ifCond}} </td> </tr> {{/each}} </table> </div> </section></script> <script type="text/html" id="index_about_us_part"><section id="about-us" class="section {{class}}"> <div class="section-pd"> <div class="title-main">{{name}}</div> <div class="txt"> {{{description}}} </div> </div> </section></script> <script type="text/html" id="static_page"><section id="content-view"> <div class="container-fluid column"> <div id="custom-page" class="custom-page"> {{#if show_title}} <h2 class="title-main">{{name}}</h2> {{/if}} <div class="page-content"> {{{html}}} </div> </div> </div> </section></script> <script type="text/html" id="error_page"><section id="content-view"> <div class="container-fluid column"> <section class="section section-page-404"> <div class="section-pd"> <div class="error-card"> <svg src="404.svg" class="sb-inline-svg"/> {{#ifCond type '==' '404'}} <div class="title-main er-404">{{_t "Oops!"}}</div> {{/ifCond}} {{#ifCond type '==' '403'}} <div class="title-main">{{_t "Error 403"}}</div> {{/ifCond}} {{#ifCond type '==' '500'}} <div class="title-main">{{_t "Error 500"}}</div> {{/ifCond}} <div class="error-txt">{{_t (concat 'error_message_' type)}}</div> <div class="redirect-block"> <div class="block"> <span class="txt">{{_t "Try to"}}</span> <a class="btn reload-page" href="javascript:window.history.back()" role="button" tabindex="0">{{_t "Refresh"}}</a> </div> <div class="block"> <span class="txt">{{_t "or go"}}</span> <a href="#" class="btn to-home" role="button" tabindex="0">{{_t "Home"}}</a> </div> </div> </div> </div> </section> </div> </section></script> <script type="text/html" id="booking_layout"><div id="sb-timeline"> <nav id="steps-nav"> <div id="menu-active-bg"></div> <div class="container-fluid column"> <div class="row"> <div id="sb_booking_info"></div> </div> </div> </nav> <div id="steps"> <div id="time-settings"> <div class="container-fluid column"> <div class="row"> <div id="sb_booking_company_time"></div> </div> </div> </div> <div id="sb_booking_header"></div> <div id="steps-content" class=" {{#ifConfigParam 'sheduler_channel' '==' 4}}--on-gm{{/ifConfigParam}}"> <div class="container-fluid column"> <div class="row"> <div id="sb_back_button"></div> {{#ifConfigParam 'sheduler_channel' '==' 4}} {{setVariable 'company' (getConfigParam 'company_data')}} <div class="company-location"> <div class="company-location--row"> <p class="company-name">{{_ (getConfigParam 'company_data') 'name'}}</p> <p class="company-location--caption">{{_t "Company main address"}}</p> <a class="link" href="https://www.google.com/maps/search/?api=1&query={{formatAddress address1=company.address1 address2=company.address2 city=company.city country=company.country_id zip=company.zip}}" target="_blank">  {{formatAddress address1=company.address1 address2=company.address2 city=company.city country=company.country_id zip=company.zip}} </a> </div> </div> {{/ifConfigParam}} <div id="sb_booking_content"></div> </div> </div> </div> </div> </div> </script> <script type="text/html" id="booking_info"><div class="booking-info"> <ul class="clearfix"> {{#forEach steps as 'step'}} {{#ifCond 'location' '==' step}} <li class="step_info_item {{#if location_id}}filled{{/if}} {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{bookingStepUrl location=false category=false service=false addons=false provider=false date=false time=false}}"> <div class="content"> <div class="title-small"> {{_t "location_name"}} </div> <div class="title-sub"> {{#if location}} {{location.title}} {{/if}} </div> </div> </a> </li> {{/ifCond}} {{#ifCond 'category' '==' step}} <li class="step_info_item {{#if category_id}}filled{{/if}} {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{bookingStepUrl category=false service=false addons=false provider=false date=false time=false}}"> <div class="content"> <div class="title-small"> {{_t "category_name"}} </div> <div class="title-sub"> {{#if category}} {{category.name}} {{/if}} </div> </div> </a> </li> {{/ifCond}} {{#ifCond 'service' '==' step}} <li class="step_info_item {{#if service_id}}filled{{/if}} {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{bookingStepUrl service=false addons=false provider=false date=false time=false}}"> <div class="content"> <div class="title-small"> {{_t "service_name"}} </div> <div class="title-sub"> {{#if service}} {{service.name}} {{/if}} </div> </div> </a> </li> {{/ifCond}} {{#ifCond 'paid_attributes' '==' step}} <li class="step_info_item {{#if addons}}filled{{/if}} {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{bookingStepUrl addons=false provider=false date=false time=false}}"> <div class="content"> <div class="title-small"> {{_t "paid_attributes"}} </div> <div class="title-sub"> {{paid_attribute_names}} </div> </div> </a> </li> {{/ifCond}} {{#ifCond 'provider' '==' step}} <li class="step_info_item {{#if provider_id}}filled{{/if}} {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{#ifIndex steps 'provider' '>' 'datetime'}}{{bookingStepUrl provider=false}}{{else}}{{bookingStepUrl provider=false date=false time=false}}{{/ifIndex}}"> <div class="content"> <div class="title-small"> {{_t "provider_step_name"}} </div> <div class="title-sub"> {{#if provider}} {{provider.name}} {{/if}} </div> </div> </a> </li> {{/ifCond}} {{#ifCond 'datetime' '==' step}} <li class="step_info_item {{#if start_time}}filled{{/if}} {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{#ifIndex steps 'provider' '>' 'datetime'}}{{bookingStepUrl date=false time=false service=false provider=false}}{{else}}{{bookingStepUrl date=false time=false}}{{/ifIndex}}"> <div class="content"> <div class="title-small"> {{_t "time"}} </div> <div class="title-sub"> {{#if start_date}} {{formatDateTime start_datetime 'date' time_diff}} {{/if}} {{#if start_time}} {{formatDateTime start_datetime 'time' time_diff}} {{/if}} </div> </div> </a> </li> {{/ifCond}} {{#ifCond 'details' '==' step}} <li class="step_info_item {{#ifCond step '==' currentStep}}active{{/ifCond}} {{#ifCond step 'in' passedSteps}}passed{{/ifCond}}"> <a href="#{{bookingStepUrl}}"> <div class="content"> <div class="title-small"> {{_t "details"}} </div> </div> </a> </li> {{/ifCond}} {{/forEach}} </ul> </div> </script> <script type="text/html" id="back_button_view"><a href="#{{url}}" class="{{#unless show_button}}hidden{{/unless}}"> <span class="fa fa-angle-left"></span> <span>{{_t "back"}}</span> </a> </script> <script type="text/html" id="company_time_view"><div class="col-xs-12" translate="no"> <div class="time"> <div><b>{{_t "current_company_time"}}</b>: {{formatDateTime current_company_time 'time' 0}} {{_t company_time_zone}}</div> {{#if show_client_time}} <div><b>{{_t "current_client_time"}}</b>: {{formatDateTime current_client_time 'time' 0}} {{_t client_time_zone}}</div> {{/if}} </div> {{#if show_client_time}} <div class="btn custom btn-with-icon" id="sb_change_timezone" role="button" tabindex="0"> <span> {{_t "change_my_timezone"}} </span> </div> {{/if}} </div> </script> <script type="text/html" id="timezone_select_dialog_view"><div class="modal-dialog timezone-modal" role="document"> <div class="modal-content"> <div class="modal-header">  <h4 class="modal-title">{{_t 'select_timezone'}}</h4> </div> <div class="modal-body"> <div class="tab-pd"> <div class="cap"> {{_t 'please_select_your_timezone'}}: </div> <div class="custom-form"> <select id="sb_timezone_select" class="form-control"> {{#each options}} <option value="{{id}}" {{#ifCond id '==' ../id}}selected="selected"{{/ifCond}}> {{_t name}} ({{formatDateTime current_date_time 'time' 0}}{{#dayDifference ../current_time time_diff}}, {{_t date}}{{/dayDifference}}) </option> {{/each}} </select> </div> {{!-- <div class="client-time-select"> <span class="your-time">Your time is:</span> <select id="hours"> <option value="0"> 16 </option> </select> <b>:</b> <select id="minutes"> <option value="0"> 00 </option> </select> <span class="your-zone">GMT+3</span> </div> <div class="performer-time"> When our time is: <b>{{formatDateTime current_date_time 'time' 0}}</b> </div> <div class="day-time-savings"> With day savings time: <input type="checkbox" value="0" checked> </div> --}} </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn" id="sb_set_button" data-dismiss="modal">{{_t 'sb_set_my_timezone'}}</button> <button type="button" class="btn" id="sb_cancel_button" data-dismiss="modal">{{_t 'sb_cancel_timezone'}}</button> </div> </div> </div> </div> </script> <script type="text/html" id="client_info_view"><section id="content-view"> <div class="container-fluid column"> <div class="wrap-client-info-view"> <a class="back-button" href="{{back_button_link}}"><i class="fal ico fa-chevron-left"></i>{{_t back_button_label}}</a> <section class="section"> <div class="client-info-view"> <div class="titles-block"> <div class="title-main"> {{_t form_title}} </div> <div class="sub-title">{{_t form_sub_title}}</div> </div> {{#if errors.global_error}} <div role="alert" class="alert alert-danger alert-dismissible"> <button aria-label="Close" data-dismiss="alert" class="close" type="button"> <span aria-hidden="true">×</span> </button> <div>{{_t errors.global_error}}</div> </div> {{/if}} <div class="client-info-view-form-wrap"> <div class="custom-form"> <div class="form-horizontal"> <div id="sb_client_info_container"> <div class="form-group{{#if errors.name}} has-error{{/if}} form-client-name"> <label class="control-label col-sm-4 required" for="sb_client_name"> {{_t 'name'}}: </label> <div class="col-sm-8"> <input type="text" class="form-control" name="name" id="sb_client_name" placeholder="{{_t 'enter_name'}}" value="{{ name }}"> {{#if errors.name}}<span class="help-block">{{_t errors.name}}</span>{{/if}} </div> </div> <div class="form-group{{#if errors.email}} has-error{{/if}} form-client-email"> <label class="control-label col-sm-4 {{#ifConfigParam 'client_email_required' '==' true}}required{{/ifConfigParam}}" for="sb_client_email"> {{_t 'email'}}: </label> <div class="col-sm-8"> <input type="email" class="form-control" name="email" id="sb_client_email" placeholder="{{_t 'enter_email'}}" value="{{ email }}"> {{#if errors.email}}<span class="help-block">{{_t errors.email}}</span>{{/if}} </div> </div> <div class="form-group{{#if errors.phone}} has-error{{/if}} form-client-phone"> <label class="control-label col-sm-4 {{#ifConfigParam 'client_phone_required' '==' true}}required{{/ifConfigParam}}" for="sb_client_phone"> {{_t 'phone'}}: </label> <div class="col-sm-8"> <div class="input-group"> {{#if country_prefix_is_fixed}} <span class="input-group-addon">{{country_prefix}}</span> {{/if}} <input type="tel" class="form-control {{#if country_prefix_is_fixed}}has-country-prefix{{/if}}" name="phone" id="sb_client_phone" placeholder="{{_t 'enter_phone'}}" value="{{ phone }}"> </div> {{#if errors.phone}}<span class="help-block">{{_t errors.phone}}</span>{{/if}} </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-8 col-sm-offset-4 terms-block" id="sb_terms_container"></div> </div> <div class="row"> <div class="col-sm-8 col-sm-offset-4"> <div class="btn-bar"> <div id="sb_submit" class="btn btn-success" role="button" tabindex="0"> {{_t submit_button_label}} </div> </div> </div> </div> <div class="row"> <div class="col-sm-8 col-sm-offset-4"> <div class="client-login-bar"> <div class="social"> <div class="txt">{{_t 'or sign up via'}}</div> <div class="brand v4"> <a title="{{_t 'Login via Facebook account icon. Open in new window'}}" href="{{baseUrl}}/client/openid/provider/facebook/" target="_blank" class="fb sb-targetblank"></a>  <a title="{{_t 'Login via Google account icon. Open in new window'}}" href="{{baseUrl}}/client/openid/provider/google/" target="_blank" class="gl sb-targetblank"></a> {{#ifPluginActive 'line_liff'}} <a title="{{_t 'Login via Line account.'}}" href="#line/sign-in" class="popup-hide ll"></a> {{/ifPluginActive}} </div> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </section> </div> </div> </section></script> <script type="text/html" id="service_step"><div class="service-step step-content {{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}" id="sb_service_step_container"> </div></script> <script type="text/html" id="service_item">{{!-- almost same as in /themes/default/templates/controller/booking/datetime/classes/time_classes_modal_service_item_view.tpl--}} <div class="service-item item"> <div class="tab tab-col tab-with-popup"> <div class="excerpt-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader"> <a href="#{{bookingStepUrl service=id}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> {{#if class_id}} <svg src="class.svg" class="sb-inline-svg" /> {{else}} <svg src="service.svg" class="sb-inline-svg" data-category="true"/> {{/if}} </div> {{/if}} </a> </div> {{/ifCond}} <div class="tab-pd"> <div class="content"> <div class="cap short">{{name}}</div> <div class="txt short"> {{{description}}} {{#ifCond description.length ">=" 80}} <span class="read-more" data-toggle="modal" data-target="#service{{id}}" role="button" tabindex="0" aria-label="{{_t "read-more"}}"> {{_t "read-more"}} </span> {{/ifCond}} </div> {{#if bonus}} <div class="item__bonus service-bonus"><span class="service-bonus--val">+{{bonus}}</span> <span class="service-bonus--txt">{{_t "rewards points"}}</span></div> {{/if}} <div class="bar-service"> {{#if (and (ifPluginActive 'deposit_paid_events') (cond deposit_is_enabled '==' '1'))}} <div class="d-flex service-deposit service-deposit--block"> <i class="fal fa-wallet wallet-icon"></i> <div class="service-deposit__wrapper"> <div class="badge right"> {{{formatPrice currency=currency price=price}}}</div> <div class="badge badge-deposit right">{{{formatPrice currency=currency price=deposit}}} <span class="text">{{_t 'deposit_price'}}</span></div> </div> </div> <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time">  <span> {{formatDuration duration}} </span> {{#if is_recurring}} <span class="divider">/</span> <span> {{recurring_settings.repeat_count}} {{_t 'recurring_sessions'}} </span> {{/if}} </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time">  <span> {{formatDuration duration}} </span> {{#if is_recurring}} <span class="divider">/</span> <span> {{recurring_settings.repeat_count}} {{_t 'recurring_sessions'}} </span> {{/if}} </div> {{/ifCond}} {{#ifCond price '>' 0}} <div class="badge"> {{! just add tax=tax if we need to show price with tax in any case }} {{{formatPrice currency=currency price=price}}} </div> {{/ifCond}} </div> {{/if}} </div> </div> {{#if (or in_membership is_recurring)}} <div class="recurring-block"> {{> serviceBar}} </div> {{/if}} <div class="btn-bar"> <div class="sb_group_booking_count"></div> <div class="btn select custom"> <a href="#{{bookingStepUrl service=id}}">{{_t "select"}}</a> </div> </div> </div> </div> <div class="modal fade" id="service{{id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0" aria-label="{{_t "close"}}"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fa fa-times"></i> </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader img-full"> {{#if picture}} {{#ifSvg picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <img src="{{picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> {{/ifSvg}} {{/if}} </div> {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="tab-pd"> <div class="cap full">{{name}}</div> <div class="txt full">{{{description}}}</div> </div> </div> </div> </div> </div> </div></script> <script type="text/html" id="service_item_list">{{!-- almost same as in /themes/default/templates/controller/booking/datetime/classes/time_classes_modal_service_item_view.tpl--}} <div class="service-item item panel"> <div class="mobile-title"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> {{name}} </a> </h4> {{else}} <h4 class="title">{{name}}</h4> {{/ifCond}} </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader"> <a href="#{{bookingStepUrl service=id}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> {{#if class_id}} <svg src="class.svg" class="sb-inline-svg" /> {{else}} <svg src="service.svg" class="sb-inline-svg" data-category="true"/> {{/if}} </div> {{/if}} </a> </div> {{/ifCond}} <div class="one-line {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}}no-image{{/ifCond}}"> <div class="content"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <h4 class="cap title"> <a role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> {{name}} </a> </h4> {{else}} <h4 class="title">{{name}}</h4> {{/ifCond}} <div class="info-bar bar-service"> <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="bar-flex-item time"> <i class="fal ico fa-hourglass-start"></i> <span class="txt"> {{formatDuration duration}} </span> {{#if is_recurring}} <span class="divider">/</span> <span> {{recurring_settings.repeat_count}} {{_t 'recurring_sessions'}} </span> {{/if}} </div> {{/ifCond}} {{#if bonus}} <div class="bar-flex-item item__bonus service-bonus"><i class="fal ico fa-award"></i> <span class="service-bonus--val">+{{bonus}}</span> <span class="service-bonus--txt">{{_t "rewards points"}}</span></div> {{/if}} {{#if (and (ifPluginActive 'deposit_paid_events') (cond deposit_is_enabled '==' '1'))}} <div class="d-flex bar-flex-item price service-deposit"> <i class="fal fa-wallet wallet-icon ico"></i> <div class="service-deposit__price"> <span class="txt badge">{{{formatPrice currency=currency price=price}}} <span class="badge-line">/</span></span> <span class="txt badge">{{{formatPrice currency=currency price=deposit}}} <span class="text">{{_t 'deposit_price'}}</span></span> </div> </div> {{else}} {{#ifCond price '>' 0}} <div class="bar-flex-item price price"> <i class="fal fa-wallet ico"></i> {{! just add tax=tax if we need to show price with tax in any case }} <span class="txt">{{{formatPrice currency=currency price=price}}}</span> </div> {{/ifCond}} {{/if}} <div class="bar-flex-item sb_group_booking_count"></div> {{#if (or in_membership is_recurring)}} <div class="bar-flex-item recurring-block"> {{> serviceBar}} </div> {{/if}} </div> </div> </div> <div class="btn-bar {{#ifCond (lengthWithoutTags description) ">=" 2}}has-read-more{{/ifCond}}"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <div class="wrap-read-more"> <a class="btn read-more collapsed" role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> <span class="part txt-part"> <span class="more-part">{{_t 'read-more'}}</span> <span class="less-part">{{_t 'show less'}}</span> </span> <span class="part ico-part"><i class="fal fa-ellipsis-h"></i></span> </a> </div> {{/ifCond}} <div class="btn-round-mask"> <a class="btn select custom" href="#{{bookingStepUrl service=id}}">{{_t "select"}}</a> </div> </div> </div> <div class="wrap-collapse-content collapse" id="service{{id}}"> <div class="collapse-content"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if picture}} {{#ifSvg picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <div class="biggest-previev"> <img src="{{picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{/if}} {{/ifCond}} {{{description}}} <div class="btn-bar btn-bar-full-info"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <a class="btn btn-hide" role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> <span class="hide-txt">{{_t "show less"}}</span> </a> {{/ifCond}} <a class="btn select custom" href="#{{bookingStepUrl service=id}}">{{_t "select"}}</a> </div> </div> </div> </div></script> <script type="text/html" id="service_item_split"><div class="split-title"> <div class="title-section"> {{_t label}} </div> </div></script> <script type="text/html" id="service_empty"><div class="empty-step empty-service"> <div class="empty-step__wrapper"> <div class="empty-step__image"> <svg src="empty-service.svg" class="sb-inline-svg" /> </div> <h3 class="empty-step__title">{{_t 'No services available'}}</h3> <p class="empty-step__text">{{_t 'Please go back and choose another one'}}</p> </div> </div></script> <script type="text/html" id="service_bar">{{#if (and in_membership is_recurring)}} <div class="service-bar"> <div class="service-bar__wrapper"> <div class="service-bar__icon"> <span class="icon icon-reccuring {{#ifCond description '==' ''}}single{{/ifCond}}"> <i class="fa fa-sync"></i> </span> </div> <div class="service-bar__text"> {{#if non_link}} <span> {{_t 'Subscriptions required' }} </span> {{else}} <a href="#membership/services/{{#if s_id}}{{s_id}}{{else}}{{id}}{{/if}}" class="popup-hide"> {{_t 'Subscriptions required' }} </a> {{/if}} </div> <div class="service-bar__recurring-hint"> <div class="dropdown recurring-hint__dropdown"> <button class="recurring-hint__btn" type="button" id="recurring-hint__{{id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fal ico fa-info-circle"></i> </button> <div class="dropdown-menu recurring-hint__dropdown-menu" aria-labelledby="recurring-hint__{{id}}"> <p class="recurring-hint__dropdown-txt">{{recurring_settings.repeat_count}} {{_t 'recurring_sessions'}}</p> {{#ifCond recurring_settings.type '==' 'fixed'}} <p class="recurring-hint__dropdown-txt">{{_t "Repeat every %days% days" days=recurring_settings.days}}</p> {{else}} <p class="recurring-hint__dropdown-txt">{{_t "Repeat weekly"}}</p> {{/ifCond}} </div> </div> </div> </div> </div> {{else}} {{#if in_membership}} <div class="service-bar"> <div class="service-bar__wrapper"> <div class="service-bar__text"> {{#if non_link}} <span> {{_t 'Subscriptions required' }} </span> {{else}} <a href="#membership/services/{{#if s_id}}{{s_id}}{{else}}{{id}}{{/if}}" class="popup-hide"> {{_t 'Subscriptions required' }} </a> {{/if}} </div> </div> </div> {{/if}} {{#if is_recurring}} <div class="service-bar"> <div class="service-bar__wrapper"> <div class="service-bar__icon"> <span class="icon icon-reccuring {{#ifCond description '==' ''}}single{{/ifCond}}"> <i class="fa fa-sync"></i> </span> </div> <div class="service-bar__text"> {{_t 'Recurring' }} </div> <div class="service-bar__recurring-hint"> <div class="dropdown recurring-hint__dropdown"> <button class="recurring-hint__btn" type="button" id="recurring-hint__{{id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fal ico fa-info-circle"></i> </button> <div class="dropdown-menu recurring-hint__dropdown-menu" aria-labelledby="recurring-hint__{{id}}"> <p class="recurring-hint__dropdown-txt">{{recurring_settings.repeat_count}} {{_t 'recurring_sessions'}}</p> {{#ifCond recurring_settings.type '==' 'fixed'}} <p class="recurring-hint__dropdown-txt">{{_t "Repeat every %days% days" days=recurring_settings.days}}</p> {{else}} <p class="recurring-hint__dropdown-txt">{{_t "Repeat weekly"}}</p> {{/ifCond}} </div> </div> </div> </div> </div> {{/if}} {{/if}}</script> <script type="text/html" id="provider_step_layout"><div class="container-fluid column column__provider-step"> <div class="filter filter__booking-step"> <div class="filter-list custom-form filter--content sb-filter-container"></div> </div> <div class="filter--list-wrapper"> <div class="row"> <div class="sb-list-container"></div> </div> </div> </div> </script> <script type="text/html" id="provider_filter_view"><div> <div class="filter--header"> <div class="title-main filter--header_title">{{_t 'Search for provider'}}:</div> {{!-- <p class="title-small filter--header_hint">{{_t (concat namespace '_included_provider_name')}}</p> --}} </div> <input type="text" class="form-control filter--input-field sb-input" value="{{$query}}" placeholder="{{_t 'Search'}}" /> </div></script> <script type="text/html" id="provider_step"><div> {{#if error}} <div class="alert alert-danger">{{error}}</div> {{/if}} <div class="provider-step step-content {{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}" id="sb_provider_step_container"> </div> </div></script> <script type="text/html" id="provider_item"><div class="provider-item item"> <div class="tab tab-col tab-with-popup"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader {{#if picture}}{{#ifSvg picture_path}} __custom-svg-icon {{else}} __custom-image {{/ifSvg}}{{else}} __default-svg-icon {{/if}}"> <a href="#{{bookingStepUrl provider=id}}" class="provider-link"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="photo user" aria-label="{{_t "image_for_provider_%provider_name%" provider_name=name}}" role="img" style="background-image: url({{picture_path}})"></div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="provider.svg" class="sb-inline-svg" data-category="true" /> </div> {{/if}} </a> </div> {{/ifCond}} <div class="excerpt-info"> <div class="name"> {{name}} </div> {{#if description}} <span class="read-more" data-toggle="modal" data-target="#provider{{id}}" role="button" tabindex="0"> {{_t "read-more"}} </span> {{/if}} <div class="btn-bar"> <div class="btn select custom"> <a href="#{{bookingStepUrl provider=id}}"> {{_t "select"}} </a> </div> </div> </div> {{#if description}} <div class="modal fade" id="provider{{id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader img-full"> {{#if picture}} {{#ifSvg picture_path}} {{!-- do not show icon in popup --}} {{else}} <img src="{{picture_path}}" alt="{{_t "image_for_provider_%provider_name%" provider_name=name}}" class="user-img photo user"> {{/ifSvg}} {{/if}} </div> {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="tab-pd"> <div class="cap name full"> {{name}} </div> <div class="txt full"> {{{description}}} </div> </div> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fa fa-times"></i> </div> </div> </div> </div> {{/if}} </div> </div></script> <script type="text/html" id="provider_item_list"><div class="provider-item item panel"> <div class="mobile-title"> {{#if description}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> {{name}} </a> </h4> {{else}} <h4 class="title">{{name}}</h4> {{/if}} </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader "> <a href="#{{bookingStepUrl provider=id}}" class="provider-link"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img class="photo user" alt="{{_t "image_for_provider_%provider_name%" provider_name=name}}" src="{{picture_path}}"> </div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="provider.svg" class="sb-inline-svg" data-category="true"/> </div> {{/if}} </a> </div> {{/ifCond}} <div class="one-line {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}}no-image{{/ifCond}}"> <div class="content"> {{#if description}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> {{name}} </a> </h4> {{else}} <h4 class="title">{{name}}</h4> {{/if}} </div> <div class="btn-bar {{#if description}}has-read-more{{/if}}"> {{#if description}} <div class="wrap-read-more"> <a class="btn read-more collapsed" role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> <span class="part txt-part"> <span class="more-part">{{_t 'read-more'}}</span> <span class="less-part">{{_t 'show less'}}</span> </span> <span class="part ico-part"><i class="fal fa-ellipsis-h"></i></span> </a> </div> {{/if}} <div class="btn-round-mask"> <a class="btn select custom" href="#{{bookingStepUrl provider=id}}">{{_t "select"}}</a> </div> </div> </div> {{#if description}} <div class="wrap-collapse-content collapse" id="provider{{id}}"> <div class="collapse-content"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if picture}} {{#ifSvg picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <div class="biggest-previev"> <img src="{{picture_path}}" alt="{{_t "image_for_provider_%provider_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{/if}} {{/ifCond}} {{{description}}} <div class="btn-bar btn-bar-full-info"> {{#if description}} <a class="btn btn-hide" role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> <span class="hide-txt">{{_t "show less"}}</span> </a> {{/if}} <a class="btn select custom" href="#{{bookingStepUrl provider=id}}">{{_t "select"}}</a> </div> </div> </div> {{/if}} </div></script> <script type="text/html" id="provider_empty"><div class="empty-step empty-provider"> <div class="empty-step__wrapper"> <div class="empty-step__image"> <svg src="empty-provider.svg" class="sb-inline-svg" /> </div> {{#if query}} <h3 class="empty-step__title">{{_t 'No results found'}}</h3> {{else}} <h3 class="empty-step__title">{{_t 'No providers available'}}</h3> <p class="empty-step__text">{{_t 'Please go back and choose another one'}}</p> {{/if}} </div> </div></script> <script type="text/html" id="datetime_step_default_layout"><div class="datetime-step step-content" id="sb_datetime_step_container"> <div class="col-sm-12"> <div id="sb_dateview_container" class="section"></div> </div> <div class="col-sm-12"> <div class="row"> {{#if supports_sidebar}} <div class="col-md-3 hidden-xs hidden-sm{{#ifCond (getThemeOption 'show_sidebar') '!=' 1}} hide {{/ifCond}}" id="sb_sidebar_container"></div> <div class="col-md-9{{#ifCond (getThemeOption 'show_sidebar') '!=' 1}} col-md-12 {{/ifCond}}"> <div id="sb_group_booking_container" class="classes-plugin-group"></div> <div id="sb_timeview_container" class="section-wrapper"></div> </div> {{else}} <div class="col-sm-12"> <div id="sb_group_booking_container" class="classes-plugin-group"></div> <div id="sb_timeview_container" class="section-wrapper"></div> </div> {{/if}} </div> </div> </div></script> <script type="text/html" id="date_default_view"><div class="section-pd"> <div class="top-date-select"> <div class="header clearfix"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div id="sb_prev_month" role="button" tabindex="0"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t 'prev_month'}} </span> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{#if current_year}} {{formatMonth current_month}} {{current_year}} {{/if}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div id="sb_next_month" role="button" tabindex="0"> <span class="txt"> {{_t 'next_month'}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </div> </div> </div> </div> </div> <div class="calendar" translate="no"> <div class="weeks-name row-no-padding clearfix"> <div class="col-md-4 col-sm-6"> <div class="inner"> {{#each week_days}} <div class="name{{#ifCond @index 'in' ../weekends}} is-holiday{{/ifCond}}">{{this}}</div> {{/each}} </div> </div> <div class="col-md-4 col-sm-6 hidden-xs"> <div class="inner"> {{#each week_days}} <div class="name{{#ifCond @index 'in' ../weekends}} is-holiday{{/ifCond}}">{{this}}</div> {{/each}} </div> </div> <div class="col-md-4 hidden-sm hidden-xs"> <div class="inner"> {{#each week_days}} <div class="name{{#ifCond @index 'in' ../weekends}} is-holiday{{/ifCond}}">{{this}}</div> {{/each}} </div> </div> </div> <div class="weeks-date row-no-padding clearfix"> {{#each days}} {{#if is_first_day}} <div class="col-md-4 col-sm-6"> <div class="inner {{#if selected}}{{#if ../week_mode}}selected{{/if}}{{/if}}"> {{/if}} <div class="date {{#if selected}}selected{{/if}} {{#unless is_current_month}}prev-or-next-month{{/unless}} {{#if today}}today{{/if}}"> {{#if is_day_off}} <span class="day-off">{{formatDateTime date 'day' 0}}</span> {{else}} <a class="day-on sb-available-date" data-date="{{date}}" href="#{{bookingStepUrl date=date time=null}}">{{formatDateTime date 'day' 0}}</a> {{/if}} </div> {{#if is_last_day}} </div> </div> {{/if}} {{/each}} </div> </div> </div> </div></script> <script type="text/html" id="datetime_step_inline_layout"><div class="datetime-step step-content" id="sb_datetime_step_container"> <div class="col-sm-12"> <div class="row"> {{#if supports_sidebar}} <div class="col-md-3 hidden-xs hidden-sm{{#ifCond (getThemeOption 'show_sidebar') '!=' 1}} hide {{/ifCond}}" id="sb_sidebar_container"></div> <div class="col-md-9{{#ifCond (getThemeOption 'show_sidebar') '!=' 1}} col-md-12 {{/ifCond}}"> <div class="inline-datepicker-wrapper"> <div id="sb_dateview_container" class="section"></div> <div id="sb_group_booking_container" class="classes-plugin-group"></div> <div id="sb_timeview_container" class="section-wrapper"></div> </div> </div> {{else}} <div class="col-sm-12"> <div class="inline-datepicker-wrapper"> <div id="sb_dateview_container" class="section"></div> <div id="sb_group_booking_container" class="classes-plugin-group"></div> <div id="sb_timeview_container" class="section-wrapper"></div> </div> </div> {{/if}} </div> </div> </div></script> <script type="text/html" id="datetime_step_eventdate_layout"><div class="datetime-step step-content" id="sb_datetime_step_container"> <div class="col-sm-12"> <div class="row"> {{#if supports_sidebar}} <div class="col-sm-4 col-md-3{{#ifCond (getThemeOption 'show_sidebar') '!=' 1}} hide {{/ifCond}}" id="sb_sidebar_container"></div> <div class="col-sm-8 col-md-9{{#ifCond (getThemeOption 'show_sidebar') '!=' 1}} col-md-12 {{/ifCond}}"> <div class="inline-datetimepicker-wrapper"> <div id="sb_group_booking_container" class="classes-plugin-group"></div> <div id="sb_datetimeview_container" class="section-wrapper"></div> </div> </div> {{else}} <div class="col-sm-12"> <div class="inline-datepicker-wrapper"> <div id="sb_dateview_container" class="section"></div> <div id="sb_group_booking_container" class="classes-plugin-group"></div> <div id="sb_timeview_container" class="section-wrapper"></div> </div> </div> {{/if}} </div> </div> </div></script> <script type="text/html" id="date_inline_view"><div class="section-pd"> <div class="top-date-select"> <div class="header clearfix"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <span id="sb_prev_date" role="button" tabindex="0"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{#if week_mode}}{{_t "prev_week"}}{{else}}{{_t "prev_date"}}{{/if}} </span> </span> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> <input type="hidden" id="sb_current_date" value="{{current_date}}"/> <input type="hidden" id="sb_current_month" value="{{current_month}}"/> <input type="hidden" id="sb_current_year" value="{{current_year}}"/> <div id="sb_datepicker" class="date datepicker-button"> <div class="btn btn-link" id="sb_label_container" role="button" tabindex="0"></div> </div> </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <span id="sb_next_date" role="button" tabindex="0"> <span class="txt"> {{#if week_mode}}{{_t "next_week"}}{{else}}{{_t "next_date"}}{{/if}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </span> </div> </div> </div> </div> </div> </div></script> <script type="text/html" id="date_inline_label_view"><div> {{#if week_mode}} {{#if from_date}} {{#formatDatePeriod from=from_date to=to_date format='date'}} <span>{{from}}</span> - <span>{{to}}</span> {{/formatDatePeriod}} {{/if}} {{else}} {{#if start_date}} {{formatDateTime start_date 'date' 0}} {{/if}} {{/if}} </div></script> <script type="text/html" id="time_slots_view"><div class="slots-view{{#ifCond (getThemeOption 'timeline_modern_display') '==' 'as_table'}} as-table{{/ifCond}}"> <div class="timeline-wrapper"> <div class="tab-pd"> <div class="container-caption"> {{_t 'available_services_on_this_day'}} </div> {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} {{>emptyTimePart is_empty=is_empty is_loaded=is_loaded is_available_date=is_available_date}} <div id="sb_time_slots_container"></div> {{> bookingTimeLegendPart legend="only_available" time_diff=0}} </div> </div> </div></script> <script type="text/html" id="time_slot_view"><div class="slot"> <a class="sb-cell free {{#ifPluginActive 'slots_count'}}{{#if available_slots}}has-available-slot{{/if}}{{/ifPluginActive}}" href="#{{bookingStepUrl time=time date=date}}"> {{formatDateTime datetime 'time' time_diff}} {{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} -<span class="end-time">  {{formatDateTime end_datetime 'time' time_diff}} </span> {{/ifCond}} {{#ifPluginActive 'slots_count'}} {{#if available_slots}} <span class="slot--available-slot"> {{available_slots}} {{#ifConfigParam 'slots_count_show_total' '==' true}} / {{total_slots}} {{/ifConfigParam}} </span> {{/if}} {{/ifPluginActive}} </a> </div></script> <script type="text/html" id="time_slots_weekly_view"><div class="slots-weekly-view"> <section class="slots-weekly-view-section section"> <div class="timeline-wrapper"> <div class="tab-pd"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}" class="sb-date-navigate" data-date="{{prev_date}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_week"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{#if from}} {{formatDatePeriod from=from to=to}} {{/if}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}" class="sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "next_week"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} {{>emptyWeekTimePart is_empty=is_empty is_loaded=is_loaded}} <div id="sb_time_slots_weekly_container" class="slots-weekly-timeline timeframe-{{timeframe}} fixed-scrollbar{{#ifCond (getThemeOption 'timeline_hide_unavailable') '==' 1}} hide_unavailable-on{{/ifCond}} {{#ifCond (getThemeOption 'hide_past_days') '==' 1}} past-day--mode-on{{/ifCond}}"></div> {{#unless is_empty}} {{> bookingTimeLegendPart time_diff=0}} {{/unless}} </div> </div> </section> </div></script> <script type="text/html" id="time_slots_weekly_day_view"><div class="data-col {{#ifCond (getThemeOption 'hide_past_days') '==' 1}} {{#if is_past}} hide past-day--hidden{{/if}} {{#if is_empty_day}}hide past-day--hidden-holiday{{/if}} {{/ifCond}}" > <div class="day-container {{#if is_holiday}}is-holiday{{/if}}"> <div class="date"> {{formatDateTime date 'custom' 0 format='M j'}} </div> <div class="border"></div> <div class="day">{{_t day_name}}</div> </div> <div class="time-container{{#if is_empty_day}} empty-day{{/if}}"> {{#if (and is_empty_day (not is_day_off) is_wl_available)}} {{#ifPluginActive 'waiting_list'}} <div class="waiting-list-day"> <a class="cell" href="#{{bookingStepUrl date=date wl=1}}"> {{_t "book to waiting list"}} </a> </div> {{/ifPluginActive}} {{/if}} <div class="sb_time_slots_weekly_day_container"></div> </div> </div></script> <script type="text/html" id="time_slots_weekly_item_view"><div class="time-slot{{#ifPluginActive 'slots_count'}} slots_count-on{{/ifPluginActive}}{{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} end_time-on{{/ifCond}} {{type}}"> {{#ifCond type '==' 'free'}} <a class="cell sb-cell {{#ifPluginActive 'slots_count'}}{{#if available_slots}}has-available-slot{{/if}}{{/ifPluginActive}} {{type}} {{state}}" href="#{{bookingStepUrl time=time date=date}}"> {{formatDateTime datetime 'time' time_diff}} {{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} -<span class="end-time">  {{formatDateTime end_datetime 'time' time_diff}} </span> {{/ifCond}} {{#ifPluginActive 'slots_count'}} {{#if available_slots}} <span class="slot--available-slot"> {{available_slots}} {{#ifConfigParam 'slots_count_show_total' '==' true}} / {{total_slots}} {{/ifConfigParam}} </span> {{/if}} {{/ifPluginActive}} </a> {{else}} <div class="cell sb-cell {{type}} {{state}}"> {{#ifCond (getThemeOption 'timeline_hide_unavailable') '==' 1}} 一 {{else}} {{formatDateTime datetime 'time' time_diff}} {{/ifCond}} </div> {{/ifCond}} </div></script> <script type="text/html" id="time_flexible_view"><div class="flexible-view"> <div class="timeline-wrapper"> <div class="tab-pd"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}" class="sb-date-navigate" data-date="{{prev_date}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_date"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{formatDateTime current_date 'date' 0}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}" class="sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "next_date"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} <div class="vline-flexible"></div> {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} {{>emptyTimePart is_empty=is_empty is_loaded=is_loaded is_available_date=is_available_date}} <div id="sb_time_flexible_container" class="flexible-timeline timeframe-{{timeframe}}"></div> {{> bookingTimeLegendPart legend='both'}} </div> </div> </div></script> <script type="text/html" id="time_flexible_hour_view"><div class="hour-line"> <div class="hour-head"> {{formatDateTime datetime 'time' time_diff}} {{#dayDifference datetime time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </div> <div class="sb_time_flexible_hour_container"></div> </div></script> <script type="text/html" id="time_flexible_hour_item_view"><div class="time-slot"> {{#ifCond type '==' 'free'}} <a class="cell sb-cell {{type}} {{state}}" href="#{{bookingStepUrl time=time date=date}}"> {{formatDateTime datetime 'time' time_diff}} {{#dayDifference datetime time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </a> {{else}} <span class="cell sb-cell {{type}} {{state}}"> {{formatDateTime datetime 'time' time_diff}} {{#dayDifference datetime time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </span> {{/ifCond}} </div></script> <script type="text/html" id="time_flexible_provider_view"><div class="timeline-wrapper"> <div class="tab-pd"> <section id="sb-flexible-provider" class="timeframe-{{timeframe}}"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}" class="sb-date-navigate" data-date="{{prev_date}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_date"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{formatDateTime current_date 'date' 0}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}" class="sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "next_date"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} <div class="inner"> <div class="inner-sidebar"> <div id="sb_time_flexible_provider_timeline"> {{#each timeline as |datetime|}} <div class="hour-line"> <div class="hour-head"> {{formatDateTime datetime 'time' ../time_diff}} {{#dayDifference datetime ../time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </div> </div> {{/each}} </div> </div> <div class="inner-content fixed-scrollbar {{#if is_empty}}hidden{{/if}}"> <div id="sb_time_flexible_provider_container"></div> </div> </div> {{>emptyTimePart is_empty=is_empty is_loaded=is_loaded}} </section> {{> bookingTimeLegendPart legend='both'}} </div> </div> </script> <script type="text/html" id="time_flexible_provider_item_view"><div class="provider-col"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="provider-photo"> {{#if provider.picture}} {{#ifSvg provider.picture_path}} <div class="default img"> <svg src="{{provider.picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="photo user" aria-label="{{_t "image_for_provider_%provider_name%" provider_name=name}}" role="img" style="background-image: url({{provider.picture_path}})"></div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="provider.svg" class="sb-inline-svg" data-category="true" /> </div> {{/if}} </div> {{/ifCond}} <div class="provider-name"> {{provider.name}} </div> {{#if (and is_empty_day (not is_day_off) is_wl_available)}} {{#ifPluginActive 'waiting_list'}} <div class="waiting-list--provider-cell"> <a class="waiting-list--btn" href="#{{bookingStepUrl date=date wl=1 provider=provider.id}}"> {{_t "book to waiting list"}} </a> </div> {{/ifPluginActive}} {{/if}} <div class="provider-timeline sb-flexible-provider-timeline"> </div> </div> </script> <script type="text/html" id="time_flexible_provider_item_hour_view"><div class="provider-item"> <div class="sb_time_flexible_hour_container"></div> </div> </script> <script type="text/html" id="time_flexible_provider_item_hour_item_view"><div class="time-slot"> {{#ifCond type '==' 'free'}} <a class="time-cell sb-cell {{type}} {{state}}" href="#{{bookingStepUrl time=time date=date provider=provider}}"> {{formatDateTime datetime 'time' time_diff}} {{#dayDifference datetime time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </a> {{else}} <span class="time-cell sb-cell {{type}} {{state}}"> {{formatDateTime datetime 'time' time_diff}} {{#dayDifference datetime time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </span> {{/ifCond}} </div> </script> <script type="text/html" id="time_event_view"><div class="eventdatetime-view"> <div class="timeline-wrapper"> <div class="tab-pd"> <div class="vline-flexible"></div> {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_month}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_month"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{#if calendar_data.first_day}} {{formatDateTime calendar_data.first_day 'custom' 0 format='F'}} {{calendar_data.current_year}} {{/if}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_month}}"> <span class="txt"> {{_t "next_month"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> <div class="calendar"> <div class="row seven-cols weeks-name"> {{#each calendar_data.week_days}} <div class="col-md-1 name">{{this}}</div> {{/each}} </div> <div class="row seven-cols"> <div id="sb_time_event_container" class="event-timeline timeframe-{{timeframe}}"></div> </div> </div> {{> bookingTimeLegendPart legend='both'}} </div> </div> </div></script> <script type="text/html" id="time_event_item_view"><div class="col-md-1 date-slot {{#if is_day_off}} day_off {{else}} {{#if time.length}} free{{else}} busy{{/if}} {{/if}} {{#if show_month}} other_month {{/if}} "> <div class="slot-container"> {{formatDateTime date 'custom' 0 format='d'}}  </div> </div></script> <script type="text/html" id="time_flexible_weekly_view"><div class="flexible-weekly-view"> <div class="timeline-wrapper"> <div class="tab-pd"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}" class="sb-date-navigate" data-date="{{prev_date}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_week"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{#if from}} {{formatDatePeriod from=from to=to}} {{/if}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}" class="sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "next_week"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} {{>emptyWeekTimePart is_empty=is_empty is_loaded=is_loaded}} <div class="flexible-weekly-inner timeframe-{{timeframe}}"> {{#unless is_empty}} <div class="hour-container"> {{#each available_time}} <div class="time"> {{formatDateTime this.datetime 'time' ../time_diff}} {{#dayDifference this.datetime ../time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </div> {{/each}} </div> {{/unless}} <div class="content-container"> {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} <div id="sb_time_flexible_weekly_container" class="data-container flexible-weekly-timeline"></div> </div> </div> {{#unless is_empty}} {{> bookingTimeLegendPart legend='both'}} {{/unless}} </div> </div> </div></script> <script type="text/html" id="time_flexible_weekly_day_view"><div class="data-col {{#if show_wl}}data-container--wl-slots{{/if}}"> <div class="day-container"> <div class="date {{#if is_holiday}}is-holiday{{/if}}"> {{formatDateTime date 'custom' 0 format='M j'}} </div> <div class="border"></div> <div class="day{{#if is_holiday}} is-holiday{{/if}}">{{_t day_name}}</div> </div> <div class="time-container"> <div class="sb_time_flexible_weekly_day_container"></div> </div> </div></script> <script type="text/html" id="time_flexible_weekly_day_item_view"><div class="time-slot sb-cell {{#if show_wl}}free wl-slot{{else}}{{type}}{{/if}} {{state}}"> {{#ifCond type '==' 'free'}} <a href="#{{bookingStepUrl time=time date=date}}"> </a> {{else}} {{#if show_wl}} <a href="#{{bookingStepUrl date=date wl=1}}"> {{_t "to waiting list"}} </a> {{else}} <span> </span> {{/if}} {{/ifCond}} </div></script> <script type="text/html" id="time_classes_view"><div class="timeline-wrapper"> <div class="tab-pd"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}" class="sb-date-navigate" data-date="{{prev_date}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_date"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{formatDateTime current_date 'date' 0}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}" class="sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "next_date"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} {{>emptyTimePart is_empty=is_empty is_loaded=is_loaded}} <section id="sb-time-classes-container" class="classes user-timeline"> <div class="inner"> <div class="hour-container"> {{#each available_time}} <div class="hour-row"> <div class="time"> {{formatDateTime this.datetime 'time' ../time_diff}} {{#dayDifference this.datetime ../time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}} </div> </div> {{/each}} </div> <div class="provider-container" id="sb_time_classes_container"></div> </div> </section> {{> bookingTimeLegendPart legend="only_available"}} </div> </div> </script> <script type="text/html" id="time_classes_provider_item_view"><div class="provider-item"> <a class="sb-cell free" href="#{{bookingStepUrl provider=provider.id time=false service=false}}"> {{provider.name}} </a> </div></script> <script type="text/html" id="time_classes_provider_column_view"><div class="provider-col sb_time_classes_provider_column"></div></script> <script type="text/html" id="time_classes_service_list_view"><div class="modal-dialog classes-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span class="modal-close-button" aria-hidden="true">×</span></button> <h4 class="modal-title">{{_t 'select_service_and_time'}}</h4> </div> <div class="modal-body"> <div class="modal-pd"> <div id="sb_time_classes_service_container"></div> </div> </div> </div> </div></script> <script type="text/html" id="time_classes_service_item_view">{{!- almost same as in themes/default/templates/controller/booking/service/service_item.tpl -}} <div class="service-item item"> <div class="tab tab-col"> <div class="excerpt-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader {{#if picture}}{{#ifSvg picture_path}} __custom-svg-icon {{else}} __custom-image {{/ifSvg}}{{else}} __default-svg-icon {{/if}}"> <a href="#{{bookingStepUrl service=id}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> {{#if class_id}} <svg src="class.svg" class="sb-inline-svg" /> {{else}} <svg src="service.svg" class="sb-inline-svg" data-category="true"/> {{/if}} </div> {{/if}} </a> </div> {{/ifCond}} <div class="tab-pd"> <div class="content"> <div class="cap full">{{name}}</div> <div class="txt full">{{{description}}}</div> <div class="bar-service"> {{#if bonus}} <div class="item__bonus service-bonus"><span class="service-bonus--val">+{{bonus}}</span> <span class="service-bonus--txt">{{_t "rewards points"}}</span></div> {{/if}} {{#if (and (ifPluginActive 'deposit_paid_events') (cond deposit_is_enabled '==' '1'))}} <div class="d-flex service-deposit"> <div class="badge right"> {{{formatPrice currency=currency price=price}}} / {{{formatPrice currency=currency price=deposit}}} <span class="text">{{_t 'deposit_price'}}</span></div> </div> <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time">  <span> {{formatDuration duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond hide_duration '==' false}} <div class="time">  <span> {{formatDuration duration}} </span> </div> {{/ifCond}} {{#ifCond price '>' 0}} <div class="badge"> {{! just add tax=tax if we need to show price with tax in any case }} {{{formatPrice currency=currency price=price}}} </div> {{/ifCond}} </div> {{/if}} </div> </div> {{#if (or in_membership is_recurring)}} <div class="recurring-block"> {{> serviceBar non_link=true}} </div> {{/if}} <div class="btn-bar"> <div class="sb_group_booking_count"></div> <div class="btn select custom"> <a href="#{{bookingStepUrl service=id}}">{{_t "select"}}</a> </div> </div> </div> </div> </div> </div></script> <script type="text/html" id="time_classes_time_view"><div class="modal-dialog classes-modal time-view" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span class="modal-close-button" aria-hidden="true">×</span></button> <h4 class="modal-title">{{_t 'select_service_and_time'}}</h4> </div> <div class="modal-body"> <div class="tab-pd"> <div class="cap"> {{service.name}} </div> <div class="txt"> {{_t 'select_time'}} </div> {{>emptyTimePart is_empty=is_empty is_loaded=is_loaded}} <div id="time_classes_time_container"></div> </div> </div> </div> </div></script> <script type="text/html" id="time_classes_time_item_view"><a class="sb-cell free {{#ifPluginActive 'slots_count'}}{{#if available_slots}}has-available-slot{{/if}}{{/ifPluginActive}}" href="#{{bookingStepUrl time=time date=date}}"> {{formatDateTime datetime 'time' time_diff}} {{#dayDifference datetime time_diff}}<span class="day-difference">{{day_diff}}</span>{{/dayDifference}}{{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} -<span class="end-time">  {{formatDateTime end_datetime 'time' time_diff}} </span> {{/ifCond}} {{#ifPluginActive 'slots_count'}} {{#if available_slots}} <span class="slot--available-slot"> {{available_slots}} {{#ifConfigParam 'slots_count_show_total' '==' true}} / {{total_slots}} {{/ifConfigParam}} </span> {{/if}} {{/ifPluginActive}} </a></script> <script type="text/html" id="time_classes_plugin_view"><div class="timeline-wrapper classes-plugin-wrapper"> <div class="tab-pd"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}"> <span class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_date"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{formatDateTime current_date 'date' 0}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}"> <span class="txt"> {{_t "next_date"}} </span> <span class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} {{>emptyTimePart is_empty=is_empty is_loaded=is_loaded}} <section id="sb-time-classes-container" class="classes classes-plugin user-timeline {{#if (and is_empty is_loaded)}}hidden{{/if}}{{#ifCond services.length '>' 1}} service-more-than-one{{/ifCond}}"> <div class="inner"> <div class="hour-container {{#if expandRows}}is-expanded{{/if}}"> {{#each available_time}} <div class="hour-row"> <div class="time"> {{formatDateTime this.datetime 'time'}} </div> </div> {{/each}} </div> <div class="provider-container" id="sb_time_classes_plugin_container"></div> </div> </section> {{> bookingTimeLegendPart legend="only_available"}} </div> </div> </script> <script type="text/html" id="time_classes_plugin_column_view"><div class="provider-col sb_time_classes_plugin_column"></div></script> <script type="text/html" id="time_classes_plugin_item_empty_view"> {{#if (and (ifPluginActive 'waiting_list') is_wl_available_date)}} <div class="provider-item has-popup"> <a href="#{{bookingStepUrl wl=1 service=service.id}}" class="cell sb-cell free full-info-trigger" role="button" tabindex="0"> <span class="provider-txt-data"> <span class="provider-name provider-txt">{{service.name}}</span> <div class="provider-time provider-txt"> {{_t "Book to waiting list"}} </div> </span> </a> </div> {{else}} <div></div> {{/if}}</script> <script type="text/html" id="time_classes_plugin_item_view"><div class="provider-item has-popup"> <a href="javascript:void(0);" class="cell sb-cell {{#ifPluginActive 'slots_count'}}{{#if available_slots}}has-available-slot{{/if}}{{/ifPluginActive}} {{type}} full-info-trigger" data-toggle="modal" data-target="#providerClasses{{label}}" role="button" tabindex="0"> <span class="provider-txt-data"> <span class="provider-name provider-txt">{{service.name}}</span> <div class="provider-time provider-txt"> {{#ifCond service.hide_duration '==' false}} {{formatDateTime from 'time' time_diff}} - {{formatDateTime to 'time' time_diff}} {{else}} {{formatDateTime from 'time' time_diff}} {{/ifCond}} {{#ifPluginActive 'slots_count'}} {{#if available_slots}} <span class="slot--available-slot"> {{available_slots}} {{#ifConfigParam 'slots_count_show_total' '==' true}} / {{total_slots}} {{/ifConfigParam}} </span> {{/if}} {{/ifPluginActive}} </div> </span> </a> <div class="modal fade" id="providerClasses{{label}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="service-item"> <div class="full-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if service.picture}} {{#ifSvg service.picture_path}} <div class="default img"> <svg src="{{service.picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="photo user have-photo" style="background-image: url({{service.picture_path}}"></div> {{/ifSvg}} {{else}} <div class="default img"> {{#if service.class_id}} <svg src="class.svg" class="sb-inline-svg" /> {{else}} <svg src="service.svg" class="sb-inline-svg" data-category="true"/> {{/if}} </div> {{/if}} {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="tab-pd"> <div class="name"> {{service.name}} </div> <div class="txt"> {{{service.description}}} </div> <div class="bar-service"> {{#if service.bonus}} <div class="item__bonus service-bonus"><span class="service-bonus--val">+{{service.bonus}}</span> <span class="service-bonus--txt">{{_t "rewards points"}}</span></div> {{/if}} {{#if (and (ifPluginActive 'deposit_paid_events') (cond service.deposit_is_enabled '==' '1'))}} <div class="d-flex service-deposit"> <div class="badge right"> {{{formatPrice currency=service.currency price_with_tax=service.price_with_tax price_without_tax=service.price_without_tax price=service.price}}} / {{{formatPrice currency=service.currency price=service.deposit}}} <span class="text">{{_t 'deposit_price'}}</span></div> </div> <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time">  <span> {{formatDuration service.duration}} </span> </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time">  <span> {{formatDuration service.duration}} </span> </div> {{/ifCond}} {{#ifCond service.price '>' 0}} <div class="badge"> {{! just add tax=tax if we need to show price with tax in any case }} {{{formatPrice currency=service.currency price_with_tax=service.price_with_tax price_without_tax=service.price_without_tax price=service.price }}} </div> {{/ifCond}} </div> {{/if}} </div> {{#if (or service.in_membership service.is_recurring)}} <div class="recurring-block"> {{> serviceBar s_id=service.id in_membership=service.in_membership is_recurring=service.is_recurring }} </div> {{/if}} <a class="btn popup-hide btn-classes" href="#{{bookingStepUrl provider=provider.id date=date time=time service=service.id wl=0}}"> {{_t 'select'}} </a> </div> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0"> <i class="fa fa-times"></i> </div> </div> </div> </div> </div> </div></script> <script type="text/html" id="time_grid_weekly_view"><div class="flexible-weekly-view"> <div class="timeline-wrapper"> {{#if show_navigation}} <div class="header"> <div class="row row-eq-height"> <div class="col-xs-3"> <div class="txt-left"> <div> <a href="#{{bookingStepUrl date=prev_date}}" class="sb-date-navigate" data-date="{{prev_date}}"> <span title="{{_t "left arrow icon" }}" class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt"> {{_t "prev_week"}} </span> </a> </div> </div> </div> <div class="col-xs-6"> <div class="txt-center"> <div> {{#if from}} {{formatDatePeriod from=from to=to}} {{/if}} </div> </div> </div> <div class="col-xs-3"> <div class="txt-right"> <div> <a href="#{{bookingStepUrl date=next_date}}" class="sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "next_week"}} </span> <span title="{{_t "right arrow icon" }}" class="fa fa-angle-right" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> {{/if}} <div class="grid-weekly-inner timeframe-{{timeframe}}"> <div class="content-container"> {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{/if}} <div class="tab-pd"> <div class="top-inline-steps"> <div class="row"> <div class="col-sm-6 col-md-4 col-lg-4"> {{#ifPluginActive 'classes'}} <label for="sb_grid_service_id"> {{_t "Services & Classes"}} </label> {{> formSelect name='service_id' label='Services & Classes' id_prefix='sb_grid_' value=service_id options=services disabled=services_disabled}} {{else}} <label for="sb_grid_service_id"> {{_t "Services"}} </label> {{> formSelect name='service_id' label='Services' id_prefix='sb_grid_' value=service_id options=services disabled=services_disabled}} {{/ifPluginActive}} </div> <div class="col-sm-6 col-md-4 col-lg-4"> <label for="sb_grid_provider_id"> {{_t "Providers"}} </label> {{> formSelect name='provider_id' label='Providers' id_prefix='sb_grid_' value=provider_id options=providers disabled=providers_disabled}} </div> <div class="col-sm-6 col-md-12 col-lg-4"> <div class="parts-of-day"> <label for="sb_morning_part"> {{_t "Parts of day"}} </label> <div class="buttons"> <div id="sb_morning_part" class="btn {{#ifCond activeTimeOfDay '==' 'morning'}}active{{/ifCond}}"> {{_t "Morning"}} </div> <div id="sb_afternoon_part" class="btn {{#ifCond activeTimeOfDay '==' 'afternoon'}}active{{/ifCond}}"> {{_t "Afternoon"}} </div> <div id="sb_evening_part" class="btn {{#ifCond activeTimeOfDay '==' 'evening'}}active{{/ifCond}}"> {{_t "Evening"}} </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-8 col-md-12 col-lg-7"> <div class="days-of-week"> <label> {{_t "Days of week"}} </label> <div class="buttons"> {{#each daysOfWeek}} <div data-id="{{id}}" class="btn sb-day-of-week {{#ifCond id 'in' ../selectedDaysOfWeek}}active{{/ifCond}}"> {{name}} </div> {{/each}} </div> </div> </div> </div> </div> </div> <div id="sb_time_grid_weekly_container"></div> </div> </div> </div> </div></script> <script type="text/html" id="time_grid_weekly_empty_view"><div> {{#if error_message}} <div class="alert alert-danger alert-dismissible" role="alert"> {{error_message}} </div> {{else}} <div class="empty-week-time-part"> <div class="calendar-nothing-available-icon"></div> {{#if is_loaded}} {{_t 'No results found'}} {{else}} {{_t 'loading_message'}} {{/if}} </div> {{/if}} </div> </script> <script type="text/html" id="time_grid_weekly_day_view"><div class="grid-weekly-table" style="width:100%;{{#if isEmpty}}display:none;{{/if}}"> {{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} {{setVariable 'showEndTime' true}} {{/ifCond}} <div class="grid-weekly-header"> <div class="grid-weekly-row grid-weekly-header-row"> <div class="grid-weekly-header-item grid-weekly-item grid-weekly-date-time {{#if showEndTime}}with-end-time{{/if}}" class="date">{{formatDateTime date 'date'}}</div> <div class="grid-weekly-header-item grid-weekly-item grid-weekly-serice">{{_t "Service or Class Name"}}</div> {{#ifPluginActive 'slots_count'}} <div class="grid-weekly-header-item grid-weekly-item grid-weekly-available-slots">{{_t "Available slots"}}</div> {{/ifPluginActive}} <div class="grid-weekly-header-item grid-weekly-item grid-weekly-provider">{{_t "Provider"}}</div> <div class="grid-weekly-header-item grid-weekly-item grid-weekly-button"></div> </div> </div> <div class="grid-weekly-body sb_time_grid_weekly_day_container"></div> </div> </script> <script type="text/html" id="time_grid_weekly_day_item_view"><div class="grid-weekly-row grid-weekly-body-row {{#if waiting_list}}waiting-list-row{{/if}}"> {{#if waiting_list}} <div class="grid-weekly-body-item grid-weekly-item grid-weekly-date-time"> </div> {{else}} {{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} {{setVariable 'showEndTime' true}} {{/ifCond}} <div class="grid-weekly-body-item grid-weekly-item grid-weekly-date-time{{#if showEndTime}} with-end-time{{/if}}"> {{formatDateTime from_datetime 'time' time_diff}} {{#if showEndTime}} -<span class="end-time">  {{formatDateTime to_datetime 'time' time_diff}} </span> {{/if}} </div> {{/if}} <div class="grid-weekly-body-item grid-weekly-item grid-weekly-serice"> {{#if service}} <span class="grid-weekly-serice-name data-trigger" data-toggle="modal" data-target="#service_{{service_id}}" role="button" tabindex="0"> {{service_name}} {{#ifCond service.is_recurring '==' 1}}<div title="{{_t "Number of sessions"}}: {{service.recurring_settings.repeat_count}}" class="service-bar__icon"><span class="icon icon-reccuring single"><i class="fa fa-sync"></i></span></div>{{/ifCond}} </span> {{ else}} <span class="grid-weekly-serice-name"> {{service_name}} {{#ifCond service.is_recurring '==' 1}}<div title="{{_t "Number of sessions"}}: {{service.recurring_settings.repeat_count}}" class="service-bar__icon"><span class="icon icon-reccuring single"><i class="fa fa-sync"></i></span></div>{{/ifCond}} </span> {{/if}} <div class="modal fade" id="service_{{service_id}}" tabindex="-1" role="dialog"> {{#with service}} <div class="modal-dialog" role="document"> <div class="full-info"> <div class="tab tab-pd tab-col"> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fi flaticon-cancel"></i> </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader img-full"> {{#if picture}} {{#ifSvg picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <img src="{{picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> {{/ifSvg}} {{/if}} </div> {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="tab-pd"> <div class="cap full"> {{name}} </div> <div class="txt full"> {{{description}}} </div> {{#if bonus}} <div class="item__bonus service-bonus"><span class="service-bonus--val">+{{bonus}}</span> <span class="service-bonus--txt">{{_t "rewards points"}}</span></div> {{/if}} {{#ifCond hide_duration '==' false}} <div class="time"> <span> {{formatDuration duration}} </span> </div> {{/ifCond}} {{#if (or in_membership is_recurring)}} <div class="recurring-block"> {{> serviceBar}} </div> {{/if}} {{!--TODO remove - let it look like in default service block --}} {{!--#ifCond is_recurring '==' 1}}({{recurring_settings.repeat_count}} sessions){{/ifCond--}} </div> {{#if (and (ifPluginActive 'deposit_paid_events') (cond deposit_is_enabled '==' '1'))}} <div class="badge right"> {{{formatPrice currency=currency price=price}}} / {{{formatPrice currency=currency price=deposit}}} <span class="text">{{_t 'deposit_price'}}</span></div> {{else}} {{#ifCond price '>' 0}} <div class="badge right"> {{! just add tax=tax if we need to show price with tax in any case }} {{{formatPrice currency=currency price=price}}} </div> {{/ifCond}} {{/if}} </div> </div> </div> {{/with}} </div> </div> {{#ifPluginActive 'slots_count'}} <div class="grid-weekly-body-item grid-weekly-item grid-weekly-available-slots"> {{#if available_slots}} <span class="slot--available-slot"> {{available_slots}} {{#ifConfigParam 'slots_count_show_total' '==' true}} / {{total_slots}} {{/ifConfigParam}} </span> {{/if}} </div> {{/ifPluginActive}} <div class="grid-weekly-body-item grid-weekly-item grid-weekly-provider"> <span class="data-trigger" data-toggle="modal" data-target="#provider_{{provider_id}}" role="button" tabindex="0"> {{provider_name}} </span> <div class="modal fade" id="provider_{{provider_id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> <div class="tab tab-pd tab-col"> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fi flaticon-cancel"></i> </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader img-full"> {{#if provider.picture}} {{#ifSvg provider.picture_path}} {{!-- do not show icon in popup --}} {{else}} <img src="{{provider.picture_path}}" alt="{{_t "image_for_provider_%provider_name%" provider_name=name}}" class="user-img photo user"> {{/ifSvg}} {{/if}} </div> {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="tab-pd"> <div class="cap full"> {{provider_name}} </div> <div class="txt full"> {{{provider.description}}} </div> </div> </div> </div> </div> </div> </div> <div class="grid-weekly-body-item grid-weekly-item grid-weekly-button"> {{#if waiting_list}} <a href="#{{bookingStepUrl service=service_id provider=provider_id time=null date=date wl=1}}" class="btn">{{_t "book to waiting list"}}</a> {{else}} <a href="#{{bookingStepUrl service=service_id provider=provider_id time=time date=date}}" class="btn">{{_t "Book"}}</a> {{/if}} </div> </div></script> <script type="text/html" id="datetime_booking_info_sidebar"><aside class="timeline-sidebar"> <div class="service-item item"> <div class="tab tab-col tab-with-popup"> <div class="excerpt-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader"> <span> {{#if service.picture}} {{#ifSvg service.picture_path}} <div class="default img"> <svg src="{{service.picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{service.picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> {{#if service.class_id}} <svg src="class.svg" class="sb-inline-svg" /> {{else}} <svg src="service.svg" class="sb-inline-svg" data-category="true"/> {{/if}} </div> {{/if}} </span> </div> {{/ifCond}} <div class="sb_group_booking_count"></div> <div class="tab-pd"> <div class="content"> <div class="cap short">{{service.name}}</div> <div class="txt short"> {{{service.description}}} {{#ifCond service.description.length ">=" 80}} <span class="read-more" data-toggle="modal" data-target="#service{{id}}" role="button" tabindex="0" aria-label="{{_t "read-more"}}"> {{_t "read-more"}} </span> {{/ifCond}} </div> <div class="bar-service"> {{#if (and (ifPluginActive 'deposit_paid_events') (cond service.deposit_is_enabled '==' '1'))}} <div class="d-flex service-deposit service-deposit--block"> <i class="fal fa-wallet wallet-icon"></i> <div class="service-deposit__wrapper"> <div class="badge right"> {{{formatPrice currency=service.currency price=service.price}}}</div> <div class="badge badge-deposit right">{{{formatPrice currency=service.currency price=service.deposit}}} <span class="text">{{_t 'deposit_price'}}</span></div> </div> </div> <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time">  <span> {{formatDuration service.duration}} </span> {{#if service.is_recurring}} <span> {{service.recurring_settings.repeat_count}} {{_t 'recurring_sessions'}} </span> {{/if}} </div> {{/ifCond}} </div> {{else}} <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="time">  <span> {{formatDuration service.duration}} </span> {{#if service.is_recurring}} <span> {{service.recurring_settings.repeat_count}} {{_t 'recurring_sessions'}} </span> {{/if}} </div> {{/ifCond}} {{#ifCond service.price '>' 0}} <div class="badge"> {{! just add tax=tax if we need to show price with tax in any case }} {{{formatPrice currency=service.currency price=service.price}}} </div> {{/ifCond}} </div> {{/if}} {{#if products}} <hr> {{#each products}} <div class="d-flex small"> {{!-- TODO if we need to distinguish addons and products here... {{#ifCond type '==' 'attribute'}} {{!TODO addon icon}} {{else}} {{!TODO product icon}} {{/ifCond}} --}} {{name}} {{#ifCond ../service.hide_duration '==' false}} <span> {{#ifCond duration '>' 0}} +{{formatDuration duration}} {{/ifCond}} </span> {{/ifCond}} {{#ifCond price '>' 0}} <span> {{#ifCond price '>' 0}} +{{{formatPrice currency=currency price=price}}} {{/ifCond}} </span> {{/ifCond}} </div> {{/each}} {{/if}} </div> </div> </div> </div> <div class="modal fade" id="service{{id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0" aria-label="{{_t "close"}}"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fi flaticon-cancel"></i> </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader img-full"> {{#if service.picture}} {{#ifSvg service.picture}} {{!-- do not display icon in popup --}} {{else}} <img src="{{service.picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> {{/ifSvg}} {{/if}} </div> {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="tab-pd"> <div class="cap full">{{service.name}}</div> <div class="txt full">{{{service.description}}}</div> </div> </div> </div> </div> </div> </div> {{#ifShowProviderDetails provider.id place="sidebar"}} <div class="provider-item item"> <div class="tab tab-col tab-with-popup"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <span> {{#if provider.picture}} {{#ifSvg provider.picture_path}} <div class="default img"> <svg src="{{provider.picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="photo user" style="background-image: url({{provider.picture_path}})" aria-label="{{_t "image_for_provider_%provider_name%" provider_name=name}}" role="img"></div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="provider.svg" class="sb-inline-svg" data-category="true"/> </div> {{/if}} </span> {{/ifCond}} <div class="excerpt-info"> <div class="name"> {{provider.name}} </div> {{#if provider.description}} <span class="read-more" data-toggle="modal" data-target="#provider{{id}}" role="button" tabindex="0" aria-label="{{_t "read-more"}}"> {{_t "read-more"}} </span> {{/if}} </div> {{#if provider.description}} <div class="modal fade" id="provider{{id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader img-full"> {{#if provider.picture}} {{#ifSvg provider.picture_path}} {{!-- do not show icon in popup --}} {{else}} <img src="{{provider.picture_path}}" alt="{{_t "image_for_provider_%provider_name%" provider_name=name}}" class="user-img photo user"> {{/ifSvg}} {{/if}} </div> {{else}} <div class="no-img-block"></div> {{/ifCond}} <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0" aria-label="{{_t "close"}}"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fi flaticon-cancel"></i> </div> <div class="tab-pd"> <div class="name"> {{provider.name}} </div> <div class="txt"> {{{provider.description}}} </div> </div> </div> </div> </div> {{/if}} </div> </div> {{/ifShowProviderDetails}} </aside> </script> <script type="text/html" id="datetime_booking_info_sidebar_list"><aside class="timeline-sidebar"> <div class="service-item item panel"> <div class="mobile-title"> {{#ifCond service.description.length ">=" 2}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> {{service.name}} </a> </h4> {{else}} <h4 class="title">{{service.name}}</h4> {{/ifCond}} </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader"> {{#if service.picture}} {{#ifSvg service.picture_path}} <div class="default img"> <svg src="{{service.picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{service.picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{else}} <div class="default img"> {{#if service.class_id}} <svg src="class.svg" class="sb-inline-svg" /> {{else}} <svg src="service.svg" class="sb-inline-svg" data-category="true"/> {{/if}} </div> {{/if}} </div> {{/ifCond}} <div class="one-line"> <div class="content"> <div class="info-bar bar-service"> <div class="d-flex"> {{#ifCond service.hide_duration '==' false}} <div class="bar-flex-item time"> <i class="fal ico fa-hourglass-start"></i> <span class="txt"> {{formatDuration service.duration}} </span> </div> <div class="bar-flex-item recurring-sessions-count"> {{#if service.is_recurring}} <span> {{service.recurring_settings.repeat_count}} {{_t 'recurring_sessions'}} </span> {{/if}} </div> {{/ifCond}} {{#if (and (ifPluginActive 'deposit_paid_events') (cond service.deposit_is_enabled '==' '1'))}} <div class="d-flex bar-flex-item price service-deposit align-items-start"> <i class="fal fa-wallet wallet-icon ico"></i> <div class="service-deposit__price"> <span class="txt badge">{{{formatPrice currency=service.currency price=service.price}}} <span class="badge-line">/</span></span> <span class="txt badge">{{{formatPrice currency=service.currency price=service.deposit}}} <span class="text">{{_t 'deposit_price'}}</span></span> </div> </div> {{else}} {{#ifCond service.price '>' 0}} <div class="bar-flex-item price price"> <i class="fal fa-wallet ico"></i> {{! just add tax=tax if we need to show price with tax in any case }} <span class="txt">{{{formatPrice currency=service.currency price=service.price}}}</span> </div> {{/ifCond}} {{/if}} <div class="bar-flex-item sb_group_booking_count"></div> </div> </div> </div> {{#ifCond service.description.length ">=" 2}} <div class="btn-bar {{#ifCond service.description.length ">=" 2}}has-read-more{{/ifCond}}"> {{#ifCond service.description.length ">=" 2}} <div class="wrap-read-more"> <a class="btn read-more collapsed" role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> <span class="part txt-part"> <span class="more-part">{{_t 'read-more'}}</span> <span class="less-part">{{_t 'show less'}}</span> </span> <span class="part ico-part"><i class="fal fa-ellipsis-h"></i></span> </a> </div> {{/ifCond}} </div> {{/ifCond}} </div> {{#if products}} <hr> {{#each products}} <div class="sidebar-list-attribute-info d-flex small"> {{!-- TODO if we need to distinguish addons and products here... {{#ifCond type '==' 'attribute'}} {{!TODO addon icon}} {{else}} {{!TODO product icon}} {{/ifCond}} --}} <div>{{name}}</div> {{#ifCond ../service.hide_duration '==' false}} <div> {{#ifCond duration '>' 0}} +{{formatDuration duration}} {{/ifCond}} </div> {{/ifCond}} {{#ifCond price '>' 0}} <div> {{#ifCond price '>' 0}} +{{{formatPrice currency=currency price=price}}} {{/ifCond}} </div> {{/ifCond}} </div> {{/each}} {{/if}} <div class="wrap-collapse-content collapse" id="service{{id}}"> <div class="collapse-content"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if service.picture}} {{#ifSvg service.picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{service.picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <div class="biggest-previev"> <img src="{{service.picture_path}}" alt="{{_t "image_for_service_%service_name%" service_name=name}}" class="user-img"> </div> {{/ifSvg}} {{/if}} {{/ifCond}} {{{service.description}}} <div class="btn-bar btn-bar-full-info"> {{#ifCond service.description.length ">=" 2}} <a class="btn btn-hide" role="button" data-toggle="collapse" data-parent="#sb_service_step_container" href="#service{{id}}" aria-expanded="true" aria-controls="service{{id}}"> <span class="hide-txt">{{_t "show lass"}}</span> </a> {{/ifCond}} </div> </div> </div> </div> {{#ifShowProviderDetails provider.id place="sidebar"}} <div class="provider-item item panel"> <div class="mobile-title"> {{#if provider.description}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> {{provider.name}} </a> </h4> {{else}} <h4 class="title">{{provider.name}}</h4> {{/if}} </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader"> {{#if provider.picture}} {{#ifSvg provider.picture_path}} <div class="default img"> <svg src="{{provider.picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img class="photo user" alt="{{_t "image_for_provider_%provider_name%" provider_name=name}}" src="{{provider.picture_path}}"> </div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="provider.svg" class="sb-inline-svg" data-category="true"/> </div> {{/if}} </div> {{/ifCond}} <div class="one-line"> <div class="content"></div> {{#if provider.description}} <div class="btn-bar {{#if provider.description}}has-read-more{{/if}}"> {{#if provider.description}} <div class="wrap-read-more"> <a class="btn read-more collapsed" role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> <span class="part txt-part"> <span class="more-part">{{_t 'read-more'}}</span> <span class="less-part">{{_t 'show less'}}</span> </span> <span class="part ico-part"><i class="fal fa-ellipsis-h"></i></span> </a> </div> {{/if}} </div> {{/if}} </div> {{#if provider.description}} <div class="wrap-collapse-content collapse" id="provider{{id}}"> <div class="collapse-content"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if provider.picture}} {{#ifSvg provider.picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{provider.picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <div class="biggest-previev"> <img src="{{provider.picture_path}}" alt="{{_t "image_for_provider_%provider_name%" provider_name=name}}" class="user-img"> </div> {{/ifSvg}} {{/if}} {{/ifCond}} {{{provider.description}}} <div class="btn-bar btn-bar-full-info"> {{#if provider.description}} <a class="btn btn-hide" role="button" data-toggle="collapse" data-parent="#sb_provider_step_container" href="#provider{{id}}" aria-expanded="true" aria-controls="provider{{id}}"> <span class="hide-txt">{{_t "show less"}}</span> </a> {{/if}} </div> </div> </div> {{/if}} </div> {{/ifShowProviderDetails}} </aside> </script> <script type="text/html" id="booking_info_part"><div class="current-booking-info v1"> <div class="cap mg"> {{service.name}} </div> <div class="booking-info mg"> <div class="booking-overview"> <table> {{#if start_date}} <tr class="booking-info--item booking-info--item_date-start"> <td class="label">{{_t 'date_start'}}:</td> <td class="info"> <div class="date-line"> <span class="date-line--caption"> {{formatDateTime start_datetime 'date' time_diff}} {{#if start_time}}{{formatDateTime start_datetime 'time' time_diff}}{{/if}} </span> {{#if time_diff_warning}} <div class="dropdown dropdown__mobile-bar date-difference--dropdown"> <div class="dropdown__mob-cover"></div> <span class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fas fa-info-square"></i> </span> <div class="dropdown-menu right" > {{_t 'time_diff_warning'}} </div> </div> {{/if}} </div> </td> </tr> {{/if}} {{#if recurring_dates}} <tr class="booking-info--item booking-info--item_recurring-date"> <td class="label"> {{_t 'Recurring_date'}}:</td> <td class="info"> {{#each recurring_dates}}{{#unless @first}} <span class="info__item-recurring"> {{formatDateTime this 'date' (pick ../recurring_diffs this ../time_diff)}} {{#if ../start_time}} {{formatDateTime ../start_datetime 'time' (pick ../recurring_diffs this ../time_diff)}} {{/if}} </span> {{/unless}}{{/each}} </td> </tr> {{/if}} {{#if start_time}}  {{/if}} {{#if end_time}} {{#ifCond service.hide_duration '==' false}} <tr class="booking-info--item booking-info--item_end-date"> <td class="label">{{_t 'ends_at'}}:</td> <td class="info"> {{formatDateTime end_datetime 'time' time_diff}} </td> </tr> {{/ifCond}} {{/if}} {{#if (and time_zone time_offset)}} <tr class="booking-info--item booking-info--item_timezone"> <td class="label">{{_t 'Timezone'}}</td> <td class="info"> {{_t time_zone}} </td> </tr> {{/if}} {{#ifShowProviderDetails provider.id}} {{#if provider.name}} {{#unless provider.class_id}} <tr class="booking-info--item booking-info--item_provider"> <td class="label">{{_t 'provider_name'}}:</td> <td class="info"> {{provider.name}} </td> </tr> {{/unless}} {{/if}} {{/ifShowProviderDetails}} {{#if location}} <tr class="booking-info--item booking-info--item_location"> <td class="label">{{_t 'location_name'}}:</td> <td class="info"> {{setVariable 'locationItemId' (getUniqueId prefix='iframe_location_')}} {{#ifLocationHasAddress location}} <a --data-toggle="modal" --data-target="#{{locationItemId}}" href="{{#if (or location.lat location.lng)}} {{mapLink lat=location.lat lng=location.lng}} {{else}} {{mapLink address=(formatAddress address1=location.address1 address2=location.address2 city=location.city name=location.title)}} {{/if}}" target="_blank"> {{formatAddress address1=location.address1 address2=location.address2 city=location.city name=location.title}} </a> {{else}} {{formatAddress address1=location.address1 address2=location.address2 city=location.city name=location.title}} {{/ifLocationHasAddress}} </td> </tr> {{/if}} {{#if category}} <tr class="booking-info--item booking-info--item_category-name"> <td class="label">{{_t 'category_name'}}:</td> <td class="info"> {{category.name}} </td> </tr> {{/if}} {{#if code}} <tr class="booking-info--item booking-info--item_code"> <td class="label">{{_t 'code'}}:</td> <td class="info"> {{code}} </td> </tr> {{/if}} {{#if is_result}} <tr class="booking-info--item booking-info--item_status"> <td class="label">{{_t 'status'}}:</td> <td class="info"> {{_t status_text}} </td> </tr> {{/if}} {{#ifCond discount '>' 0}} <tr class="booking-info--item booking-info--item_discount"> <td class="label">{{_t 'discount'}}:</td> <td class="info"> {{formatDiscount discount add_percentage=true}} </td> </tr> {{/ifCond}} {{#if invoice_id}} <tr class="booking-info--item booking-info--item_invoice"> {{#if invoice_payment_received}} <td class="label">{{_t 'invoice #'}}:</td> {{else}} <td class="label">{{_t 'offer #'}}:</td> {{/if}} <td class="info"> <a href="#invoice/view/{{invoice_id}}">#{{invoice_number}}</a> </td> </tr> {{/if}} {{#if online_meeting_id}}{{!--TODO format? more info? --}} <tr class="booking-info--item booking-info--item_online-meeting"> <td class="label">{{_t 'Online meeting'}}:</td> <td class="info"> <a target="_blank" href="#online-meeting/view/{{online_meeting_id}}">{{_t 'open'}}</a> </td> </tr> {{/if}} {{#if medical_test_status}} <tr class="booking-info--item booking-info--item_medical-status"> <td class="label">{{_t 'medical_test_status'}}:</td> <td class="info"> {{_t (concat 'medical_test_' medical_test_status)}} </td> </tr> {{/if}} {{#if (or (and is_result bonus) (and (not is_result) service.bonus))}} <tr class="booking-info--item booking-info--item_points"> <td class="label">{{_t 'Points'}}:</td> <td class="info bonus"> {{#if is_result}} <a href="#bonus/view/{{bonus.id}}">+{{bonus.amount}}</a> {{else}} +{{service.bonus}}{{#ifCond count '>' 1}} x {{count}} {{_t 'bookings'}}{{/ifCond}} {{#if (and service.is_recurring recurring_dates)}} x {{recurring_dates.length}} {{_t 'bookings'}}{{/if}} {{/if}} </td> </tr> {{/if}} </table> {{!-- <div class="modal location-modal" id="{{locationItemId}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> <div class="tab-pd"> <div class="close-full-info" data-dismiss="modal"> <i class="fa fa-times"></i> </div> <iframe width="100%" frameborder="0" style="border:0; height: 400px;" src="{{mapIframe address=(formatAddress address1=location.address1 address2=location.address2 city=location.city country=location.country_id zip=location.zip)}}" allowfullscreen></iframe> </div> </div> </div> </div> --}} </div> <div class="booking-calendar"> <div class="calendar"> <div class="header">{{formatDateTime start_datetime 'month' time_diff type='short'}}</div> <div class="body">{{formatDateTime start_datetime 'day' time_diff}}</div> </div> </div> </div> <div class="mg"> {{#if code}} {{#if additional_fields_values}} <div class="accordion"> <a class="title collapsed" data-toggle="collapse" href="javascript:;" data-target="#collapseAdditional{{id_prefix}}{{id}}" > {{_t 'additional_fields'}}: </a> <div class="collapse {{#if isNotCollapsed}}in{{/if}}" id="collapseAdditional{{id_prefix}}{{id}}"> {{#each additional_fields_values}} <p> {{#ifCond field_type '==' 'date'}} <b>{{field_title}}:</b> {{#if value}}{{formatDateTime value 'date'}}{{/if}} {{else ifCond field_type '==' 'checkbox'}} <b>{{field_title}}:</b> {{#if value}}{{_t 'yes'}}{{else}}{{_t 'no'}}{{/if}} {{else}} <b>{{field_title}}:</b> {{value}} {{/ifCond}} </p> {{/each}} </div> </div> {{/if}} {{/if}} {{#if prices.totals}} <div class="accordion"> <a class="title collapsed" data-toggle="collapse" href="javascript:;" data-target="#collapseInvoice{{id_prefix}}{{id}}" > {{_t 'additional_items'}}: </a> <div class="collapse {{#if isNotCollapsed}}in{{/if}}" id="collapseInvoice{{id_prefix}}{{id}}"> {{#each prices.items}} <p class="booking-info__details"> <b class="booking-info__details-name">{{name}}:</b> <span class="booking-info__details-row"> <span class="booking-info__details-count-price"> {{qty}}{{#unless ../is_result}} x {{{formatPrice price=price currency=currency}}}{{/unless}} </span> {{#ifCond ../service.hide_duration '==' false}} {{#ifCond duration '>' 0}} <span class="booking-info__details-time"> ({{#ifCond type '==' 'attribute'}}+{{/ifCond}}{{formatDuration duration}}) </span> {{/ifCond}} {{/ifCond}} {{#ifCond type '==' 'attribute'}} {{#if (and ../service.is_recurring (cond ../service.recurring_settings.repeat_count '>' 0)) }} <span class="booking-info__details-sessions"> ({{../service.recurring_settings.repeat_count}} {{_t 'recurring_sessions'}}) </span> {{/if}} {{/ifCond}} </span> </p> {{/each}} </div> </div> {{/if}} </div> {{#if prices.totals}} {{#unless is_result}} {{> bookingInfoPartPrice }} {{/unless}} {{/if}} {{#if show_buttons}} <div class="booking-btns"> <div class="row"> <div class="col-sm-12"> {{#if is_cancellable}} <div class="btn custom btn-with-icon sb_cancel_btn" role="button" tabindex="0"> <span> {{_t 'cancel'}} </span> </div> {{/if}} {{#if is_result}} <div class="btn custom btn-with-icon sb-book"> <a href="#{{bookingStepUrl location=location.id category=category.id categories=service.categories service=service.id provider=false time=false date=false}}" class="sb_book_again"> {{_t 'book-again'}} </a> </div> {{/if}} {{#if (and can_reschedule_booking show_reschedule_booking_button)}} <a class="btn custom btn-with-icon sb-reschedule" href="#client/bookings/reschedule/{{id}}"> <span class="txt">{{_t 'reschedule'}}</span> </a> {{/if}} {{#ifCond medical_test_status 'in' (array 'positive' 'negative' 'inconclusive')}} {{#ifCond status '!=' 'cancelled'}} <a class="btn custom btn-with-icon sb-medical-test-download" target="_blank" href="/v2/ext/ticket/print/code/{{ticket}}/medical-test/result{{#if ticket_hash}}/hash/{{ticket_hash}}{{/if}}"> <span class="txt">{{_t 'Medical test result'}}</span> </a> {{/ifCond}} {{else if ticket}} <a class="btn custom btn-with-icon sb-ticket-download" target="_blank" href="/v2/ext/ticket/print/code/{{ticket}}{{#if ticket_hash}}/hash/{{ticket_hash}}{{/if}}"> <span class="txt">{{_t 'Ticket'}}</span> </a> {{/ifCond}} {{#if show_calendar_button}}{{#ifCond status '!=' 'cancelled'}} <div class="btn custom btn-with-icon sb_add_to_cal " data-toggle="modal" data-target="#cal_modal_{{code}}" role="button" tabindex="0"> <span> {{_t 'add_to_calendar'}} </span> </div> <div class="modal fade" id="cal_modal_{{code}}" tabindex="-1" role="dialog" aria-labelledby="cal_modal_label_{{code}}"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span class="fa fa-times" aria-hidden="true"></span></button> <h4 class="modal-title" id="cal_modal_label_{{code}}">{{_t 'add_to_calendar'}}</h4> </div> <div class="modal-body"> <div class="tab-pd"> {{setVariable 'address' null}} {{#if location}} {{setVariable 'address' (formatAddress address1=location.address1 address2=location.address2 city=location.city country=location.country_id zip=location.zip)}} {{/if}} <ul class="buttons calendar-popup"> <li> <div class="btn google"> <a target="_blank" href="https://www.google.com/calendar/render?action=TEMPLATE&text={{encodeUrlForGoogleCalendar service.name}}&details={{encodeUrlForGoogleCalendar calendar_description}}{{#if location}}&location={{location.title}}{{#if address}}, {{address}}{{/if}}{{/if}}&dates={{formatDateTime start_datetime 'custom' time_diff format='YmdTHis'}}%2F{{formatDateTime end_datetime 'custom' time_diff format='YmdTHis'}}&sf=1&output=xml"> Google calendar </a> </div> </li> <li> <div class="btn apple"> <a target="_blank" href="/v2/client/get-ical/id/{{id}}/"> Apple iCalendar </a> </div> </li> <li> <div class="btn outlook"> <a target="_blank" href="/v2/client/get-ical/id/{{id}}/"> Outlook </a> </div> </li> <li> <div class="btn outlook-com"> <a target="_blank" href="https://outlook.live.com/owa/?path=/calendar/view/Month&rru=addevent&startdt={{formatDateTime start_datetime 'custom' time_diff format='Y-m-dTH:i:s'}}&enddt={{formatDateTime end_datetime 'custom' time_diff format='Y-m-dTH:i:s'}}&subject={{service.name}}&location={{#if location}}{{location.title}}{{#if address}}, {{address}}{{/if}}{{/if}}&body={{calendar_description}}"> Outlook.com </a> </div> </li> <li> <div class="btn yahoo"> <a target="_blank" href="http://calendar.yahoo.com/?v=60&DUR={{service.duration}}&TITLE={{service.name}}&ST={{formatDateTime end_datetime 'custom' time_diff format='YmdTHis'}}"> Yahoo </a> </div> </li> </ul> </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn btn-default" data-dismiss="modal">{{_t 'close'}}</button> </div> </div> </div> </div> </div> {{/ifCond}}{{/if}} </div> </div> </div> {{/if}} </div> </script> <script type="text/html" id="booking_info_part_price"><div class="booking-price mg"> <div class="row"> <div class="col-sm-12"> <div class="full-info-price--wrapper full-info-price--wrapper_per-booking wrapper"> {{#each prices.totals.taxes}} <div class="full-price-with-tax full-info-price full-info-price--tax"> <div class="full-info-price--caption">{{name}}:</div> <div class="full-info-price--value">{{{formatPrice price=amount currency=../prices.totals.currency}}}</div> </div> {{/each}} {{#if prices.totals.totalDeposit }} <div class="full-price full-price-with-deposit full-info-price full-info-price--with-deposit"> <div class="full-info-price--caption">{{_t 'Full_amount_for_booking'}}:</div> <div class="full-info-price--value">{{{formatPrice price=prices.totals.total currency=prices.totals.currency}}}</div> </div> <div class="full-price deposit-price full-info-price full-info-price--deposit"> <div class="full-info-price--caption">{{_t 'Total_deposit_for_booking'}}:</div> <div class="full-info-price--value">{{{formatPrice price=prices.totals.totalDeposit currency=prices.totals.currency}}}</div> </div> {{else}} <div class="full-price full-info-price full-info-price--total"> <div class="full-info-price--caption">{{_t 'Total_for_booking'}}:</div> <div class="full-info-price--value">{{{formatPrice price=prices.totals.total currency=prices.totals.currency}}}</div> </div> {{/if}} {{!-- {{#ifPluginActive 'package'}} <div class="package-use-credits-msg sb-confirm-leave"> {{{_t "<a href='%link%' class='link'>Package credits</a> can be used in the next step if they are available" link=(packageLink service products)}}} </div> {{/ifPluginActive}} --}} </div> </div> </div> </div> </script> <script type="text/html" id="booking_details_package_link">{{#ifPluginActive 'package'}} <div class="package-use-credits-msg sb-confirm-leave sb-package-link-block"> {{{_t "<a href='%link%' class='link'>Package credits</a> can be used in the next step if they are available" link=(packageLink service products)}}} </div> {{/ifPluginActive}} </script> <script type="text/html" id="time_legend_part">{{!-- {{> bookingTimeLegendPart}} --}} <div class="time-legend"> {{#ifCond legend '==' 'only_available'}} <div class="available"> <div class="circle"></div> - {{_t 'available'}} </div> {{/ifCond}} {{#ifCond legend '==' 'only_unavailable'}} <div class="unavailable"> <div class="circle"></div> - {{_t 'unavailable'}} </div> {{/ifCond}} {{#ifCond legend '==' 'both' }} <div class="available"> <div class="circle"></div> - {{_t 'available'}} </div> <div class="unavailable"> <div class="circle"></div> - {{_t 'unavailable'}} </div> {{/ifCond}} {{#ifCond legend '==' undefined }} <div class="available"> <div class="circle"></div> - {{_t 'available'}} </div> {{#ifCond (getThemeOption 'timeline_hide_unavailable') '!=' 1}} <div class="unavailable"> <div class="circle"></div> - {{_t 'unavailable'}} </div> {{/ifCond}} {{/ifCond}} {{#ifCond time_diff '!=' undefined}} {{#ifCond time_diff '!=' 0}} <div class="day-offset-warning"> {{_t 'Please remark that +1 by time means that the date above changes to next day, ie 5.30 on the 5th Nov. would in fact be 5.30 on the 6th Nov. Also the date moves to next date before the date displayed if it says -1.'}} </div> {{/ifCond}} {{/ifCond}} </div></script> <script type="text/html" id="empty_time_part">{{#if is_empty}} <div class="alert alert--no-slots alert-dismissible alert--show-next-available" role="alert"> <div class="alert--no-slots-body"> {{#if is_loaded}} <div class="alert--no-slots-icon"> <i class="fal icon fa-calendar-check"></i> </div> <p class="alert--no-slots-txt">{{_t 'no_available_slots_warning'}}</p> {{#ifPluginActive 'waiting_list'}} {{#if is_available_date}} <div class="alert--no-slots-btn-bar waiting-list--btn-bar"> {{#if (and (not selected_date) services)}} {{#each services}} {{#if (and ../wl_available_services (not ../wl_available_services.[id]))}}  {{else}} <div class="form-group"> <a class="btn btn-primary" href="#{{bookingStepUrl service=id wl=1}}">{{_t "Book to waiting list"}} {{name}}</a> </div> {{/if}} {{/each}} {{else}} <a class="btn btn-primary" href="#{{bookingStepUrl wl=1}}">{{_t "Book to waiting list"}}</a> {{/if}} </div> {{/if}} {{else}} <button class="btn btn--next-available-date sb-next-available-date">{{_t "find_next_available_day"}}</button> {{/ifPluginActive}} {{else}} {{_t 'loading_message'}} {{/if}} </div> </div> {{/if}}</script> <script type="text/html" id="empty_week_time_part">{{#if is_empty}} <div class="empty-week-time-part"> <div class="calendar-nothing-available-icon"></div> {{#if is_loaded}} {{_t 'Oh NO!'}}<br> {{_t 'No more slots available this week'}}<br><br> <a href="#{{bookingStepUrl date=next_date}}" class="btn btn-next-week sb-date-navigate" data-date="{{next_date}}"> <span class="txt"> {{_t "Check next week"}} </span> </a> {{#if show_wl_slots}} <br/><br/> <div class="col-sm-12 mt-3"> <h4 class="mt-3">{{_t "Book to waiting list on date"}}:</h4> <div> {{#each wl_available_dates as |day|}} <a href="#{{bookingStepUrl date=day wl=1}}" class="btn btn-primary" data-date="{{day}}"> <span class="txt"> {{formatDateTime day 'date'}} </span> </a> {{/each}} </div> </div> {{/if}} {{else}} {{_t 'loading_message'}} {{/if}} </div> {{/if}}</script> <script type="text/html" id="details_info_view"><div id="details"> <div id="sb_attribute_container" class="product-attribute-section"></div> <div id="sb_product_container" class="product-section"></div> <div class="detail-step-wrap section"> <div class="section-pd"> <div class="title-main"> {{_t 'confirm_details' }} </div> {{#if wl}} <div class="alert alert-warning alert--wl-booking-informer"> {{_t "You are booking in a waiting list. Please note, you will not be booked automatically. As soon as there is a free slot for this day - you will receive a notification on your email."}} </div> {{/if}} <div class="detail-step clearfix"> <div class="row"> <div class="col-sm-6"> <div class="left-side"> <div class="add-details"> {{#if errors.global_form}} <div role="alert" class="alert alert-danger alert-dismissible"> <button aria-label="Close" data-dismiss="alert" class="close" type="button"> <span aria-hidden="true">×</span> </button> <div>{{_t errors.global_form}}</div> </div> {{/if}} <div class="custom-form"> <div class="form-horizontal"> <div id="sb_client_info_container"> <div class="form-group{{#if errors.client_name}} has-error{{/if}} form-client-name"> <label class="control-label col-sm-4 required" for="sb_client_name"> {{_t 'name'}}: </label> <div class="col-sm-8"> <input type="text" class="form-control" name="client_name" id="sb_client_name" placeholder="{{_t 'enter_name'}}" value="{{ client_name }}" {{#if client_info_readonly}}readonly{{/if}}> {{#if errors.client_name}} <span class="help-block">{{_t errors.client_name}}</span> {{/if}} </div> </div> <div class="form-group{{#if errors.client_email}} has-error{{/if}} form-client-email"> <label class="control-label col-sm-4 {{#ifConfigParam 'client_email_required' '==' true}}required{{/ifConfigParam}}" for="sb_client_email"> {{_t 'email'}}: </label> <div class="col-sm-8"> <input type="email" class="form-control" name="client_email" id="sb_client_email" placeholder="{{_t 'enter_email'}}" value="{{ client_email }}" {{#if client_info_readonly}}readonly{{/if}}> {{#if errors.client_email}} <span class="help-block">{{_t errors.client_email}}</span> {{/if}} </div> </div> <div class="form-group{{#if errors.client_phone}} has-error{{/if}} form-client-phone"> <label class="control-label col-sm-4 {{#ifConfigParam 'client_phone_required' '==' true}}required{{/ifConfigParam}}" for="sb_client_phone"> {{_t 'phone'}}: </label> <div class="col-sm-8"> <div class="input-group"> {{#if country_prefix_is_fixed}} <span class="input-group-addon">{{country_prefix}}</span> {{/if}} <input type="tel" class="form-control {{#if country_prefix_is_fixed}}has-country-prefix{{/if}}" name="client_phone" id="sb_client_phone" placeholder="{{_t 'enter_phone'}}" value="{{ client_phone }}" {{#if client_info_readonly}}readonly{{/if}}> </div> {{#if errors.client_phone}}<span class="help-block">{{_t errors.client_phone}}</span>{{/if}} </div> </div> {{!--//TODO add client fields here (if client_login disabled) --}} </div> </div> </div> <div class="login-bar"> <div class="row"> <div class="col-sm-12"> <div id="sb_client_login_container"></div> <div id="sb_fb_container"></div> </div> </div> </div> <div class="custom-form"> <div class="row"> <div class="col-sm-12"> <div class="form-horizontal"> <div id="sb_membership_container"></div> <div id="sb_additional_fields_container"></div> <div id="sb_promo_container"></div> </div> </div> </div> </div> </div> </div> </div> <div class="section-divider"></div> <div class="col-sm-6"> <div class="right-side"> <div class="confirm-details"> <div class="highlighted-current-booking" id="sb_booking_info"></div> <div id="sb_multiple_booking_list_container"></div> <div id="sb_product_cart_container"></div> <div id="sb_cart_total_container"></div> {{> bookingPackageLink }} <div id="is_pay_full_price_without_deposit_container" class="deposit-checkbox-container"> {{#ifConfigParam 'deposit_paid_events_is_client_can_pay_full_price' '==' true}} {{#if with_deposit}} {{!-- {{> formCheckbox error=errors.is_pay_full_price_without_deposit name='is_pay_full_price_without_deposit' label='deposit_paid_events_is_client_can_pay_full_price_client' value=is_pay_full_price_without_deposit }} --}} {{/if}} {{/ifConfigParam}} </div> <div class="license-links-container" id="sb_terms_and_conditions"> {{!-- {{#ifConfigParam 'white_label' '!=' true}} <div id="sb_license_container"> {{{_t 'license_link_text_<a href="https://simplybook.me/company/terms-and-conditions">link</a>' server=server_address project=project_name}}}{{#ifPluginActive 'user_license'}} {{_t 'and'}} {{/ifPluginActive}} </div> {{/ifConfigParam}} <div id="sb_user_license_container"></div> <div id="sb_cancellation_policy_container"></div> --}} </div> <div class="buttons-container"> <div id="sb_multiple_booking_button_container"></div> <div class="sb-book-btn-container"> {{#if wl}} <div id="sb_book_btn" class="btn" role="button" tabindex="0"> <span> {{_t 'book to waiting list'}} </span> </div> {{else}} <div id="sb_book_btn" class="btn" role="button" tabindex="0"> <span> {{_t 'book_btn_title'}} </span> </div> {{/if}} </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></script> <script type="text/html" id="details_booking_info_view"> {{#if wl}} {{> waitingListBookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{else}} {{> bookingInfoPart show_buttons=false id_prefix="_details" isNotCollapsed=false}} {{/if}} </script> <script type="text/html" id="license_view"><div class="modal-dialog license-modal" role="document"> <div class="modal-content"> <div class="modal-header"> {{!--<button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span class="modal-close-button" aria-hidden="true">×</span></button> --}} <h4 class="modal-title">{{#if title}}{{_t title company_name=company.name}}{{else}}{{_t '%server%_license_title' server=server_address}}{{/if}}</h4> </div> <div class="modal-body"> <div class="tab-pd license--content"> {{>termsAndConditionsLang}} {{{license_text}}} </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn btn-primary" id="sb_confirm_license" data-dismiss="modal">{{_t 'i_agree'}}</button> </div> </div> </div> </div></script> <script type="text/html" id="booking_leave_confirmation"><div class="modal-dialog modal-cancellation-reason" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"> <span class="modal-close-button" aria-hidden="true"> <i class="fa fa-times"></i> </span> </button> <h4 class="modal-title">{{_t 'leave_booking_confirmation_title'}}</h4> </div> <div class="modal-body cancellation-dialog-body"> <div class="tab-pd"> <p>{{_t 'leave_booking_confirmation_body'}}</p> </div> </div> <div class="modal-footer"> <div class="tab-pd modal-cancellation-reason--bar"> <button type="button" class="btn btn-primary" id="sb_leave_cancel" data-dismiss="modal">{{_t 'Go back'}}</button> <button type="button" class="btn btn-primary" id="sb_leave_confirm" data-dismiss="modal">{{_t 'Continue'}}</button> </div> </div> </div> </div></script> <script type="text/html" id="booking_result_layout"><div id="booking-result-view"> <div id="booking-result-tabs"> <div class="container-fluid column"> {{#if type}} <div class="tabs-container"> <div class="tab-link{{#ifCond type '==' 'upcoming'}} active{{/ifCond}}"> {{#if wl}} <a href="#client/bookings/type/upcoming/wl/1">{{_t 'upcoming waiting list bookings'}}</a> {{else}} <a href="#client/bookings/type/upcoming">{{_t 'upcoming bookings'}}</a> {{/if}} </div> {{!-- <div class="tab-link{{#ifCond type '==' 'past'}} active{{/ifCond}}"> <a href="#client/bookings/type/past">{{_t 'past bookings'}}</a> </div> --}} <div class="tab-link{{#ifCond type '==' 'all'}} active{{/ifCond}}"> {{#if wl}} <a href="#client/bookings/type/all/wl/1">{{_t 'all waiting list bookings'}}</a> {{else}} <a href="#client/bookings/type/all">{{_t 'all bookings'}}</a> {{/if}} </div> </div> {{/if}} </div> </div> <div class="container-fluid column"> <div class="row"> <div class="section-pd"> <div id="sb_message_container">{{ status }}</div> <div id="sb_push_notification_container"></div> <div id="sb_telegram_notification_container" class="telegram-notifications"></div> <div id="sb_back_to_bookings"> <a href="#book" class="back-to-services"> <span class="fa fa-angle-left"></span> <span> {{_t "Back to services"}} </span> </a> </div> <div id="sb_bookings_list"></div> <div class="clearfix"></div> {{#unless all_bookings_shown}} {{#if wl}} <a class="btn btn-default show-all" href="#client/bookings/type/all/wl/1">{{_t "Show all waiting list bookgins"}}</a> {{else}} <a class="btn btn-default show-all" href="#client/bookings/type/all">{{_t "show_all_bookings"}}</a> {{/if}} {{/unless}} </div> <div id="sb_back_btns_plugin"></div> </div> </div> {{#if show_like_button}} <div class="social-popup" id="sb_like_popup"> <div class="img"> <img src="/v2/themes/assets/img/ufo.png" alt=""> </div> <div class="popup"> <div class="txt"> {{{_t 'like_button_popup'}}} </div> <div class="bar"> <div class="fb-like" data-href="https://www.facebook.com/simplybook/" data-layout="button_count" data-action="like" data-size="large" data-show-faces="false" data-share="false"></div> </div> <button type="button" class="close" aria-label="Close" id="sb_close_popup"> <span aria-hidden="true">×</span> </button> </div> </div> {{/if}} </div></script> <script type="text/html" id="booking_result_popup"><div class="modal-dialog subscribe-component--popup"> <div class="modal-content"> <div id="booking-result-popup"> <div class="modal-header"> <span class="close-modal" type="button" data-dismiss="modal"><i class="fa fa-times"></i></span> </div> <div class="tab-pd subscribe-component--modal-content"> <div class="subscribe-component--status"> <div class="booking-icon subscribe-component--status-icon status-{{status}}"> {{#if (cond status '==' 'success')}} <i class="far fa-check-circle"></i> {{else if (cond status '==' 'pending')}} <i class="far fa-check-circle"></i> {{else if (cond status '==' 'paid')}} <i class="far fa-check-circle"></i> {{else if (cond status '==' 'delay')}} <div class="notifications-icon"> <svg src="payment-pending.svg" class="sb-inline-svg" /> </div> {{else if (cond status '==' 'reschedule_success')}} <i class="far fa-check-circle"></i> {{else}} <i class="far fa-exclamation-triangle"></i> {{/if}} </div> <h4 class="title booking-status subscribe-component--title text-capitalize"> {{#if (and invoice (cond (_t (concat 'invoice_status_message_' status)) '!=' (concat 'invoice_status_message_' status) ))}} {{_t (concat 'invoice_status_message_' status)}} {{else}} {{_t status}} {{/if}} </h4> <p class="p booking-message subscribe-component--txt">{{message}}</p> </div> <div id="push-subscribe-region" class="additional-region"></div> <div class="btn-bar subscribe-component--btn-bar btn-close-container"> <div class="btn-bar--row"> <button class="btn btn-danger" >{{_t "close"}}</button> </div> </div> </div> </div> </div> </div> </script> <script type="text/html" id="booking_result_item"><div class="booking-item booking-{{status}} {{#if highlighted}}highlighted{{/if}}"> <div class="tab"> <div class="section-pd"> {{!-- add price_includes_tax=true and remove show_tax=true to show price without tax --}} {{#if wl}} {{> waitingListBookingInfoPart show_reschedule_booking_button=true show_buttons=true show_calendar_button=true is_result=true id_prefix="_result"}} {{else}} {{> bookingInfoPart show_reschedule_booking_button=true show_buttons=true show_calendar_button=true is_result=true id_prefix="_result"}} {{/if}} </div> </div> </div></script> <script type="text/html" id="booking_result_empty"><div class="alert alert-info alert-dismissible" role="alert"> {{_t 'empty_client_bookings_page'}} </div></script> <script type="text/html" id="booking_result_push_notification"><div> <div class="push-success alert alert-success" style="display: none">{{_t "subscribe_to_push_success"}}</div> <span class="btn-push-subscribe btn btn-default">{{_t "subscribe_to_push"}}</span> </div></script> <script type="text/html" id="booking_cancellation_dialog"><div class="modal-dialog modal-cancellation-reason" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"> <span class="modal-close-button" aria-hidden="true"> <i class="fa fa-times"></i> </span> </button> <h4 class="modal-title">{{_t 'cancellation_dialog_title'}}</h4> </div> <div class="modal-body cancellation-dialog-body"> <div class="tab-pd"> {{#if errors.global_error}} <div class="has-error"> <p class="help-block">{{_t errors.global_error}}</p> </div> {{/if}} <p>{{_t 'cancellation_dialog_body'}}</p> {{#ifCond batch_type '==' 'recurring'}} {{> formCheckbox name='is_all_recurring' value=apply_to_batch label='Delete all recurring batch appointments'}} {{else ifCond batch_type '==' 'group'}} {{> formCheckbox name='is_all_group' value=apply_to_batch label='Delete all batch appointments'}} {{/ifCond}} {{#ifPluginActive 'cancelation_policy'}} {{#ifConfigParam 'cancelation_policy_enable_reason' '==' '1'}} <div class="form-group{{#if errors.reason}} has-error{{/if}}"> <label for="reason" class="control-label"> {{_t "Reason"}}: {{#ifConfigParam 'cancelation_policy_is_reason_required' '==' '1'}} <span class="required">*</span> {{/ifConfigParam}} </label> <div class="wrap-cancelation-policy"> <textarea class="form-control" id="reason" name="reason" placeholder="{{_t 'Reason'}}" rows="6">{{data.reason}}</textarea> <p class="help-block">{{_t errors.reason}}</p> </div> </div> {{/ifConfigParam}} {{/ifPluginActive}} </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn btn-primary" id="sb_cancellation_cancel" data-dismiss="modal">{{_t 'back'}}</button> <button type="button" class="btn btn-primary" id="sb_cancellation_confirm">{{_t 'confirm'}}</button> </div> </div> </div> </div></script> <script type="text/html" id="booking_cancellation_error"><div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"><span class="modal-close-button" aria-hidden="true">×</span></button> <h4 class="modal-title">{{_t 'cancellation_error_title'}}</h4> </div> <div class="modal-body"> <div class="tab-pd"> <p>{{_t 'cancellation_error_body'}}</p> <p>{{ error }}</p> </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn btn-primary" id="sb_cancellation_confirm" data-dismiss="modal">{{_t 'ok'}}</button> </div> </div> </div> </div></script> <script type="text/html" id="booking_reschedule_layout"><div id="sb-timeline"> <div class="reschedule-layout"> <div class="container column"> <h3 class="title-main reschedule-title-main">{{_t 'Reschedule'}}</h3> {{#if date_start}} {{!-- booking loaded --}} {{#unless can_reschedule_booking}} <div class="alert alert-danger"> {{_t 'you_cannot_reschedule_this_booking'}} {{_t can_reschedule_booking_error_reason}} </div> {{else}} {{#if success}} <div class="alert alert-success"> {{_t 'reschedule_success_booking'}} </div> {{else if errors}} <div class="alert alert-danger"> {{errors.global}} </div> {{else}} <div class="alert alert-info"> {{_t 'reschedule_booking_info_guide'}} </div> {{/if}} {{/unless}} <div id="steps"> <div id="time-settings"> <div class="container-fluid column"> <div class="row"> <div id="sb_booking_company_time"></div> </div> </div> </div> <div id="steps-content"> <div class="reschedule--row" id="sb_booking_content"> <aside class="reschedule--col section reschedule--selected-list"> <div class="tab-pd sb-details"></div> </aside> <div class="reschedule--col reschedule--col-select-time"> <div id="sb_booking_content" class="sb-timeline"></div> </div> </div> </div> </div> {{/if}} </div> </div> </div> </script> <script type="text/html" id="booking_reschedule_details_view"> <h4>{{_t 'reschedule_current_booking_details'}}</h4> {{#if location}} <div class="reschedule--selected-item reschedule--item-location"> <h4 class="reschedule--selected-title">{{_t 'Location'}}:</h4> <h4 class="reschedule--selected-name">{{location.title}}</h4> </div> {{/if}} {{#if category}} <div class="reschedule--selected-item reschedule--item-category"> <h4 class="reschedule--selected-title">{{_t 'Category'}}:</h4> <h4 class="reschedule--selected-name">{{category.name}}</h4> </div> {{/if}} {{#if service}} <div class="reschedule--selected-item reschedule--item-service"> <h4 class="reschedule--selected-title">{{_t 'Service'}}:</h4> <h4 class="reschedule--selected-name">{{service.name}}</h4> </div> {{/if}} {{#if provider}} {{#ifPluginActive 'any_unit'}} {{#ifConfigParam 'any_unit_hide_other_units' '==' '0'}} <div class="reschedule--selected-item reschedule--item-provider"> <h4 class="reschedule--selected-title">{{_t 'Provider'}}:</h4> <h4 class="reschedule--selected-name">{{provider.name}}</h4> </div> {{/ifConfigParam}} {{else}} <div class="reschedule--selected-item reschedule--item-provider"> <h4 class="reschedule--selected-title">{{_t 'Provider'}}:</h4> <h4 class="reschedule--selected-name">{{provider.name}}</h4> </div> {{/ifPluginActive}} {{/if}} {{#if products}} <div class="reschedule--selected-item reschedule--item-provider"> <h4 class="reschedule--selected-title">{{_t 'Products'}}:</h4> <h4 class="reschedule--selected-name"> {{#each products}} {{name}}{{#unless @last}},{{/unless}} {{/each}} </h4> </div> {{/if}} {{#if paid_attributes}} <div class="reschedule--selected-item reschedule--item-provider"> <h4 class="reschedule--selected-title">{{_t 'Paid attributes'}}:</h4> <h4 class="reschedule--selected-name"> {{#each paid_attributes}} {{name}}{{#unless @last}},{{/unless}} {{/each}} </h4> </div> {{/if}} {{#if date_start}} <div class="reschedule--selected-item reschedule--item-time"> <h4 class="reschedule--selected-title">{{_t 'reschedule_start_date'}}:</h4> <h4 class="reschedule--selected-name"> <span class="txt txt-time">{{formatDateTime start_datetime 'time' time_diff}}</span> <span class="txt txt-date">{{formatDateTime start_datetime 'date' time_diff}}</span> </h4> </div> {{/if}} {{#if date_end}} {{#ifCond (getThemeOption 'timeline_show_end_time') '==' 1}} <div class="reschedule--selected-item reschedule--item-time"> <h4 class="reschedule--selected-title">{{_t 'reschedule_end_date'}}:</h4> <h4 class="reschedule--selected-name"> <span class="txt txt-time">{{formatDateTime end_datetime 'time' time_diff}}</span> <span class="txt txt-date">{{formatDateTime end_datetime 'date' time_diff}}</span> </h4> </div> {{/ifCond}} {{/if}}</script> <script type="text/html" id="reviews_view"><section id="reviews-view"> <div class="page-pd"> <div class="container-fluid column"> <div class="row"> {{#ifConfigParam 'hide_add_reviews' '==' true}} <div class="col-sm-12"> <div id="sb_reviews_list_container"></div> </div> {{else}} <div class="col-sm-6"> <div id="sb_reviews_add_container"></div> </div> <div class="col-sm-6"> <div id="sb_reviews_list_container"></div> </div> <div class="section-divider"></div> {{/ifConfigParam}} </div> </div> </div> </section></script> <script type="text/html" id="reviews_list_view"> <div class="title-main">{{_t 'Reviews'}}</div> <div id="sb_reviews_list_items_container"> </div> <div id="sb_reviews_page_pagination"> {{#ifCond pages '>' '1' }} <div class="pagination-wrapper"> {{#if prev }} <a class="prev pagination-link" href="#reviews/page/{{prev}}"><i title="{{_t "prev arrow icon"}}" class="fa fa-angle-left"></i></a> {{else}} <span title="{{_t "prev arrow icon"}}" class="prev pagination-link"><i class="fa fa-angle-left"></i></span> {{/if}} {{#ifCond page '>' '2' }} <a class="pagination-link" href="#reviews/page/1">1</a> <span class="pagination-link"> .. </span> {{/ifCond}} {{#if prev }} <a class="pagination-link" href="#reviews/page/{{prev}}">{{prev}}</a> {{/if}} <span class="pagination-link {{#if page}}current{{/if}}"> {{page}} </span> {{#if next }} <a class="pagination-link" href="#reviews/page/{{next}}">{{next}}</a> {{/if}} {{#ifCond page '<' p_page}} <span class="pagination-link"> .. </span> <a class="pagination-link" href="#reviews/page/{{pages}}">{{pages}}</a> {{/ifCond}} {{#if next }} <a class="next pagination-link" href="#reviews/page/{{next}}"><i title="{{_t "next arrow icon"}}" class="fa fa-angle-right"></i></a> {{else}} <span class="next pagination-link"><i title="{{_t "next arrow icon"}}" class="fa fa-angle-right"></i></span> {{/if}} </div> {{/ifCond}} </div> </script> <script type="text/html" id="reviews_item_view"><div class="review-item clearfix"> <div class="avatar"> <div class="avatar--content"> <img src="{{formatAvatarImage image size=100}}" onerror="this.src='/v2/themes/assets/img/user-default-image.png'" alt="{{_t "User image"}}" /> <div class="author" title="{{name}}"><p> {{name}} </p> </div> </div> </div> <div class="content"> <div class="review-tab"> {{#if is_logged_in}} {{#if is_removable}} <a href="javascript:;" class="sb_client_review_delete delete-button btn btn-default"> <i class="fa fa-times"></i> </a> {{/if}} {{/if}} <div class="stars stars-{{rate}}"> <div class="star s-1"></div> <div class="star s-2"></div> <div class="star s-3"></div> <div class="star s-4"></div> <div class="star s-5"></div> </div> <div class="cap"> {{subject}} </div> <div class="comment"> {{message}} {{#if answer}} <div class="answer-content"> <div class="avatar"> <div class="avatar--content"> <img src="{{#hasThemeImage 'sb_review_image'}}{{getThemeImage 'sb_review_image' size='small'}}{{else hasThemeImage 'sb_logo_image'}}{{getThemeImage 'sb_logo_image' size='small'}}{{else}}/v2/themes/assets/img/user-default-image.png{{/hasThemeImage}}" alt="{{_t "Company logo"}}" /> </div> </div> <div class="comment"> {{answer.message}} </div> </div> {{/if}} </div> </div> <div class="review-likes"> {{#if is_logged_in}} <span class="like-btn like-plus {{#ifCond like_type '==' 'like'}}active{{/ifCond}}" id="sb_client_review_item_like"></span> <span class="like-count positive">{{likes_positive}}</span> <span class="like-btn like-minus {{#ifCond like_type '==' 'dislike'}}active{{/ifCond}}" id="sb_client_review_item_dislike"></span> <span class="like-count negative">{{likes_negative}}</span> {{else}} <span class="like-btn like-plus disabled"> <span class="vote-tooltip"> {{_t 'Please log in to vote'}} </span> </span> <span class="like-count">{{likes}}</span> <span class="like-btn like-minus disabled"> <span class="vote-tooltip"> {{_t 'Please log in to vote'}} </span> </span> {{/if}} </div> </div> </div></script> <script type="text/html" id="reviews_add_view"><div> <div class="title-main">{{_t 'Leave review'}}</div> {{#if errors.global_form}} <div class="has-error"> <p class="help-block alert alert-danger">{{errors.global_form}}</p> </div> {{/if}} <div class="add-review"> <div class="avatar"> <div class="photo"> {{#if data.logged_in}} {{#if data.image}} <img src="{{data.image}}" alt="{{_t "User social media image"}}"> {{else}} <img src="/v2/themes/assets/img/user-default-image.png" align="" alt="{{_t "User image"}}"> {{/if}} {{else}} <img src="/v2/themes/assets/img/user-default-image.png" align="" alt="{{_t "User empty image"}}"> {{/if}} </div> <div class="info"> {{#if data.logged_in}} <a class="name" href="{{data.link}}" target="_blank" title="{{data.name}}">{{data.name}}</a> {{/if}} </div> <div class="btn-bar"> {{#if data.logged_in}} {{#ifCond data.provider '!=' 'client-login'}} <a class="logout" id="sb_client_review_logout" href="javascript: ;">{{_t '(Logout)'}}</a> {{/ifCond}} {{/if}} </div> </div> <div class="form"> <div class="form-group{{#if errors.subject}} has-error{{/if}}"> <div class="form-row required"> <input id="feedback__subject" value="{{data.subject}}" name="subject" placeholder="{{_t 'review_title'}}" type="text"> <p class="help-block">{{_t errors.subject}}</p> </div> </div> <div class="form-group{{#if errors.message}} has-error{{/if}}"> <div class="form-row required"> <textarea id="feedback__message" name="message" placeholder="{{_t 'review_body'}}">{{data.message}}</textarea> <p class="help-block">{{_t errors.message}}</p> </div> </div> <div class="stars-container{{#if errors.rate}} has-error{{/if}}"> <div class="rating-container"> <form> <input type="radio" name="rate" id="group-1-0" value="5" {{#ifCond data.rate '==' 5}}checked="checked"{{/ifCond}} /> <label for="group-1-0"></label> <input type="radio" name="rate" id="group-1-1" value="4" {{#ifCond data.rate '==' 4}}checked="checked"{{/ifCond}} /> <label for="group-1-1"></label> <input type="radio" name="rate" id="group-1-2" value="3" {{#ifCond data.rate '==' 3}}checked="checked"{{/ifCond}} /> <label for="group-1-2"></label> <input type="radio" name="rate" id="group-1-3" value="2" {{#ifCond data.rate '==' 2}}checked="checked"{{/ifCond}} /> <label for="group-1-3"></label> <input type="radio" name="rate" id="group-1-4" value="1" {{#ifCond data.rate '==' 1}}checked="checked"{{/ifCond}} /> <label for="group-1-4"></label> </form> </div> <p class="help-block">{{_t errors.rate}}</p> </div> {{#if data.logged_in}} <div class="send-btn-container"> <button id="sb_submit_review" type="submit" class="btn custom" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container"> <div class="cap">{{_t 'please login to leave a review'}}</div> <div class="line-arrow line-arrow-top"></div> <div class="buttons brand"> <a href="/v2/review/login/provider/facebook" target="_blank" class="fb sb-targetblank"> </a> <a href="/v2/review/login/provider/google" target="_blank" class="gl sb-targetblank"> </a>   {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/reviews" class="ll"> </a> {{/ifPluginActive}} </div> </div> {{/if}} </div> </div> </div></script> <script type="text/html" id="reviews_delete_dialog"><div class="modal-dialog delete-review" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="{{_t 'close'}}"> <span class="modal-close-button" aria-hidden="true"> <i class="fa fa-times"></i> </span> </button> <h4 class="modal-title">{{_t 'delete_review_confirm_title'}}</h4> </div> <div class="modal-body"> <div class="tab-pd"> <p>{{_t 'delete_review_confirm'}}</p> </div> </div> <div class="modal-footer"> <div class="tab-pd"> <button type="button" class="btn btn-primary" id="sb_review_delete_cancel" data-dismiss="modal">{{_t 'no'}}</button> <button type="button" class="btn btn-primary" id="sb_review_delete_confirm">{{_t 'yes'}}</button> </div> </div> </div> </div></script> <script type="text/html" id="reviews_list_module_view"><div class="title-main">{{_t 'Reviews'}}</div> <div id="sb_reviews_list_items_module_container"> </div> {{#ifCond pages '>' '1' }} <div id="sb_reviews_list_paginator"> <div class="pagination-wrapper"> {{#if prev }} <a href="#" class="prev pagination-link" data-page="{{prev}}"><i title="{{_t "prev arrow icon"}}" class="fa fa-angle-left"></i></a> {{else}} <span class="prev pagination-link"><i title="{{_t "prev arrow icon"}}" class="fa fa-angle-left"></i></span> {{/if}} {{#ifCond page '>' '2' }} <a class="pagination-link" href="#" data-page="1">1</a> <span class="pagination-link">..</span> {{/ifCond}} {{#if prev }} <a href="#" class="pagination-link" data-page="{{prev}}">{{prev}}</a> {{/if}} <span class="pagination-link {{#if page}}current{{/if}}"> {{page}} </span> {{#if next }} <a href="#" class="pagination-link" data-page="{{next}}">{{next}}</a> {{/if}} {{#ifCond page '<' p_page}} <span class="pagination-link">..</span> <a href="#" class="pagination-link" data-page="{{pages}}">{{pages}}</a> {{/ifCond}} {{#if next }} <a href="#" class="pagination-link next" data-page="{{next}}"><i title="{{_t "next arrow icon"}}" class="fa fa-angle-right"></i></a> {{else}} <span class="pagination-link next"><i title="{{_t "next arrow icon"}}" class="fa fa-angle-right"></i></span> {{/if}} </div> </div> {{/ifCond}} </script> <script type="text/html" id="reviews_list_module_item_view"><div class="review-item clearfix"> <div class="avatar"> <div class="avatar--content"> <img src="{{formatAvatarImage image size=100}}" alt="{{_t "User image"}}" /> <div class="author"> {{name}} </div> </div> </div> <div class="content"> <div class="stars stars-{{rate}}"> <div class="inner"></div> </div> <div class="cap"> {{subject}} </div> <div class="comment"> {{message}} </div> <div class="subcontent"> <span class="like-count">{{likes}}</span> </div> </div> </div></script> <script type="text/html" id="reviews_form_module_view"><div> <div class="title-main">{{_t 'Leave review'}}</div> {{#if errors.global_form}} <div class="has-error"> <p class="help-block">{{errors.global_form}}</p> </div> {{/if}} <div class="add-review"> <div class="avatar"> <div class="photo"> {{#if data.logged_in}} <img src="{{data.image}}" alt="{{_t "User social media image"}}"> {{else}} <img src="/v2/themes/assets/img/user-default-image.png" align="" alt="{{_t "User image"}}"> {{/if}} </div> <div class="info"> {{#if data.logged_in}} <a class="name" href="{{data.link}}" target="_blank">{{data.name}}</a> {{#ifCond data.provider '!=' 'client-login'}} <a class="logout" id="sb_client_review_logout" href="javascript: ;">{{_t '(Logout)'}}</a> {{/ifCond}} {{/if}} </div> </div> <div class="form"> <div class="form-group{{#if errors.subject}} has-error{{/if}}"> <div class="form-row required"> <input id="feedback__subject" value="{{data.subject}}" name="subject" placeholder="{{_t 'review_title'}}" type="text"> <p class="help-block">{{errors.subject}}</p> </div> </div> <div class="form-group{{#if errors.message}} has-error{{/if}}"> <div class="form-row required"> <textarea id="feedback__message" name="message" placeholder="{{_t 'review_body'}}">{{data.message}}</textarea> <p class="help-block">{{errors.message}}</p> </div> </div> <div class="stars-container{{#if errors.message}} has-error{{/if}}"> <div class="rating-container"> <form> <input type="radio" name="rate" id="group-1-0" value="5" {{#ifCond data.rate '==' 5}}checked="checked"{{/ifCond}} /> <label for="group-1-0"></label> <input type="radio" name="rate" id="group-1-1" value="4" {{#ifCond data.rate '==' 4}}checked="checked"{{/ifCond}} /> <label for="group-1-1"></label> <input type="radio" name="rate" id="group-1-2" value="3" {{#ifCond data.rate '==' 3}}checked="checked"{{/ifCond}} /> <label for="group-1-2"></label> <input type="radio" name="rate" id="group-1-3" value="2" {{#ifCond data.rate '==' 2}}checked="checked"{{/ifCond}} /> <label for="group-1-3"></label> <input type="radio" name="rate" id="group-1-4" value="1" {{#ifCond data.rate '==' 1}}checked="checked"{{/ifCond}} /> <label for="group-1-4"></label> </form> </div> <p class="help-block">{{errors.rate}}</p> </div> {{#if data.logged_in}} <div class="send-btn-container"> <button id="sb_submit_review" type="submit" class="btn custom" value="Post review">{{_t 'Add review'}}</button> </div> {{else}} <div class="social-container"> <div class="cap">{{_t 'please login to leave a review'}}</div> <div class="line-arrow line-arrow-top"></div> <div class="buttons"> <a href="/v2/review/login/provider/facebook" target="_blank" class="facebook btn custom sb-targetblank"> <img src="/v2/themes/assets/img/fb-name.png" alt="Facebook"> </a> <a href="/v2/review/login/provider/google" target="_blank" class="google btn custom sb-targetblank"> <img src="/v2/themes/assets/img/gl-name.png" alt="Google"> </a>    {{#ifPluginActive 'line_liff'}} <a href="#line/sign-in/back/reviews" class="line btn custom"> <img src="/v2/themes/assets/img/ll-name.png" alt="Line"> </a> {{/ifPluginActive}} </div> </div> {{/if}} </div> </div> </div></script> <script type="text/html" id="reviews_module_empty_view"><div class="alert alert-info">{{_t message}}</div></script> <script type="text/html" id="online_meeting_view"><section class="page-content page-content--online-meeting"> <div class="container-fluid column"> <article class="online-meeting"> <h3 class="title title--h3">{{_t 'client_online_meeting_title'}}</h3> {{#if is_provider}} <div class="online-meeting__body online-meeting__body-provider"> {{#if is_started}} {{#if start_url}} <p class="p">{{{_t 'client_online_meeting_provider_url_%link%' link=start_url}}}</p> <picture class="online-meeting__picture"> <svg src="online-meeting.svg" class="sb-inline-svg" /> </picture> {{else}} <p class="p">{{_t 'client_online_meeting_provider_start_link_empty'}}</p> <picture class="online-meeting__picture"> <svg src="online-meeting.svg" class="sb-inline-svg" /> </picture> {{/if}} {{else}} <p class="p">{{_t 'client_online_meeting_can_start'}}</p> <picture class="online-meeting__picture"> <svg src="online-meeting-wait.svg" class="sb-inline-svg" /> </picture> <button class="btn sb-start">{{_t 'client_online_meeting_provider_start_manually'}}</button> {{/if}} </div> {{else}} <div class="online-meeting__body online-meeting__body-client"> {{#if join_url}} <p class="p">{{{_t 'client_online_meeting_client_url_%link%' link=join_url}}}</p> <picture class="online-meeting__picture"> <svg src="online-meeting.svg" class="sb-inline-svg" /> </picture> {{else}} {{#if is_expired}} <p class="p">{{_t 'client_online_meeting_client_expired'}}</p> <picture class="online-meeting__picture"> <svg src="online-meeting-error.svg" class="sb-inline-svg" /> </picture> {{else}} {{#if is_started}} <p class="p">{{_t 'client_online_meeting_client_will_start'}}</p> {{else}} <p class="p">{{_t 'client_online_meeting_client_to_early'}}</p> {{/if}} <picture class="online-meeting__picture"> <svg src="online-meeting-wait.svg" class="sb-inline-svg" /> </picture> {{/if}} {{/if}} </div> {{/if}} </article> </div> </section> </script> <script type="text/html" id="client_terms_view">{{#*inline "errors"}} {{#each errors}} <p class="help-block">{{_t this}}</p> {{/each}} {{/inline}} <div> {{#if show_simplybook_terms}} <div class="form-group--terms {{#if errors.simplybook_terms_flag}}has-error{{/if}}"> <label> <div class="custom-checkbox"> <input type="checkbox" name="simplybook_terms_flag" id="sb_simplybook_terms_flag" value="1" {{#if simplybook_terms_flag}}checked{{/if}} /> <div class="custom-label"></div> </div> <a href="https://simplybook.me/en/terms-and-conditions#tab-for-clients" id="sb_simplybook_terms_link">{{_t 'client_agree_with_terms_and_conditions' company=company server_address=server_address project=project}}<span class="required">*</span></a> </label> {{> errors errors=errors.simplybook_terms_flag}} </div> {{/if}} {{#if show_user_terms}} <div class="form-group--terms form-group--terms-useer {{#if errors.user_terms_flag}}has-error{{/if}}"> <label> <div class="custom-checkbox"> <input type="checkbox" name="user_terms_flag" id="sb_user_terms_flag" value="1" {{#if user_terms_flag}}checked{{/if}} /> <div class="custom-label"></div> </div> <a href="#terms-and-conditions" id="sb_user_terms_link">{{_t 'client_agree_with_user_terms_and_conditions' company=company server_address=server_address project=project}}<span class="required">*</span></a> </label> {{> errors errors=errors.user_terms_flag}} </div> {{/if}} {{#if show_privacy_policy}} <div class="form-group--terms form-group--terms-useer {{#if errors.privacy_policy_flag}}has-error{{/if}}"> <label> <div class="custom-checkbox"> <input type="checkbox" name="privacy_policy_flag" id="sb_privacy_policy_flag" value="1" {{#if privacy_policy_flag}}checked{{/if}} /> <div class="custom-label"></div> </div> <a href="#privacy-policy" id="sb_privacy_policy_link">{{_t 'client_agree_with_privacy_policy' company=company server_address=server_address project=project}}<span class="required">*</span></a> </label> {{> errors errors=errors.privacy_policy_flag}} </div> {{/if}} {{#if show_cancellation_policy}} <div class="form-group--terms form-group--terms-cancel {{#if errors.cancellation_terms_flag}}has-error{{/if}}"> <label> <div class="custom-checkbox"> <input type="checkbox" name="cancellation_terms_flag" id="sb_cancellation_terms_flag" value="1" {{#if cancellation_terms_flag}}checked{{/if}} /> <div class="custom-label"></div> </div> <a href="#" id="sb_cancellation_terms_link">{{cancellation_policy_label}}<span class="required">*</span></a> </label> {{> errors errors=errors.cancellation_terms_flag}} </div> {{/if}} {{#if show_promotion_letter}} <div class="promotions-letter-flag {{#if errors.promotion_letters_flag}}has-error{{/if}} v2"> <label role="button" tabindex="0"> <div class="custom-checkbox"> <input type="checkbox" name="promotion_letters_flag" id="sb_promotion_letters_flag" value="1" {{#if promotion_letters_flag}}checked{{/if}} /> <div class="custom-label"></div> </div> {{_t 'client_agree_with_receive_promo_letters' company=company server_address=server_address project=project}} </label> {{> errors errors=errors.promotion_letters_flag}} </div> {{/if}} </div></script> <script type="text/html" id="promo_alert_terms_view"><div> {{#if show_promotion_letter}} {{#*inline "errors"}} {{#each errors}} <p class="help-block">{{_t this}}</p> {{/each}} {{/inline}} <div class="promotions-letter-flag {{#if errors.promotion_letters_flag}}has-error{{/if}} v1"> <label role="button" tabindex="0"> <div class="custom-checkbox"> <input type="checkbox" name="promotion_letters_flag" id="sb_promotion_letters_flag" value="1" {{#if (and (not promotion_letters_flag) (cond promotion_letters_flag '!==' null) )}}checked{{/if}} />  <div class="custom-label"></div> </div> <div> <span class="label-text"> {{{_t "<b>Unsubscribe</b> - I don’t want to receive promotional, marketing messages and cool offers." company=company server_address=server_address project=project}}} </span> {{#if show_user_terms}} <div class="{{#if errors.user_terms_flag}}has-error{{/if}}"> <label id="sb_promo_terms_link"> {{{_t "Subject to provisions of the <a href='%link%'><u>Terms and Conditions</u></a> for marketing and promotional purposes" link="#terms-and-conditions" company=company server_address=server_address project=project}}} </label> {{> errors errors=errors.user_terms_flag}} </div> {{else if show_simplybook_terms}} <div class="{{#if errors.simplybook_terms_flag}}has-error{{/if}}"> <label id="sb_simplybook_terms_link"> {{{_t "Subject to provisions of the <a href='%link%'><u>Terms and Conditions</u></a> for marketing and promotional purposes" link="https://simplybook.me/en/terms-and-conditions#tab-for-clients" company=company server_address=server_address project=project}}} </label> {{> errors errors=errors.simplybook_terms_flag}} </div> {{/if}} </div> </label> {{> errors errors=errors.promotion_letters_flag}} </div> {{/if}} </div> </script> <script type="text/html" id="gdpr_report_view"><section id="gdpr-report-view"> <div class="page-pd"> <div class="container-fluid column"> <div class="control-bar"> <div class="title"> <div class="title-main"> {{_t "gdpr_report_title" }} </div> <p class="txt"> {{_t "gdpr_report_subtitle" }} </p> </div> <div id="sb_gdpr_control_panel_container"></div> </div> <div id="sb_gdpr_report_container"></div> </div> </div> </section></script> <script type="text/html" id="gdpr_report_main_view"><div class="main-gdpr-report"> {{#if code_confirmed}} {{#if is_logged_in}} {{> gdprReportTable uid="sb_table_1" data=client_info name="gdpr_client_info"}} {{> gdprReportTable uid="sb_table_20" data=client_accept_terms name="gdpr_client_accept_terms"}} {{> gdprReportTable uid="sb_table_2" data=openid_data name="gdpr_openid_data"}} {{> gdprReportTable uid="sb_table_3" data=facebook_data name="gdpr_facebook_data"}}  {{> gdprReportTableBookings uid="sb_table_5" data=bookings name="gdpr_bookings"}} {{> gdprReportTable uid="sb_table_6" data=invoice name="gdpr_invoice"}} {{> gdprReportTable uid="sb_table_7" data=emails name="gdpr_emails"}} {{> gdprReportTable uid="sb_table_8" data=reviews name="gdpr_reviews"}} {{> gdprReportTable uid="sb_table_9" data=memberships name="gdpr_memberships"}} {{> gdprReportTable uid="sb_table_10" data=sms name="gdpr_sms"}} {{> gdprReportTable uid="sb_table_11" data=contact_widget name="gdpr_contact_widget"}} {{> gdprReportTableSoap uid="sb_table_12" data=soap_history name="gdpr_soap_history"}} {{> gdprReportTableSoapCrypt uid="sb_table_13" data=soap_history_crypt name="gdpr_soap_history_crypt"}} {{> gdprReportTable uid="sb_table_14" data=gdpr_sms_log name="gdpr_gdpr_sms_log"}} {{> gdprReportTable uid="sb_table_15" data=voice_bookings_log name="gdpr_voice_bookings_log"}} {{> gdprReportTable uid="sb_table_16" data=package_instance name="gdpr_package_instance"}} {{> gdprReportTable uid="sb_table_17" data=client_fields name="gdpr_client_fields"}} {{> gdprReportTable uid="sb_table_18" data=bonuses name="gdpr_bonuses"}} {{> gdprReportTable uid="sb_table_19" data=waiting_list name="gdpr_waiting_list"}} {{else}} <div class="alert alert-info"> <strong>{{_t "Warning!"}}</strong> {{_t "unauthorized_user"}} </div> {{/if}} {{else}} {{! waiting for code confirmation - popup is shown }} <div>{{_t "gdpr_report_requires_confirmation"}}</div> <span class="btn btn-default" id="sb_gdpr_report_show_confirmation">{{_t "gdpr_report_ged_confirmation_code"}}</span> {{/if}} </div> </script> <script type="text/html" id="gdpr_report_control_panel_view"> <div class="text-right"> {{#if is_logged_in}} <button type="button" class="btn btn-primary btn-gdpr-report-print" id="sb_gdpr_report_print"><span class="txt">{{_t "Print"}}</span> <i class="fa fa-print"></i></button> <button type="button" class="btn btn-primary btn-gdpr-report-json" id="sb_gdpr_report_json"><span class="txt">{{_t "Save as JSON"}}</span> <i class="fa fa-save"></i></button> <button type="button" class="btn btn-danger btn-gdpr-report-logout" id="sb_gdpr_report_logout"><span class="txt">{{_t "Logout from report"}}</span> <i class="fa fa-sign-out"></i></button> {{/if}} </div> </script> <script type="text/html" id="gdpr_report_table"><div class="table-section"> <div class="table-title"> <div class="cap"> {{_t name}} </div> <div class="info"> {{#if data}} <a href="#{{uid}}" class="collapse-btn collapsed" data-toggle="collapse"> <div class="trigger-show"> {{_t "Show"}} </div> <div class="trigger-hide"> {{_t "Hide"}} </div> </a> {{else}} <span class="msg">{{_t "Information is missing or has already been deleted"}}</span> {{/if}} </div> </div> <div id="{{uid}}" class="table-wrapper collapse"> {{#if data}} <div class="table-responsive"> <div class="table"> <div class="table-row"> {{#each data.[0]}} <div class="table-item head table-item-{{@key}}"> {{_t (concat 'gdpr_' @key)}} </div> {{/each}} </div> {{#each data}} <div class="table-row"> {{#each ../data.[0]}} <div class="table-item table-item-{{@key}}"> <div class="header-title"> {{_t (concat 'gdpr_' @key)}} </div> {{{lookup ../this @key}}} </div> {{/each}} </div> {{/each}} </div> </div> <div class="close-link"> <a class="collapse-btn" href="#{{uid}}" data-toggle="collapse"> {{_t "Hide"}} </a> </div> {{else}}  <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div></script> <script type="text/html" id="gdpr_report_table_bookings"><div class="table-section"> <div class="table-title"> <div class="cap"> {{_t name}} </div> <div class="info"> {{#if data}} <a href="#{{uid}}" class="collapse-btn collapsed" data-toggle="collapse"> <div class="trigger-show"> {{_t "Show"}} </div> <div class="trigger-hide"> {{_t "Hide"}} </div> </a> {{else}} <span class="msg">{{_t "Information is missing or has already been deleted"}}</span> {{/if}} </div> </div> <div id="{{uid}}" class="table-wrapper collapse"> {{#if data}} <div class="table-responsive"> <div class="table"> <div class="table-row"> <div class="table-item table-item-code head">{{_t 'gdpr_code'}}</div> <div class="table-item table-item-location head">{{_t 'gdpr_location'}}</div> <div class="table-item table-item-event head">{{_t 'gdpr_event'}}</div> <div class="table-item table-item-unit head">{{_t 'gdpr_unit'}}</div> <div class="table-item table-item-payed_amount head">{{_t 'gdpr_payed_amount'}}</div> <div class="table-item table-item-payment_system head">{{_t 'gdpr_payment_system'}}</div> <div class="table-item table-item-payment_status head">{{_t 'gdpr_payment_status'}}</div> <div class="table-item table-item-record_date head">{{_t 'gdpr_record_date'}}</div> <div class="table-item table-item-client_timezone head">{{_t 'gdpr_client_timezone'}}</div> <div class="table-item table-item-promotion_code head">{{_t 'gdpr_promotion_code'}}</div> <div class="table-item table-item-is_confirm head">{{_t 'gdpr_is_confirm'}}</div> <div class="table-item table-item-invoice_id head">{{_t 'gdpr_invoice_id'}}</div> <div class="table-item table-item-invoice_number head">{{_t 'gdpr_invoice_number'}}</div> <div class="table-item table-item-invoice_datetime head">{{_t 'gdpr_invoice_datetime'}}</div> <div class="table-item table-item-invoice_amount head">{{_t 'gdpr_invoice_amount'}}</div> <div class="table-item table-item-invoice_currency head">{{_t 'gdpr_invoice_currency'}}</div> <div class="table-item table-item-event_price head">{{_t 'gdpr_event_price'}}</div> <div class="table-item table-item-event_currency head">{{_t 'gdpr_event_currency'}}</div> <div class="table-item table-item-promotion_code head">{{_t 'gdpr_promotion_code'}}</div> <div class="table-item table-item-class_id head">{{_t 'gdpr_class_id'}}</div> <div class="table-item table-item-iproduct head">{{_t 'gdpr_product'}}</div> <div class="table-item table-item-iattribute head">{{_t 'gdpr_attribute'}}</div> <div class="table-item table-item-datetime head">{{_t 'gdpr_datetime'}}</div> <div class="table-item table-item-iclips head">{{_t 'gdpr_client_ip'}}</div> <div class="table-item table-item-ipclagent head">{{_t 'gdpr_client_agent'}}</div> <div class="table-item table-item-additional_fields head">{{_t 'gdpr_additional_fields'}}</div> </div> {{#each data}} <div class="table-row {{#ifEven @index}}{{else}}odd{{/ifEven}}"> <div class="table-item table-item-code"><div class="header-title">{{_t 'gdpr_code'}}</div>{{code}}</div> <div class="table-item table-item-location"><div class="header-title">{{_t 'gdpr_location'}}</div>{{location}}</div> <div class="table-item table-item-event"><div class="header-title">{{_t 'gdpr_event'}}</div> {{event}}</div> <div class="table-item table-item-unit"><div class="header-title">{{_t 'gdpr_unit'}}</div> {{unit}}</div> <div class="table-item table-item-payed_amount"><div class="header-title">{{_t 'gdpr_payed_amount'}}</div> {{payed_amount}}</div> <div class="table-item table-item-payment_system"><div class="header-title">{{_t 'gdpr_payment_system'}}</div> {{payment_system}}</div> <div class="table-item table-item-payment_status"><div class="header-title">{{_t 'gdpr_payment_status'}}</div> {{payment_status}}</div> <div class="table-item table-item-record_date"><div class="header-title">{{_t 'gdpr_record_date'}}</div> {{record_date}}</div> <div class="table-item table-item-client_timezone"><div class="header-title">{{_t 'gdpr_client_timezone'}}</div> {{client_timezone}}</div> <div class="table-item table-item-promotion_code"><div class="header-title">{{_t 'gdpr_promotion_code'}}</div> {{promotion_code}}</div> <div class="table-item table-item-is_confirm"><div class="header-title">{{_t 'gdpr_is_confirm'}}</div> {{is_confirm}}</div> <div class="table-item table-item-invoice_id"><div class="header-title">{{_t 'gdpr_invoice_id'}}</div> {{invoice_id}}</div> <div class="table-item table-item-invoice_number"><div class="header-title">{{_t 'gdpr_invoice_number'}}</div> {{invoice_number}}</div> <div class="table-item table-item-invoice_datetime"><div class="header-title">{{_t 'gdpr_invoice_datetime'}}</div> {{invoice_datetime}}</div> <div class="table-item table-item-invoice_amount"><div class="header-title">{{_t 'gdpr_invoice_amount'}}</div> {{invoice_amount}}</div> <div class="table-item table-item-invoice_currency"><div class="header-title">{{_t 'gdpr_invoice_currency'}}</div> {{invoice_currency}}</div> <div class="table-item table-item-event_price"><div class="header-title">{{_t 'gdpr_event_price'}}</div> {{event_price}}</div> <div class="table-item table-item-event_currency"><div class="header-title">{{_t 'gdpr_event_currency'}}</div> {{event_currency}}</div> <div class="table-item table-item-promotion_code"><div class="header-title">{{_t 'gdpr_promotion_code'}}</div> {{promotion_code}}</div> <div class="table-item table-item-class_id"><div class="header-title">{{_t 'gdpr_class_id'}}</div> {{class_id}}</div> <div class="table-item table-item-iproduct"><div class="header-title">{{_t 'gdpr_product'}}</div> {{product}}</div> <div class="table-item table-item-iattribute"><div class="header-title">{{_t 'gdpr_attribute'}}</div> {{attribute}}</div> <div class="table-item table-item-datetime"><div class="header-title">{{_t 'gdpr_datetime'}}</div> {{datetime}}</div> <div class="table-item table-item-iclips"><div class="header-title">{{_t 'gdpr_client_ip'}}</div> {{client_ips}}</div> <div class="table-item table-item-ipclagent"><div class="header-title">{{_t 'gdpr_client_agent'}}</div> {{client_agents}}</div> <div class="table-item"> <div class="header-title">{{_t 'gdpr_additional_fields'}}</div> {{#if additional_fields}} <a href="#{{../uid}}_fields_{{code}}" class="collapse-btn collapsed" data-toggle="collapse"> <div class="trigger-show"> {{_t "Show"}} </div> <div class="trigger-hide"> {{_t "Hide"}} </div> </a> {{/if}} </div> </div> <div class="table-row collapsed {{#ifEven @index}}{{else}}odd{{/ifEven}}"> <div id="{{../uid}}_fields_{{code}}" class="booking-fields collapse"> {{#if additional_fields}} <div class="booking-fields-title">{{_t 'additional_fields'}}</div> <div class="table table-fields"> {{{additional_fields}}} </div> {{/if}} </div> </div> {{/each}} </div> </div> {{else}} <div class="alert alert-info"> <strong>{{_t "Info:"}}</strong> {{_t "Information on this request is missing or has already been deleted"}} </div> {{/if}} </div> </div></script> <script type="text/html" id="gdpr_report_table_soap_crypt"><div class="table-section"> <div class="table-title"> <div class="cap"> {{_t name}} </div> <div class="info"> {{#if data}} <a href="#{{uid}}" class="collapse-btn collapsed" data-toggle="collapse"> <div class="trigger-show"> {{_t "Show"}} </div> <div class="trigger-hide"> {{_t "Hide"}} </div> </a> {{else}} <span class="msg">{{_t "Information is missing or has already been deleted"}}</span> {{/if}} </div> </div> <div id="{{uid}}" class="table-wrapper collapse"> {{#if data}} <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "We have encrypted your SOAP history, and therefore it is not displayed here. Please contact us if you'd like to receive the copy of this data."}} </div> {{else}}  <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div></script> <script type="text/html" id="gdpr_report_table_soap"><div class="table-section"> <div class="table-title"> <div class="cap"> {{_t name}} </div> <div class="info"> {{#if data}} <a href="#{{uid}}" class="collapse-btn collapsed" data-toggle="collapse"> <div class="trigger-show"> {{_t "Show"}} </div> <div class="trigger-hide"> {{_t "Hide"}} </div> </a> {{else}} <span class="msg">{{_t "Information is missing or has already been deleted"}}</span> {{/if}} </div> </div> <div id="{{uid}}" class="table-wrapper collapse"> {{#if data}} <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "gdpr_soap_data_contact_company_notification"}} </div> {{else}}  <div class="alert alert-info"> <strong>{{_t "Info!"}}</strong> {{_t "Information is missing or has already been deleted"}} </div> {{/if}} </div> </div></script> <script type="text/html" id="gdpr_report_module"><div class="gdpr-popup"> <div class="text-center"> {{#if data.is_client_logged}} <a href="#gdpr-report">{{_t 'GDPR report'}}</a><br> {{else}} <a href="#" id="sb_gdpr_show_form_btn"> {{_t "GDPR data"}} </a> {{/if}} </div> {{#if data.is_form_active}} <div id="sb_gdpr_email_form"> <div class="fa sb_gdpr_close_form_btn" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fa fa-times"></i> </div> <div class="title"> {{_t "Get your GDPR information"}} </div> <div class="content"> <div class="step-item"> 1. {{_t "Enter email/phone whith you used during bookings."}} </div> <div class="step-item"> 2. {{_t "Enter code sent to your email/phone."}} </div> <div class="form-container custom-form"> {{#if errors.global_form}} <div class="has-error"> <p class="help-block">{{errors.global_form}}</p> </div> {{/if}} {{#if message}} <div class="has-success"> <p class="help-block">{{_t message}}</p> </div> {{/if}} {{#if show_email_input}} <div id="sb_gdpr_send_email_container"> <div class="form-group{{#if errors.email}} has-error{{/if}}"> <input type="email" class="form-control" id="sb_gdpr_form_email" name="email" value="{{data.email}}" placeholder="{{_t 'Email'}}"> <p class="help-block">{{_t errors.email}}</p> </div> {{_t "or"}} <div class="form-group{{#if errors.phone}} has-error{{/if}}"> <input type="tel" class="form-control" id="sb_gdpr_form_phone" name="phone" value="{{data.phone}}" placeholder="{{_t 'Phone'}}"> <p class="help-block">{{_t errors.phone}}</p> </div> <button class="btn btn-info" type="submit">{{_t "Send code"}}</button> </div> {{else}} <div id="sb_gdpr_send_code_container"> <div class="form-group{{#if errors.code}} has-error{{/if}}"> <input type="text" class="form-control" id="sb_gdpr_form_code" name="code" value="{{data.code}}" placeholder="{{_t 'Code'}}"> <p class="help-block">{{_t errors.code}}</p> </div> <button class="btn btn-info" type="submit">{{_t "Get report"}}</button> <div class="sb_gdpr_resubmit"> <a href="#" id="sb_gdpr_repeat_submit">{{_t "send again"}}</a> {{_t "or"}} <a href="#" id="sb_gdpr_send_another">{{_t "to another email/phone"}}</a> </div> </div> {{/if}} <div class="txt band-txt">{{_t 'or sign up via'}}</div> <div class="brand v5"> <a title="{{_t 'Login via Facebook account icon. Open in new window'}}" href="{{baseUrl}}/gdpr-report/openid/provider/facebook/" target="_blank" class="fb sb-targetblank"></a>  <a title="{{_t 'Login via Google account icon. Open in new window'}}" href="{{baseUrl}}/gdpr-report/openid/provider/google/" target="_blank" class="gl sb-targetblank"></a> </div> </div> </div> </div> {{/if}} </div></script> <script type="text/html" id="gdpr_report_confirmation"><div class="modal-dialog"> <div class="tab tab-col get-gdpr-info-modal"> <div class="full-info"> <div class="close-full-info " data-dismiss="modal"> <i class="fa fa-times"></i> </div> <div class="tab-pd"> <div id="sb_gdpr_email_form"> {{#if data.is_client_logged}} {{_t "You are already logged in"}}<br> <a class="btn" href="#gdpr-report">{{_t 'GDPR report'}}</a><br> {{else}} <div class="cap full"> {{_t "Get your GDPR information"}} </div> <div class="content"> {{#ifCond data.preset '==' 'email'}} {{_t "Enter code sent to your email."}} {{else ifCond data.preset '==' 'phone'}} {{_t "Enter code sent to your phone."}} {{else}} <div class="step-item"> <p>1. {{_t "Enter email/phone whith you used during bookings."}}</p> </div> <div class="step-item"> <p>2. {{_t "Enter code sent to your email/phone."}}</p> </div> {{/ifCond}} <div class="form-container custom-form"> {{#if errors.global_form}} <div class="has-error"> <p class="help-block">{{errors.global_form}}</p> </div> {{/if}} {{#if message}} <div class="has-success"> <p class="help-block">{{_t message}}</p> </div> {{/if}} {{#if show_email_input}} <div id="sb_gdpr_send_email_container"> <div class="form-group{{#if errors.email}} has-error{{/if}}"> <input type="email" class="form-control" id="sb_gdpr_form_email" name="email" value="{{data.email}}" placeholder="{{_t 'Email'}}"> <p class="help-block">{{_t errors.email}}</p> </div> <p>{{_t "or"}}</p> <div class="form-group{{#if errors.phone}} has-error{{/if}}"> <input type="tel" class="form-control" id="sb_gdpr_form_phone" name="phone" value="{{data.phone}}" placeholder="{{_t 'Phone'}}"> <p class="help-block">{{_t errors.phone}}</p> </div> <button class="btn btn-send-code" type="submit">{{_t "Send code"}}</button> </div> {{else}} <div id="sb_gdpr_send_code_container"> <div class="form-group{{#if errors.code}} has-error{{/if}}"> <input type="text" class="form-control" id="sb_gdpr_form_code" name="code" value="{{data.code}}" placeholder="{{_t 'Code'}}"> <p class="help-block">{{_t errors.code}}</p> </div> <button class="btn btn-get-report" type="submit">{{_t "Get report"}}</button> <div class="sb_gdpr_resubmit"> <a href="#" id="sb_gdpr_repeat_submit">{{_t "send again"}}</a> </div> </div> {{/if}} </div> </div> {{/if}} </div> </div> </div> </div> </div> </script> <script type="text/html" id="part_form_input"><div class="form-group{{#if error}} has-error{{/if}} {{name}}"> <label for="{{id_prefix}}{{name}}" class="col-sm-4 control-label {{#if is_required}}required{{/if}}">{{_t label}}:</label> <div class="col-sm-12"> <input type="text" class="form-control" id="{{id_prefix}}{{name}}" name="{{name}}" value="{{value}}" placeholder="{{_t label}}"> <p class="help-block">{{_t error}}</p> </div> </div></script> <script type="text/html" id="part_form_email"><div class="form-group{{#if error}} has-error{{/if}} {{name}}"> <label for="{{id_prefix}}{{name}}" class="col-sm-4 control-label {{#if is_required}}required{{/if}}">{{_t label}}:</label> <div class="col-sm-12"> <input type="email" class="form-control" id="{{id_prefix}}{{name}}" name="{{name}}" value="{{value}}" placeholder="{{_t label}}" {{#if readonly}}readonly disabled{{/if}}> <p class="help-block">{{_t error}}</p> </div> </div></script> <script type="text/html" id="part_form_phone"><div class="form-group{{#if error}} has-error{{/if}} {{name}}"> <label for="{{id_prefix}}{{name}}" class="col-sm-4 control-label {{#if is_required}}required{{/if}}">{{_t label}}:</label> <div class="col-sm-12"> <div class="input-group"> {{#if country_prefix_is_fixed}} <span class="input-group-addon">{{country_prefix}}</span> {{/if}} <input type="tel" class="form-control {{#if country_prefix_is_fixed}}has-country-prefix{{/if}}" id="{{id_prefix}}{{name}}" name="{{name}}" value="{{value}}" placeholder="{{_t label}}"> </div> <p class="help-block">{{_t error}}</p> </div> </div></script> <script type="text/html" id="part_form_password"><div class="form-group{{#if error}} has-error{{/if}} {{name}}"> <label for="{{id_prefix}}{{name}}" class="col-sm-4 control-label {{#if is_required}}required{{/if}}">{{_t label}}:</label> <div class="col-sm-12"> <input type="password" class="form-control" id="{{id_prefix}}{{name}}" name="{{name}}" value="{{value}}" placeholder="{{_t label}}"> <span class="password-toggler" tabindex="0"><i class="fa fa-eye"></i></span> <p class="help-block">{{_t error}}</p> </div> </div></script> <script type="text/html" id="part_form_select"><div class="form-group{{#if error}} has-error{{/if}} {{name}}"> <label for="{{id_prefix}}{{name}}" class="col-sm-4 control-label {{#if is_required}}required{{/if}}">{{_t label}}:</label> <div class="col-sm-12"> <select name="{{name}}" id="{{id_prefix}}{{name}}" class="form-control" {{#if disabled}}disabled{{/if}}> {{#if with_empty}} <option value=""></option> {{/if}} {{#each options}} {{#if group}} <optgroup label="{{{name}}}"> {{#each options}} <option value="{{id}}" {{#ifCond id '==' ../../value}}selected="selected"{{/ifCond}}>{{{name}}}</option> {{/each}} </optgroup> {{else}} <option value="{{id}}" {{#ifCond id '==' ../value}}selected="selected"{{/ifCond}}>{{{name}}}</option> {{/if}} {{/each}} </select> <p class="help-block">{{_t error}}</p> </div> </div></script> <script type="text/html" id="part_form_checkbox"><div class="form-group{{#if error}} has-error{{/if}} {{name}}"> <label for="{{id_prefix}}{{name}}" class="col-sm-12 control-label custom-checkbox-label {{#if is_required}}required{{/if}}" role="button" tabindex="0"> <div class="custom-checkbox"> <input type="checkbox" id="{{id_prefix}}{{name}}" name="{{name}}" value="1" placeholder="{{_t label}}"{{#if value}} checked="checked"{{/if}} {{#if disabled}}disabled="disabled"{{/if}}> <div class="custom-label"></div> </div> <span class="txt">{{_t label}}</span> </label> <p class="help-block">{{_t error}}</p> </div></script> <script type="text/html" id="part_form_label">{{#ifNotEmpty value force=force_show}} <div class="row"> <div class="col-sm-4"> <div class="label"> <b>{{_t label}}:</b> </div> </div> <div class="col-sm-8"> <div class="txt"> {{value}} </div> </div> </div> {{/ifNotEmpty}}</script> <script type="text/html" id="part_form_label_select">{{#ifNotEmpty value force=force_show}} <div class="row"> <div class="col-sm-4"> <div class="label"> <b id="sb_profile_name">{{_t label}}:</b> </div> </div> <div class="col-sm-8"> <div class="txt"> {{#findInArray value options=options}}{{name}}{{/findInArray}} </div> </div> </div> {{/ifNotEmpty}}</script> <script type="text/html" id="footer_part"><footer id="footer"> <div id="sb_scroll_top_btn" class="scroll-top-button"> <i class="fa fa-angle-up"></i> </div> {{> cookiesBlock }} <div class="container-fluid"> <div class="row"> <div class="col-md-12"> {{!--{{#ifPluginActive 'client_login'}} {{else}}--}} {{#ifConfigParam 'hide_my_personal_data_upublic' '!=' true}} <div id="sb_gdpr_report_module_container"> </div> {{/ifConfigParam}} {{!--{{/ifPluginActive}}--}} {{>userTermsAndConditionsLink}} {{#ifConfigParam 'white_label' '!=' true}} <div class="copyright"> © 2013-{{formatDateTime null 'custom' 0 format='Y'}} <a href="https://{{getConfigParam 'server_address'}}" target="_blank"> {{getConfigParam 'project_name'}} </a> </div> {{/ifConfigParam}} </div> </div> </div> </footer></script> <script type="text/html" id="preloader_part"><div id="preloader" style="max-width: 60px;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 100;"> <img src="/v2/themes/assets/img/waiting.gif" alt=""> </div></script> <script type="text/html" id="cookies_block"><div id="sb_cookies_block" class="cookies sb-important"> <div class="container-fluid column"> <div class="wrapper"> <div class="text"> {{#ifPluginActive 'user_license'}} {{{_t "By clicking the Accept button you agree to the use of cookies as described in our <a href='#terms-and-conditions' target='_blank'>Terms and Conditions</a>."}}} {{else}} {{{_t "By clicking the Accept button you agree to the use of cookies. Please contact us if you'd like to learn more about how we use cookies."}}} {{/ifPluginActive}} </div> <div class="buttons"> <a href="javascript:;" class="link" id="sb_necessary_important_coo"> {{_t "I accept only Necessary Cookies"}} </a> <a href="javascript:;" class="btn" id="sb_accept_important_coo"> {{_t "I accept cookies"}} </a> </div> </div> </div> </div></script> <script type="text/html" id="user_terms_and_conditions">{{#ifPluginActive 'user_license'}} <div class="text-center"> <a href="#terms-and-conditions">{{_t '%company_name%_company_license_title' company_name=(_ (getConfigParam 'company_data') 'name')}}</a> </div> {{/ifPluginActive}}</script> <script type="text/html" id="terms_and_conditions_lang">{{#if lang}} <div class="terms-and-conditions__lang custom-form" style="margin-bottom: 25px;"> <div class="form-group"> <label for="lang" class="control-label terms-and-conditions__lang-label" style="padding-inline: 0;">{{_t 'Select language'}}:</label> <select name="lang" id="lang" class="sb-terms-lang form-control terms-and-conditions__lang-select"> <option value="en" {{#ifCond lang '==' 'en'}}selected{{/ifCond}}>English</option> <option value="fr" {{#ifCond lang '==' 'fr'}}selected{{/ifCond}}>Français</option> <option value="es" {{#ifCond lang '==' 'es'}}selected{{/ifCond}}>Español</option> <option value="de" {{#ifCond lang '==' 'de'}}selected{{/ifCond}}>Deutsch</option> <option value="ru" {{#ifCond lang '==' 'ru'}}selected{{/ifCond}}>Русский</option> {{!-- <option value="pl" {{#ifCond lang '==' 'pl'}}selected{{/ifCond}}>Polski</option> --}} <option value="it" {{#ifCond lang '==' 'it'}}selected{{/ifCond}}>Italiano</option> <option value="uk" {{#ifCond lang '==' 'uk'}}selected{{/ifCond}}>Українська</option> <option value="zh" {{#ifCond lang '==' 'zh'}}selected{{/ifCond}}>臺灣話</option> <option value="cn" {{#ifCond lang '==' 'cn'}}selected{{/ifCond}}>中文</option> <option value="ko" {{#ifCond lang '==' 'ko'}}selected{{/ifCond}}>한국어</option> <option value="ja" {{#ifCond lang '==' 'ja'}}selected{{/ifCond}}>日本語</option> <option value="pt" {{#ifCond lang '==' 'pt'}}selected{{/ifCond}}>Português</option> <option value="br" {{#ifCond lang '==' 'br'}}selected{{/ifCond}}>Brasil</option> <option value="nl" {{#ifCond lang '==' 'nl'}}selected{{/ifCond}}>Nederlands</option> </select> </div> </div> {{/if}} </script> <script type="text/html" id="cart_module_view"><div class="cart-container"> <div class="full-info full-info--cart sb-cart-popup {{#if qty}} --has-items{{/if}}"> <div class="full-info--cart_module"> <div class="full-info--cart_header"> <button class="sb-cart-popup-close full-info--cart_close-btn"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg> </button> <h3 class="title title--h3 {{#if qty}} --has-icon{{/if}}"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><path d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H76.1l60.3 316.5c2.2 11.3 12.1 19.5 23.6 19.5H320.7c-.5-5.3-.7-10.6-.7-16c0-10.9 1-21.6 2.9-32h-143l-9.1-48H339.2c9.2-18 21.4-34.2 36-48H161.6L131.1 80H520.6L489.1 192.1c2.3-.1 4.6-.1 6.9-.1c14.3 0 28.3 1.7 41.6 4.9l35-124.3C578.3 52.3 563 32 541.8 32H122l-2.4-12.5C117.4 8.2 107.5 0 96 0H24zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM640 368a144 144 0 1 0 -288 0 144 144 0 1 0 288 0zm-99.3-43.3c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-72 72c-6.2 6.2-16.4 6.2-22.6 0l-40-40c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L480 385.4l60.7-60.7z"/></svg> {{_t 'cart_title'}} </h3> </div> <div class="full-info--cart_body"> <div id="sb_cart_multiple_bookings" class="full-info--cart_bookings"></div> <div id="sb_cart_products" class="full-info--cart_list full-info--cart_product-list"></div> <div aria-label="{{_t "Empty cart block"}}" class="full-info--cart_empty empty sb-empty-block" {{#if qty}}style="{display: none}"{{/if}}> <div class="full-info--cart_empty-content"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"/></svg>  <div class="p txt">{{_t 'your_cart_is_empty'}}</div> </div> </div> </div> <div class="full-info--cart_footer"> <div class="full-info--cart_price-info"> <div class="full-info--cart_price full-info--cart_price-subtotal sb-tax-block" {{#unless tax}}style="display: none"{{/unless}}> <span class="full-info--cart_price-caption">{{_t "cart_subtotal"}}:</span> <span class="full-info--cart_price-value sb-pretotal">{{{formatPrice price=pretotal currency=currency}}}</span> </div> <div class="full-info--cart_price full-info--cart_price-tax sb-tax-block" {{#unless tax}}style="display: none"{{/unless}}> <span class="full-info--cart_price-caption">{{_t "cart_tax"}}:</span> <span class="full-info--cart_price-value sb-tax">{{{formatPrice price=tax currency=currency}}}</span> </div> <div class="full-info--cart_price full-info--cart_price-total sb-total-block" {{#unless total}}style="display: none"{{/unless}}> <span class="full-info--cart_price-caption">{{_t "cart_total"}}:</span> <span class="full-info--cart_price-value sb-total">{{{formatPrice price=total currency=currency}}}</span> </div> </div> <div id="sb_cart_package_link"></div> <div class="btn-bar sb-checkout-block" {{#unless qty}}style="display: none"{{/unless}}> <button class="btn book-btn popup-hide" id="sb_cart_checkout_btn">{{_t 'Checkout'}}</button> <button class="btn btn--primary-outline sb-cart-popup-close">{{_t 'cart_continue_shopping'}}</button> </div> </div> </div> </div> <div class="sb-cart-popup-close full-info--cart_cover"></div> </div> </script> <script type="text/html" id="cart_module_icon_view"><div class="cart-container"> <div aria-label="{{_t "shopping cart container"}}" class="cart item-container sb-cart-btn"> <i aria-label="{{_t "shopping cart icon"}}" title="{{_t "shopping cart icon"}}" class="fa fa-shopping-cart" aria-hidden="true"></i> <div class="counter sb-qty">{{qty}}</div> </div> </div> </script> <script type="text/html" id="cart_module_booking_details_total_view"><div class="full-info-price--wrapper full-info-price--wrapper_global"> {{#if total}} {{#if tax}} <div class="full-info-price full-info-price--subtotal"> <div class="full-info-price--caption">{{_t "cart_subtotal"}}:</div> <div class="full-info-price--value">{{{formatPrice price=pretotal currency=currency}}}</div> </div> <div class="full-info-price full-info-price--tax"> <div class="full-info-price--caption">{{_t "cart_tax"}}:</div> <div class="full-info-price--value">{{{formatPrice price=tax currency=currency}}}</div> </div> {{/if}} <div class="full-info-price full-info-price--total"> <div class="full-info-price--caption">{{_t "cart_total"}}:</div> <div class="full-info-price--value">{{{formatPrice price=total currency=currency}}}</div> </div> {{/if}} {{#ifPluginActive 'package'}} <div class="package-use-credits-msg sb-confirm-leave"> {{{_t "<a href='%link%' class='link'>Package credits</a> can be used in the next step if they are available" link=(packageLink serviceIds productIds)}}} </div> {{/ifPluginActive}} </div> </script> <script type="text/html" id="cart_module_package_link_view"><div class="package-use-credits-msg --sb-confirm-leave sb-package-block popup-hide" {{#unless shouldShow}}style="display: none"{{/unless}}> {{!-- {{{_t "<a href='#packages' class='link'>Package credits</a> can be used in the next step if they are available"}}} --}} {{{_t "<a href='%link%' class='link'>Package credits</a> can be used in the next step if they are available" link=(packageLink serviceIds productIds)}}} </div> </script> <script type="text/html" id="membership_filter_view"><div id="membership-filters" class="filter"> <div class="filter--header"> <div class="title-main filter--header_title">{{_t 'Filter by attached items'}}:</div> <p class="title-small filter--header_hint">{{_t (concat namespace '_included_services_note')}}</p> </div> <div class="filter-list custom-form filter--content" id="sb_filter_container"> <div class="sb_filter_list_wrapper filter--list-container"> <div id="sb_membership_filter_service_container" class="sb_filter_list filter--list filter--list-service" data-title="{{#ifPluginActive 'classes'}}{{_t 'filter_service_classes'}}{{else}}{{_t 'filter_services'}}{{/ifPluginActive}}"></div> <div id="sb_membership_filter_product_container" class="sb_filter_list filter--list filter--list-products" data-title="{{_t 'filter_products_for_sale'}}"></div> <div id="sb_membership_filter_attribute_container" class="sb_filter_list filter--list filter--list-attributes" data-title="{{_t 'filter_service_add_ons'}}"></div> </div> <input type="text" id="sb_list_trigger" class="form-control filter--input-field" placeholder="{{_t 'Search'}}"> </div> </div></script> <script type="text/html" id="membership_filter_item_view"><div class="sb_filter_item" data-label="{{field}}-id{{id}}"> <span class="custom-checkbox"> <input id="{{field}}-id{{id}}" type="checkbox" {{#if checked}}checked="checked"{{/if}} /> <span class="custom-label"></span> </span> <label class="filter-item-label" for="{{field}}-id{{id}}" role="button" tabindex="0"> {{name}} </label> </div> </script> <script type="text/html" id="location_step"><div class="location-step step-content {{#if (cond (getThemeOption 'display_item_mode') '==' 'list')}}content-mode-list{{/if}}" id="sb_location_step_container"> </div></script> <script type="text/html" id="location_item"><div class="location-item item"> <div class="tab tab-col tab-with-popup"> <div class="excerpt-info"> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader {{#if picture}}{{#ifSvg picture_path}} __custom-svg-icon {{else}} __custom-image {{/ifSvg}}{{else}} __default-svg-icon {{/if}}"> <a href="#{{bookingStepUrl location=id}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_location_%location_name%" location_name=name}}" class="fit"> </div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="location.svg" class="sb-inline-svg" /> </div> {{/if}} </a> </div> {{/ifCond}} <div class="tab-pd"> <div class="content"> <div class="cap short">{{title}}</div> {{#if description}} <div class="txt short"> {{{description}}} {{#ifCond description.length ">=" 80}} <span class="read-more" data-toggle="modal" data-target="#iframe_location{{id}}" role="button" tabindex="0"> {{_t "read-more"}} </span> {{/ifCond}} </div> {{/if}} <div class="bar {{#if (or address1 address2 phone)}}with-mh{{/if}}"> {{#if address1}} <div class="address"> <div class="fa fa-map-marker" aria-hidden="true"></div> <a data-toggle="modal" data-target="#iframe_location{{id}}"> {{formatAddress address1=address1 address2=address2 city=city country=country_id zip=zip}} </a> </div> {{/if}} {{#if phone}} <div class="phone"> <div class="fa fa-phone" aria-hidden="true"></div> <span class="txt-wrap"> <a class="phone-number" href="tel:{{phone}}">{{phone}}</a> </span> </div> {{/if}} </div> </div> <div class="btn-bar"> <div class="btn select custom"> <a href="#{{bookingStepUrl location=id}}">{{_t "select"}}</a> </div> </div> </div> </div> <div class="modal fade location-modal sb-map-container" id="iframe_location{{id}}" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="full-info"> <div class="tab-pd"> <div class="close-full-info" data-dismiss="modal" role="button" tabindex="0"> <i aria-label="{{_t "close"}}" title="{{_t "close"}}" class="fa fa-times"></i> </div> {{#if (or address1 address2) }} <div class="sb-map" data-src="{{mapIframe lat=lat lng=lng}}" data-style="border:0; height: 400px;" data-width="100%" data-frameborder="0" ></div> {{else}} {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if picture}} {{#ifSvg picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_location_%location_name%" location_name=name}}" class="fit"> </div> {{/ifSvg}} {{/if}} {{else}} <div class="no-img-block"></div> {{/ifCond}} {{/if}} <div class="content"> <div class="cap full">{{title}}</div> <div class="txt full">{{{description}}}</div> {{#if (or address1 address2) }} <div class="address"> <b> {{formatAddress address1=address1 address2=address2 city=city country=country_id zip=zip}} </b> </div> {{/if}} {{#if phone}} <div class="phone"> <b> <a class="phone-number" href="tel:{{phone}}">{{phone}}</a> </b> </div> {{/if}} </div> </div> </div> </div> </div> </div> </div> </script> <script type="text/html" id="location_item_list"><div class="location-item item panel"> <div class="mobile-title"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_location_step_container" href="#iframe_location{{id}}" aria-expanded="true" aria-controls="iframe_location{{id}}"> {{title}} </a> </h4> {{else}} <h4 class="title">{{title}}</h4> {{/ifCond}} </div> {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} <div class="preloader {{#if picture}}{{#ifSvg picture_path}} __custom-svg-icon {{else}} __custom-image {{/ifSvg}}{{else}} __default-svg-icon {{/if}}"> <a href="#{{bookingStepUrl location=id}}"> {{#if picture}} {{#ifSvg picture_path}} <div class="default img"> <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> </div> {{else}} <div class="user img"> <img src="{{picture_path}}" alt="{{_t "image_for_location_%location_name%" location_name=name}}" class="fit"> </div> {{/ifSvg}} {{else}} <div class="default img"> <svg src="location.svg" class="sb-inline-svg" /> </div> {{/if}} </a> </div> {{/ifCond}} <div class="one-line {{#ifCond (getThemeOption 'hide_img_mode') '==' 1}}no-image{{/ifCond}}"> <div class="content"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <h4 class="title"> <a role="button" data-toggle="collapse" data-parent="#sb_location_step_container" href="#iframe_location{{id}}" aria-expanded="true" aria-controls="iframe_location{{id}}"> {{title}} </a> </h4> {{else}} <h4 class="title">{{title}}</h4> {{/ifCond}} <div class="info-bar {{#if (or address1 address2 phone)}}with-mh{{/if}}"> {{#if address1}} <div class="bar-flex-item address"> <i class="ico fa fa-map-marker" aria-hidden="true"></i> <a role="button" data-toggle="collapse" data-parent="#sb_location_step_container" href="#iframe_location{{id}}" aria-expanded="true" aria-controls="iframe_location{{id}}"> <span class="txt"> {{formatAddress address1=address1 address2=address2 city=city country=country_id zip=zip}} </span> </a> </div> {{/if}} {{#if phone}} <div class="bar-flex-item phone"> <i class="ico fa fa-phone" aria-hidden="true"></i> <a href="tel:{{phone}}" class="txt"> {{phone}} </a> </div> {{/if}} </div> </div> <div class="btn-bar {{#ifCond (lengthWithoutTags description) ">=" 2}}has-read-more{{/ifCond}}"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <div class="wrap-read-more"> <a class="btn read-more collapsed" role="button" data-toggle="collapse" data-parent="#sb_location_step_container" href="#iframe_location{{id}}" aria-expanded="true" aria-controls="iframe_location{{id}}"> <span class="part txt-part"> <span class="more-part">{{_t 'read-more'}}</span> <span class="less-part">{{_t 'show less'}}</span> </span> <span class="part ico-part"><i class="fal fa-ellipsis-h"></i></span> </a> </div> {{/ifCond}} <div class="btn-round-mask"> <a class="btn select custom" href="#{{bookingStepUrl location=id}}">{{_t "select"}}</a> </div> </div> </div> <div class="wrap-collapse-content collapse sb-map-container" id="iframe_location{{id}}"> <div class="collapse-content"> {{#if (or address1 address2) }} <div class="biggest-previev"> <div class="sb-map" data-src="{{mapIframe lat=lat lng=lng}}" data-style="border:0; height: 400px;" data-width="100%" data-frameborder="0" ></div> </div> {{else}} {{#ifCond (getThemeOption 'hide_img_mode') '!=' 1}} {{#if picture}} {{#ifSvg picture_path}} {{!-- do not display icon in popup --}} {{!-- <svg src="{{picture_path}}" class="sb-inline-svg" data-exact="true"/> --}} {{else}} <div class="biggest-previev"> <img src="{{picture_path}}" alt="{{_t "image_for_location_%location_name%" location_name=name}}" class="fit"> </div> {{/ifSvg}} {{/if}} {{/ifCond}} {{/if}} {{{description}}} <div class="btn-bar btn-bar-full-info"> {{#ifCond (lengthWithoutTags description) ">=" 2}} <a class="btn btn-hide" role="button" data-toggle="collapse" data-parent="#sb_location_step_container" href="#iframe_location{{id}}" aria-expanded="true" aria-controls="iframe_location{{id}}"> <span class="hide-txt">{{_t "show less"}}</span> </a> {{/ifCond}} <a class="btn select custom" href="#{{bookingStepUrl location=id}}">{{_t "select"}}</a> </div> </div> </div> </div> </script> <script type="text/html" id="location_empty"><div class="empty-step empty-location"> <div class="empty-step__wrapper"> <div class="empty-step__image"> <svg src="empty-location.svg" class="sb-inline-svg" /> </div> <h3 class="empty-step__title">{{_t 'No locations available'}}</h3> <p class="empty-step__text">{{_t 'Please go back and choose another one'}}</p> </div> </div></script> <script type="text/html" id="back_to_site_view"><div> <div class="clearfix"></div> <div class="back-to-site"> <div class="tab-pd"> {{#if timer_enabled}} {{replace timer_title '%s' seconds_to_redirect}} {{/if}} <div class="visible-xs visible-sm"> <a class="btn btn-primary" target="_top" href="{{mobile_link}}">{{mobile_title}}</a> </div> <div class="hidden-xs hidden-sm"> <a class="btn btn-primary" target="_top" href="{{link}}">{{title}}</a> </div> </div> </div> </div></script> <script type="text/html" id="google_translate_module_view"><div> <div id="google_translate_element"></div> </div></script> <script type="text/html" id="push_subscribe_view"> <div class="subscribe-component {{#if is_visible}}in{{else}}hidden{{/if}}">  {{#if is_visible}} <div class="subscribe-component--divider"></div> <div class="subscribe-component--body"> <div class="subscribe-component--content">  <div class="subscribe-component--data"> <h4 class="title subscribe-component--title">{{_t "Subscribe to push notifications"}}<br></h4> <p class="p subscribe-component--txt">{{_t "Get notified when we have new offers"}}<br></p> </div> </div> <div class="btn-bar subscribe-component--btn-bar"> <div class="btn-bar--row">  <button class="btn btn-primary" id="subscribe-client-push-btn">{{_t "Subscribe"}}</button> </div> </div> </div> {{/if}} </div> </script> <script type="text/html" id="push_message_view"><div id="news-single" class="push-news"> <div class="container-fluid column"> <section class="push-news__content"> <div class="return-btn"> <a href="#"> <span class="fa fa-angle-left" aria-hidden="true"></span> <span class="txt">{{_t 'Home page'}}</span> </a> </div> <div class="article clearfix"> <div class="cap"> {{title}} </div> <div class="txt"> {{{message}}} </div>  </div> </section> </div> </div></script> <script type="text/html" id="pwa_push_notification"><div class="push-notifications"> {{#if is_subcribed}} {{else}} <div class="push-notifications--body"> <div class="push-notifications--content"> <i class="push-notifications--icon"> <svg width="33" height="44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.688 29.875a2.628 2.628 0 01-2.625-2.625v-9.188c0-3.163-1.235-6.134-3.475-8.367a11.753 11.753 0 00-4.854-2.925c.289-.548.453-1.171.453-1.832A3.942 3.942 0 0016.25 1a3.942 3.942 0 00-3.938 3.938c0 .665.167 1.291.46 1.841-4.82 1.506-8.335 6.05-8.335 11.398v9.073a2.628 2.628 0 01-2.625 2.625c-.724 0-1.312.588-1.312 1.313v5.25c0 .724.588 1.312 1.313 1.312h9.89A4.599 4.599 0 0016.25 43a4.599 4.599 0 004.547-5.25h9.89c.725 0 1.313-.588 1.313-1.313v-5.25c0-.724-.588-1.312-1.313-1.312zM16.25 3.625c.724 0 1.313.589 1.313 1.313 0 .723-.59 1.312-1.313 1.312a1.314 1.314 0 01-1.313-1.313c0-.723.59-1.312 1.313-1.312zm1.969 34.781a1.971 1.971 0 01-1.969 1.969 1.971 1.971 0 01-1.857-2.625h3.714c.074.209.112.43.112.656zm11.156-3.281H3.125v-2.791a5.26 5.26 0 003.938-5.084v-9.073c0-5.112 4.106-9.284 9.154-9.302h.033c2.448 0 4.75.95 6.485 2.68a9.126 9.126 0 012.703 6.508v9.187a5.26 5.26 0 003.937 5.084v2.791z" fill="currentColor" stroke="currentColor"/><path d="M12 20.375a1.313 1.313 0 01-1.313-1.313A6.57 6.57 0 0117.25 12.5a1.313 1.313 0 010 2.625 3.942 3.942 0 00-3.938 3.938c0 .724-.587 1.312-1.312 1.312z" fill="currentColor" stroke="currentColor"/></svg> </i> <p class="push-notifications--txt"> {{_t "pwa_push_notification_promo"}} </p> </div> <div class="btn-bar push-notifications--btn-bar"> <button class="btn-push-subscribe mdc-button"> <div class="mdc-button__ripple"></div> <span class="mdc-button__label">{{_t "subscribe_to_push"}}</span> </button> </div> </div> {{/if}} <div class="container-fluid pwa-notifications--container"> <div id="sb_pwa_notification" class="pwa-notifications"></div> </div> </div></script> <div id="sb_main" class="sb-layout "></div> <script type="text/javascript"> var config = {"csrf_token":"c45b25eb63bb2c1853415feb07e82081","debug_id":"b265c139bf62f28752bd3fde2feada94","is_widget":false,"custom_query":"","date_format":"l, M d Y","time_format":"24hr","time_frame":"30","apply_promo_code":null,"is_bdp_client":false,"fb_business_id":"magnetism-0euc","bdp_pixel_id":null,"client_login_require_phone":"1","min_date":"2024-11-24","max_date":"2025-05-24","country_prefix":"65","country_prefix_id":"SG","country_prefix_is_changeable":true,"country_phone_initial":"SG","monday_is_first_day":"1","is_booking_page_widget":0,"is_booking_page":false,"base_url":"\/v2","company_currency":"EUR","currency_info":{"EUR":{"code":"EUR","name":"Euro","symbol":"\u20ac","thousands_separator":" ","decimal_separator":",","symbol_on_left":"0","space_btw_amount_and_symbol":"1","decimal_digits":"2"},"BONUS":{"name":"Points","symbol":"points","decimal_separator":".","decimal_digits":0,"symbol_on_left":false,"space_btw_amount_and_symbol":true}},"skip_address":"1","hide_email":"1","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":"0","allow_event_day_break":"0","allow_event_breaktime_break":"0","allow_buffertime_extend":false,"feedbacks_disabled":false,"company_data":{"name":"Richard Mille","login":"magnetism","description":"<p style=\"text-align: center;\" class=\"sup-title\">EXPERIENCE<\/p><p style=\"text-align: center;\" class=\"large-title\">RENDEZ-VOUS<\/p><p style=\"text-align: center;\" class=\"description\">Schedule an appointment in one of our stores at your<br><span style=\"font-size: 1rem;\">convenience to find out more about the Richard Mille brand<br><\/span><span style=\"font-size: 1rem;\">or perform a service on your watch<\/span><\/p><div class=\"btn book btn-with-icon custom\"><a href=\"https:\/\/magnetism.simplybook.it\/v2\/#book\">Book an appointment<span class=\"top\"><\/span><\/a><\/div>\r\n<ul class=\"socials\">\r\n <li><a href=\"https:\/\/www.facebook.com\/richardmille.watches\" target=\"_blank\" class=\"facebook\" alt=\"#\"><\/a><\/li>\r\n <li><a href=\"https:\/\/www.instagram.com\/richardmille\/\" target=\"_blank\" class=\"instagram\" alt=\"#\"><\/a><\/li>\r\n <li><a href=\"https:\/\/twitter.com\/richard_mille\" target=\"_blank\" class=\"twitter\" alt=\"#\"><\/a><\/li>\r\n <li><a href=\"https:\/\/www.youtube.com\/richardmilleofficial\" target=\"_blank\" class=\"youtube\" alt=\"#\"><\/a><\/li>\r\n <li><a href=\"https:\/\/www.weibo.com\/RichardMilleOfficial\" target=\"_blank\" class=\"weibo\" alt=\"#\"><\/a><\/li>\r\n<\/ul>","category_keys":["grocery_store","supermarkets"],"lat":null,"lng":null,"address1":null,"address2":null,"city":null,"zip":null,"country_id":"FR","email":null,"phone":null,"web":null,"tag":null},"server_address":"simplybook.it","project_name":"SimplyBook.me","revision":"snb0px","map_key":"AIzaSyAyIVxixzXRL_gCAJwI9cehx5NEcbFkKdI","map_type":"vector","is_enterprise":false,"hide_my_personal_data_upublic":false,"client_login_hide_gdpr_report":false,"event_field_autocomplete":0,"deposit_paid_events_is_client_can_pay_full_price":true,"slots_count_show_total":false,"timezone":"Asia\/Seoul","tracking_fb_code":false,"google_reviews_place_id":false,"enable_push_notifications":false,"company_language":"en","provider_count":"30","client_email_required":true,"client_phone_required":true,"promo_add_link_to_webpage":false,"google_translate_mode":false,"company_ga_tracking_id":"UA-134292666-6","company_ga_vers":4,"google_conversion_id":"","google_conversion_language":"en_EN","google_conversion_format":"1","google_conversion_color":"666666","google_conversion_label":"Simplybook page","google_conversion_value":"1","google_conversion_currency":"USD","fb_app_id":"86191805097","static_map_api_key":"AIzaSyAyIVxixzXRL_gCAJwI9cehx5NEcbFkKdI","map_api_key":"AIzaSyAyIVxixzXRL_gCAJwI9cehx5NEcbFkKdI","is_rtl":"0","menu":[{"name":"menu_reviews","url":"#reviews","plugin":"","custom_dependency":"feedbacks_disabled","position":"9","is_visible":"1","route":"reviews","id":"4","menu_id":"4","plugin_static_page_id":null,"type":"base","target":"self","is_disable":0},{"name":"menu_bookings","url":"#client\/bookings\/type\/upcoming","plugin":"","custom_dependency":"","position":"12","is_visible":"1","route":"client_bookings","id":"7","menu_id":"7","plugin_static_page_id":null,"type":"base","target":"self","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":"0","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":"1","system_name":"google_analytics"},"facebookImage":{"is_active":"0","system_name":"facebookImage"},"google_calendar_export":{"is_active":"1","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":"1","system_name":"advanced_notification"},"multiple_booking":{"is_active":"0","system_name":"multiple_booking"},"group_booking":{"is_active":"0","system_name":"group_booking"},"any_unit":{"is_active":"0","system_name":"any_unit"},"location":{"is_active":"1","system_name":"location"},"secure":{"is_active":"0","system_name":"secure"},"contact_widget":{"is_active":"0","system_name":"contact_widget"},"api":{"is_active":"0","system_name":"api"},"financial_dashboard":{"is_active":"1","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":"1","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":"1","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":"1","system_name":"flexible_template"},"smtp":{"is_active":"0","system_name":"smtp"},"client_login":{"is_active":"0","system_name":"client_login"},"membership":{"is_active":"0","system_name":"membership"},"custom_domain":{"is_active":"1","system_name":"custom_domain"},"sms":{"is_active":"0","system_name":"sms"},"classes":{"is_active":"0","system_name":"classes"},"import_clients":{"is_active":"0","system_name":"import_clients"},"paid_attributes":{"is_active":"0","system_name":"paid_attributes"},"product":{"is_active":"0","system_name":"product"},"social_gallery":{"is_active":"0","system_name":"social_gallery"},"google_authenticator":{"is_active":"0","system_name":"google_authenticator"},"client_soap_crypt":{"is_active":"0","system_name":"client_soap_crypt"},"google_tag_manager":{"is_active":"0","system_name":"google_tag_manager"},"static_page":{"is_active":"1","system_name":"static_page"},"google_translate":{"is_active":"1","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":"1","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":"1","system_name":"reschedule_booking"},"resources":{"is_active":"0","system_name":"resources"},"tickets":{"is_active":"0","system_name":"tickets"},"saml":{"is_active":"0","system_name":"saml"},"online_meeting":{"is_active":"0","system_name":"online_meeting"},"client_field":{"is_active":"0","system_name":"client_field"},"external_booking_validator":{"is_active":"0","system_name":"external_booking_validator"},"tickets_qr_code":{"is_active":"0","system_name":"tickets_qr_code"},"pwa":{"is_active":"0","system_name":"pwa"},"vaccination":{"is_active":"0","system_name":"vaccination"},"medical_test":{"is_active":"0","system_name":"medical_test"},"custom_email":{"is_active":"0","system_name":"custom_email"},"tracking":{"is_active":"0","system_name":"tracking"},"waiting_list":{"is_active":"0","system_name":"waiting_list"},"cloud_storage":{"is_active":"0","system_name":"cloud_storage"},"telegram_notifications":{"is_active":"0","system_name":"telegram_notifications"},"bonus_system":{"is_active":"0","system_name":"bonus_system"},"look_busy":{"is_active":"0","system_name":"look_busy"},"google_reviews":{"is_active":"0","system_name":"google_reviews"},"booking_restriction":{"is_active":"0","system_name":"booking_restriction"},"time_before_service":{"is_active":"0","system_name":"time_before_service"},"line_liff":{"is_active":"0","system_name":"line_liff"},"tips":{"is_active":"0","system_name":"tips"},"tags":{"is_active":"0","system_name":"tags"},"campaign":{"is_active":"0","system_name":"campaign"},"classpass":{"is_active":"0","system_name":"classpass"}},"theme":"air","sheduler_channel":null,"widget_type":null,"is_simplybook_terms_disabled":false,"is_privacy_policy_enabled":false,"white_label":true,"show_peace_banner":false}; var theme = "air"; var themeVars = {"timeline_modern_display":"as_slots","booking_mode":"default","timeline_hide_unavailable":"0","hide_past_days":"0","timeline_show_end_time":"0","sb_base_color":"#000000","display_item_mode":"block","booking_nav_bg_color":"#000000","body_bg_color":"#000000","sb_logo_image":"84","sb_logo_image_mode":"company-logo-only","sb_logo_image_preview":"\/uploads\/magnetism\/image_files\/preview\/1854fc5305bc07433d7cf151087dac0a.png","sb_logo_image_original":"\/uploads\/magnetism\/image_files\/original\/1854fc5305bc07433d7cf151087dac0a.png","sb_logo_image_file_name":"1854fc5305bc07433d7cf151087dac0a.png","sb_background_image":"88","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image_preview":"\/uploads\/magnetism\/image_files\/preview\/aa69cb343e9d08bbf8f9a13f1968ac26.jpg","sb_background_image_original":"\/uploads\/magnetism\/image_files\/original\/aa69cb343e9d08bbf8f9a13f1968ac26.jpg","sb_background_image_file_name":"aa69cb343e9d08bbf8f9a13f1968ac26.jpg","sb_review_image":"13","sb_review_image_preview":"\/uploads\/magnetism\/image_files\/preview\/4c1b9bd35eea138f382ffddbb07779d4.jpg","sb_review_image_original":"\/uploads\/magnetism\/image_files\/original\/4c1b9bd35eea138f382ffddbb07779d4.jpg","sb_review_image_file_name":"4c1b9bd35eea138f382ffddbb07779d4.jpg","dark_font_color":"#000000","light_font_color":"#ffffff","btn_color_1":"#8478dc","main_page_mode":"description_only","sb_company_label_color":"#000000","hide_img_mode":"0","show_sidebar":"0","sb_busy":"#b3b3b3","sb_available":"#ffffff","upload_path":"\/uploads\/magnetism","widget_type":null,"allow_new_theme_btn_color":false,"allow_new_theme_images":false,"dir_logo_preview":null,"dir_bg_preview":null}; var userThemeSettings = {"_csrf_hash":"86b1707e0223d73684593c73b59c9dcb","timeline_modern_display":"as_slots","timeline_hide_unavailable":"0","hide_past_days":"0","timeline_show_end_time":"0","sb_base_color":"#000000","display_item_mode":"block","booking_nav_bg_color":"#000000","body_bg_color":"#000000","sb_logo_image_mode":"company-logo-only","sb_logo_image":"84","sb_background_image_mode":"cover","sb_background_image_position":"center","sb_background_image":"88","sb_review_image":"13","dark_font_color":"#000000","light_font_color":"#ffffff","main_page_mode":"description_only","sb_company_label_color":"#000000","hide_img_mode":"0","show_sidebar":"0","sb_busy":"#b3b3b3","sb_available":"#ffffff","is_rtl":"0","timeline_type":"modern","datepicker_type":"top_calendar","time_frame":"30","time_format":"24hr","reviews_count":"0","allow_switch_to_ada":"0"}; var themeSettings = {}; var isUserPublic = true; //need 4 notifications </script>  <script type="text/javascript" data-main="/v2/js/user_public/init.min.js?r=snb0px" src="/v2/lib/require.js"></script> <script type="text/javascript" src="/v2/js/user_public/inline_svg_loader.js?r=snb0px"></script> <script type="text/javascript"> var allowCookies = false; var cookiesAccepted = false; var svgLoader = new InlineSvgLoader({ 'path': "\/v2\/themes\/default\/inline-assets\/", 'category_path': "\/v2\/images\/inline-assets\/supermarkets" }); </script> <script> window.addEventListener( "hashchange", function (a,b,c) { trac(); }, false, ); trac(); function trac() { var obj = { 'u': window.location.href, 'bw': window.innerWidth, 'bh': window.innerHeight, 'hash': null, }; if (document.referrer && document.referrer !== '') { obj['ref'] = document.referrer; } var params = []; for(var k in obj) { if (obj.hasOwnProperty(k)) { params.push(encodeURIComponent(k) + "=" + encodeURIComponent(obj[k])); } } var img = new Image(); img.src= "https://tracker.metricool.com/c3po.jpg?" + params.join("&"); } </script> </body> </html>

CINXE.COM

Richard Mille | Scheduling and Booking Website