{"id":326,"date":"2024-12-20T09:35:18","date_gmt":"2024-12-20T09:35:18","guid":{"rendered":"https:\/\/cms.googlycode.com\/wp77\/?page_id=326"},"modified":"2024-12-20T12:35:30","modified_gmt":"2024-12-20T12:35:30","slug":"booking","status":"publish","type":"page","link":"https:\/\/cms.googlycode.com\/wp77\/booking\/","title":{"rendered":"Booking"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"326\" class=\"elementor elementor-326\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-29ac943 animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"29ac943\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5852ef0\" data-id=\"5852ef0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1841425 elementor-widget elementor-widget-heading\" data-id=\"1841425\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Book  for Your Place <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8c8a2c elementor-widget elementor-widget-metform\" data-id=\"a8c8a2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"metform.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"mf-response-props-id-398\" data-previous-steps-style=\"\" data-editswitchopen=\"\" data-response_type=\"alert\" data-erroricon=\"fas fa-exclamation-triangle\" data-successicon=\"fas fa-check\" data-messageposition=\"top\" class=\"   mf-scroll-top-no\">\n\t\t<div class=\"formpicker_warper formpicker_warper_editable\" data-metform-formpicker-key=\"398\" >\n\t\t\t\t\n\t\t\t<div class=\"mf-widget-container\">\n\t\t\t\t\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-a8c8a2c-398\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"398\"\r\n\t\t\tdata-action=\"https:\/\/cms.googlycode.com\/wp77\/wp-json\/metform\/v1\/entries\/insert\/398\"\r\n\t\t\tdata-wp-nonce=\"619c574ded\"\r\n\t\t\tdata-form-nonce=\"da3b24616f\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-398\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"398\" className=\"elementor elementor-398\">\n\t\t\t\t\t\t<section className=\"elementor-section elementor-top-section elementor-element elementor-element-b2441d1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b2441d1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6e407bf\" data-id=\"6e407bf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div className=\"elementor-element elementor-element-50e5f8d elementor-widget elementor-widget-mf-multi-select\" data-id=\"50e5f8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-multi-select&quot;,&quot;mf_input_list&quot;:[{&quot;label&quot;:&quot;Massage&quot;,&quot;value&quot;:&quot;Massage&quot;,&quot;_id&quot;:&quot;50814ae&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Skin Care&quot;,&quot;value&quot;:&quot;Skin Care&quot;,&quot;_id&quot;:&quot;178ae1e&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Treatment&quot;,&quot;value&quot;:&quot;Treatment&quot;,&quot;_id&quot;:&quot;5569169&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-multi-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        \r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n            <${props.Select}\r\n                isOptionDisabled=${option => option.mf_input_option_status === 'disabled'}\r\n                className=${\"mf-input mf-input-multiselect  \" + ( validation.errors['mf-multi-select'] ? 'mf-invalid' : '' )}\r\n                classNamePrefix=\"mf_multiselect\"\r\n                value=${parent.getValue(\"mf-multi-select\") && [{\"label\":\"Massage\",\"value\":\"Massage\",\"_id\":\"50814ae\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Skin Care\",\"value\":\"Skin Care\",\"_id\":\"178ae1e\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Treatment\",\"value\":\"Treatment\",\"_id\":\"5569169\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"}].filter(item => {\r\n                    if(parent.state.formData['mf-multi-select'] && parent.state.formData['mf-multi-select'].indexOf(item.value) != -1 ){\r\n                        return item;\r\n                    }\r\n                })}\r\n                name='mf-multi-select'\r\n                placeholder=\"${ parent.decodeEntities(`Massage`) } \"\r\n                options=${[{\"label\":\"Massage\",\"value\":\"Massage\",\"_id\":\"50814ae\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Skin Care\",\"value\":\"Skin Care\",\"_id\":\"178ae1e\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"label\":\"Treatment\",\"value\":\"Treatment\",\"_id\":\"5569169\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"}]}\r\n                onChange=${(el) => {\r\n                    setValue(\"mf-multi-select\", '');\r\n                    if(el != null){\r\n                        setValue(\"mf-multi-select\", el, true);\r\n                    }\r\n                    parent.multiSelectChange(el, 'mf-multi-select');\r\n                }}\r\n                ref=${() => {\r\n\t\t\t\t                    register({ name: \"mf-multi-select\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\r\n                    if(parent.state?.submitted !== true){\r\n                        if ( parent.getValue(\"mf-multi-select\") === '' && false ) {\r\n                            parent.setValue( 'mf-multi-select', '[]');\r\n                            parent.multiSelectChange('[]', 'mf-multi-select');\r\n                        }\r\n                    }\r\n                }}\r\n                isMulti\r\n            \/>\r\n            \r\n            \t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-multi-select\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t            \r\n        <\/div>\r\n\r\n\t\t\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-b7611d3 elementor-widget elementor-widget-mf-date\" data-id=\"b7611d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-date&quot;}\" data-widget_type=\"mf-date.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<${props.Flatpickr}\r\n\t\t\t\t\tname=\"mf-date\"\r\n\t\t\t\t\tclassName=\"mf-input mf-date-input mf-left-parent  \"\r\n\t\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Date`) } \"\r\n\t\t\t\t\toptions=${{\"minDate\":\"\",\"maxDate\":\"\",\"dateFormat\":\"m-d-Y\",\"enableTime\":\"\",\"disable\":[],\"mode\":\"single\",\"static\":true,\"disableMobile\":true,\"time_24hr\":false}}\r\n\t\t\t\t\tvalue=${parent.getValue('mf-date')}\r\n\t\t\t\t\tonInput=${parent.handleDateTime}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-date'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => props.DateWidget(\r\n\t\t\t\t\t\t\tel, \r\n\t\t\t\t\t\t\t'', \r\n\t\t\t\t\t\t\t{\"message\":\"This field is required.\",\"required\":false},  \r\n\t\t\t\t\t\t\tregister, \r\n\t\t\t\t\t\t\tparent \r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-date\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-5466d54 elementor-widget elementor-widget-mf-time\" data-id=\"5466d54\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-time&quot;}\" data-widget_type=\"mf-time.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\r\n\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\r\n\t\t\t<${props.Flatpickr}\r\n\t\t\t\t\tname=\"mf-time\"\r\n\t\t\t\t\tclassName=\"mf-input mf-date-input mf-time-input mf-left-parent \"\r\n\t\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Time`) } \"\r\n\t\t\t\t\toptions=${{\"enableTime\":true,\"dateFormat\":\"h:i K\",\"noCalendar\":true,\"time_24hr\":false,\"static\":true}}\r\n\t\t\t\t\tvalue=${parent.getValue('mf-time')}\r\n\t\t\t\t\tonInput=${parent.handleDateTime}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-time'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${\r\n\t\t\t\t\t\tel => {\r\n\t\t\t\t\t\t\tif( el && el.node.nextSibling ) {\r\n\t\t\t\t\t\t\t\tif( el.props.value.trim().length ) {\r\n\t\t\t\t\t\t\t\t\tel.node.nextSibling.classList.add('value-found');\r\n\t\t\t\t\t\t\t\t}else {\r\n\t\t\t\t\t\t\t\t\tel.node.nextSibling.classList.remove('value-found');\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tregister({ name: \"mf-time\" }, parent.activateValidation({\"message\":\"This field is required.\",\"required\":false}))\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-time\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-905769f\" data-id=\"905769f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b222fc3 circle_effect elementor-widget elementor-widget-image\" data-id=\"b222fc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"703\" height=\"700\" src=\"https:\/\/cms.googlycode.com\/wp77\/wp-content\/uploads\/2024\/12\/video-bg.jpg\" class=\"attachment-full size-full wp-image-142\" alt=\"\" srcset=\"https:\/\/cms.googlycode.com\/wp77\/wp-content\/uploads\/2024\/12\/video-bg.jpg 703w, https:\/\/cms.googlycode.com\/wp77\/wp-content\/uploads\/2024\/12\/video-bg-300x300.jpg 300w, https:\/\/cms.googlycode.com\/wp77\/wp-content\/uploads\/2024\/12\/video-bg-150x150.jpg 150w\" sizes=\"(max-width: 703px) 100vw, 703px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Book for Your Place<\/p>\n","protected":false},"author":1,"featured_media":321,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","_kad_post_transparent":"","_kad_post_title":"default","_kad_post_layout":"default","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"default","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-326","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/cms.googlycode.com\/wp77\/wp-json\/wp\/v2\/pages\/326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.googlycode.com\/wp77\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cms.googlycode.com\/wp77\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cms.googlycode.com\/wp77\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.googlycode.com\/wp77\/wp-json\/wp\/v2\/comments?post=326"}],"version-history":[{"count":20,"href":"https:\/\/cms.googlycode.com\/wp77\/wp-json\/wp\/v2\/pages\/326\/revisions"}],"predecessor-version":[{"id":429,"href":"https:\/\/cms.googlycode.com\/wp77\/wp-json\/wp\/v2\/pages\/326\/revisions\/429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms.googlycode.com\/wp77\/wp-json\/wp\/v2\/media\/321"}],"wp:attachment":[{"href":"https:\/\/cms.googlycode.com\/wp77\/wp-json\/wp\/v2\/media?parent=326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}