{"id":155,"date":"2025-09-03T04:47:18","date_gmt":"2025-09-03T04:47:18","guid":{"rendered":"https:\/\/themes.codcrash.com\/CMS\/CC108\/?page_id=155"},"modified":"2025-09-03T12:51:21","modified_gmt":"2025-09-03T12:51:21","slug":"appointment","status":"publish","type":"page","link":"https:\/\/themes.codcrash.com\/CMS\/CC108\/appointment\/","title":{"rendered":"Appointment"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"155\" class=\"elementor elementor-155\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58fecb5 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"58fecb5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c5b30b elementor-widget elementor-widget-heading\" data-id=\"8c5b30b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Make an Appointment<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b473158 elementor-widget elementor-widget-ucaddon_horizontal_timeline\" data-id=\"b473158\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_horizontal_timeline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Horizontal Timeline -->\n\t\t<link id='font-awesome-css' href='https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-content\/plugins\/unlimited-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-content\/plugins\/unlimited-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='owl-carousel-css' href='https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-content\/plugins\/unlimited-for-elementor-premium\/assets_libraries\/owl-carousel-new\/assets\/owl.carousel.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Horizontal Timeline *\/\n\n#uc_horizontal_timeline_elementor_b473158 *{\n  box-sizing:border-box;\n}\n\n#uc_horizontal_timeline_elementor_b473158{\n  position:relative;\n  min-height:1px;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-carousel-content{\n    display: flex;\n    flex-flow: column nowrap;\n    flex:1;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-carousel-item{\n  overflow:hidden;\n  position:relative;\n  display:flex;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-btn-holder{\n  margin-top:auto;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-btn{\n  text-align:center;\n  text-decoration:none;\n  transition:0.3s;\n} \n\n#uc_horizontal_timeline_elementor_b473158 .item-horizontal-timeline .ue-item-title{\n  font-size:21px;\n  text-decoration:none;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .carousel-nav{\n  position:relative;\n  z-index:10;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .carousel-nav .carousel-prev{\n    position:absolute;\n      display:inline-block;    \n}\n\n#uc_horizontal_timeline_elementor_b473158 .carousel-nav .carousel-next{\n  position:absolute;\n  display:inline-block;    \n}\n\n#uc_horizontal_timeline_elementor_b473158  .carousel-nav button svg, \n#uc_horizontal_timeline_elementor_b473158  .carousel-nav button i{\n  position: absolute;\n     top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n#uc_horizontal_timeline_elementor_b473158 .owl-dots {\n  overflow:hidden;\n  display:false !important;  \n}\n\n#uc_horizontal_timeline_elementor_b473158 .owl-dot {\n  border-radius:50%;\n  display:inline-block;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-item-bullet-holder{\n  display:flex;\n  align-items:center;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-item-bullet-line{\n  flex-grow:1;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-item-bullet-line-spacing{\n  flex-grow:0;\n  flex-shrink:0;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-item-bullet{\n  position:relative;\n  transition: all .3s ease;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-item-bullet i, #uc_horizontal_timeline_elementor_b473158 .ue-item-bullet svg{\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%); \n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-item-label a{\n  font-size:12px;\n  line-height:1.5em;\n  text-decoration:none;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-item-image{\n  overflow:hidden;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-item-image a{\n  display:block;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-item-image img{\n  object-fit: cover;\n  width:100%;\n  transition:0.3s;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-item-vertical-line-holder{\n  display:flex;\n  justify-content:center; \n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-item-pointer-holder{\n  display:flex;\n  justify-content:center; \n}\n\n\n#uc_horizontal_timeline_elementor_b473158 .ue-item-label{\n display:inline-block;\n}\n\n#uc_horizontal_timeline_elementor_b473158 .ue-carousel-item-holder{\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  height:100%;\n}\n\n<\/style>\n\n<div class=\"ue-horizontal-timeline\" id=\"uc_horizontal_timeline_elementor_b473158\">\n     <div class=\"owl-carousel owl-theme uc-items-wrapper item-horizontal-timeline  \" id=\"uc_horizontal_timeline_elementor_b473158\" data-custom-sethtml=\"true\"  >\n     \n\n\n<div class=\"ue-carousel-item elementor-repeater-item-d32a50f\">\n    <div class=\"ue-item-bullet-holder\">\n    <div class=\"ue-item-bullet-line\"><\/div>\n    <div class=\"ue-item-bullet-line-spacing\"><\/div>\n    <div class=\"ue-item-bullet\">\n            1    <\/div>\n    <div class=\"ue-item-bullet-line-spacing\"><\/div>\n    <div class=\"ue-item-bullet-line\"><\/div>\n  <\/div>\n\n   \n\n    \n    \n   <div class=\"ue-carousel-item-holder\">\n          <div class=\"ue-item-image\">\n        <a href=\"#\" >\n          <img decoding=\"async\" src=\"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-content\/uploads\/ac_assets\/uc_content_grid\/snowboard-2153554_1920.jpg\" alt=\"Select Date \/ Time\">\n        <\/a>\n      <\/div>\n    \n          <div class=\"ue-carousel-content\">\n        <div class=\"ue-carousel-content-inside\">\n                    <div class=\"ue-item-title\">\n            <a href=\"#\" >Select Date \/ Time<\/a>\n          <\/div>\n                    <div class=\"ue-item-intro\">Choose the type of service and your staff along with the time slot<\/div>\n                    <\/div>\n\n              <\/div>\n      <\/div>\n<\/div>\n \n\n\n<div class=\"ue-carousel-item elementor-repeater-item-ce96714\">\n    <div class=\"ue-item-bullet-holder\">\n    <div class=\"ue-item-bullet-line\"><\/div>\n    <div class=\"ue-item-bullet-line-spacing\"><\/div>\n    <div class=\"ue-item-bullet\">\n            2    <\/div>\n    <div class=\"ue-item-bullet-line-spacing\"><\/div>\n    <div class=\"ue-item-bullet-line\"><\/div>\n  <\/div>\n\n   \n\n    \n    \n   <div class=\"ue-carousel-item-holder\">\n          <div class=\"ue-item-image\">\n        <a href=\"#\" >\n          <img decoding=\"async\" src=\"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-content\/uploads\/ac_assets\/uc_content_grid\/snowboarding-1882881_1920.jpg\" alt=\"Fill Contact Details\">\n        <\/a>\n      <\/div>\n    \n          <div class=\"ue-carousel-content\">\n        <div class=\"ue-carousel-content-inside\">\n                    <div class=\"ue-item-title\">\n            <a href=\"#\" >Fill Contact Details<\/a>\n          <\/div>\n                    <div class=\"ue-item-intro\">Fill in your personal details and brief description of your treatment needed\n\n<\/div>\n                    <\/div>\n\n              <\/div>\n      <\/div>\n<\/div>\n \n\n\n<div class=\"ue-carousel-item elementor-repeater-item-3d663e4\">\n    <div class=\"ue-item-bullet-holder\">\n    <div class=\"ue-item-bullet-line\"><\/div>\n    <div class=\"ue-item-bullet-line-spacing\"><\/div>\n    <div class=\"ue-item-bullet\">\n            3    <\/div>\n    <div class=\"ue-item-bullet-line-spacing\"><\/div>\n    <div class=\"ue-item-bullet-line\"><\/div>\n  <\/div>\n\n   \n\n    \n    \n   <div class=\"ue-carousel-item-holder\">\n          <div class=\"ue-item-image\">\n        <a href=\"#\" >\n          <img decoding=\"async\" src=\"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-content\/uploads\/ac_assets\/uc_content_grid\/snowboarding-1734841_1920.jpg\" alt=\"Check Details\">\n        <\/a>\n      <\/div>\n    \n          <div class=\"ue-carousel-content\">\n        <div class=\"ue-carousel-content-inside\">\n                    <div class=\"ue-item-title\">\n            <a href=\"#\" >Check Details<\/a>\n          <\/div>\n                    <div class=\"ue-item-intro\">Proof read the details about the choosen staff, service & personal details<\/div>\n                    <\/div>\n\n              <\/div>\n      <\/div>\n<\/div>\n\n  <\/div>\n<\/div>\n<!-- end Horizontal Timeline -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba1e5f5 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"ba1e5f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b6b1fc elementor-widget elementor-widget-heading\" data-id=\"9b6b1fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Select Service &amp; Date<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b24ebf elementor-widget elementor-widget-metform\" data-id=\"3b24ebf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"metform.default\">\n\t\t\t\t\t<div id=\"mf-response-props-id-373\" 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=\"373\" >\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-3b24ebf-373\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"373\"\r\n\t\t\tdata-action=\"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-json\/metform\/v1\/entries\/insert\/373\"\r\n\t\t\tdata-wp-nonce=\"7661a9e61e\"\r\n\t\t\tdata-form-nonce=\"071be04f84\"\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-373\";\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=\"373\" className=\"elementor elementor-373\">\n\t\t\t\t<div className=\"elementor-element elementor-element-46a3f1bf e-con-full e-flex e-con e-parent\" data-id=\"46a3f1bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div className=\"elementor-element elementor-element-d0888b8 e-grid e-con-boxed e-con e-child\" data-id=\"d0888b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-1767498 elementor-widget elementor-widget-mf-select\" data-id=\"1767498\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-select&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Relaxations Activities&quot;,&quot;mf_input_option_value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;79b951f&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Personalized Care&quot;,&quot;mf_input_option_value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;4e1c964&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Pain Management&quot;,&quot;mf_input_option_value&quot;:&quot;value-3&quot;,&quot;_id&quot;:&quot;5be97ad&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;6470024&quot;,&quot;mf_input_option_text&quot;:&quot;Nutritional Support&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;17bae55&quot;,&quot;mf_input_option_text&quot;:&quot;Memory Care&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;276186a&quot;,&quot;mf_input_option_text&quot;:&quot;Medical Facilities&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;3836fe2&quot;,&quot;mf_input_option_text&quot;:&quot;Healthcare &quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['mf-select'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-select\"\n                placeholder=\"${ parent.decodeEntities(`Select Service`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Relaxations Activities\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Personalized Care\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Pain Management\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"Nutritional Support\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Memory Care\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Medical Facilities\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Healthcare \",\"value\":\"Input Value\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-select\") ? [{\"label\":\"Relaxations Activities\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Personalized Care\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Pain Management\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"Nutritional Support\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Memory Care\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Medical Facilities\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Healthcare \",\"value\":\"Input Value\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-select\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-select\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-select\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"mf-select\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'mf-select', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-select',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-select\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-8835515 elementor-widget elementor-widget-mf-select\" data-id=\"8835515\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-select&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Aurelia Decima&quot;,&quot;mf_input_option_value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;79b951f&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Flavius Marius&quot;,&quot;mf_input_option_value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;4e1c964&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Marcella Iul&quot;,&quot;mf_input_option_value&quot;:&quot;value-3&quot;,&quot;_id&quot;:&quot;5be97ad&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;2f64106&quot;,&quot;mf_input_option_text&quot;:&quot;Octavia Camilla&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;cbf2dee&quot;,&quot;mf_input_option_text&quot;:&quot;Nonus Naevius&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;cf085e5&quot;,&quot;mf_input_option_text&quot;:&quot;Aelius Florianus&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['mf-select'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-select\"\n                placeholder=\"${ parent.decodeEntities(`Select Staff`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Aurelia Decima\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Flavius Marius\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Marcella Iul\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"Octavia Camilla\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Nonus Naevius\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Aelius Florianus\",\"value\":\"Input Value\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-select\") ? [{\"label\":\"Aurelia Decima\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Flavius Marius\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Marcella Iul\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"Octavia Camilla\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Nonus Naevius\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Aelius Florianus\",\"value\":\"Input Value\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-select\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-select\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-select\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"mf-select\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'mf-select', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-select',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-select\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-d81e4cf elementor-widget elementor-widget-mf-date\" data-id=\"d81e4cf\" 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\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(`Select 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-d794d4d elementor-widget__width-auto elementor-widget elementor-widget-mf-button\" data-id=\"d794d4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper mf-conditional-input\" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Submit`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Make an Appointment 1 Select Date \/ Time Choose the type of service and your staff along with the time slot 2 Fill Contact Details Fill in your personal details and brief description of your treatment needed 3 Check Details Proof read the details about the choosen staff, service &#038; personal details Select Service &amp;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":170,"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":"fullwidth","_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-155","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-json\/wp\/v2\/pages\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":71,"href":"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-json\/wp\/v2\/pages\/155\/revisions"}],"predecessor-version":[{"id":455,"href":"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-json\/wp\/v2\/pages\/155\/revisions\/455"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-json\/wp\/v2\/media\/170"}],"wp:attachment":[{"href":"https:\/\/themes.codcrash.com\/CMS\/CC108\/wp-json\/wp\/v2\/media?parent=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}