{"id":2960,"date":"2025-10-24T04:29:44","date_gmt":"2025-10-24T04:29:44","guid":{"rendered":"https:\/\/tastyc-demo.bslthemes.com\/?page_id=2960"},"modified":"2025-10-24T04:29:44","modified_gmt":"2025-10-24T04:29:44","slug":"reservation-metform","status":"publish","type":"page","link":"https:\/\/tokosuave.com\/index.php\/reservation-metform\/","title":{"rendered":"Reservation (MetForm)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2960\" class=\"elementor elementor-2960\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19c3b027 e-con-full e-flex e-con e-parent\" data-id=\"19c3b027\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d656207 elementor-widget elementor-widget-tastyc-section-heading\" data-id=\"d656207\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tastyc-section-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- section heading -->\n\t\t<div class=\"container\">\n\n\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col-lg-12\">\n\n\t\t\t<!-- title -->\n\t\t\t<div class=\"text-center\">\n\t\t\t\t\t\t<div class=\"tst-suptitle tst-suptitle-center tst-mb-15\">\n\t\t\t\t<span >\n\t\t\t\t\tReservation\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h3 class=\"tst-title--h tst-mb-30\">\n\t\t\t\t<span >\n\t\t\t\t\tBook a Table\t\t\t\t<\/span>\n\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t<p class=\"tst-text tst-title--desc tst-mb-60\">\n\t\t\t\t<span >\n\t\t\t\t\tCALL US +1 777 000 111 OR COMPLETE THE FORM BELOW\t\t\t\t<\/span>\n\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t<!-- title end -->\n\n\t\t<\/div>\n\t\t\n\t\t\t\t<\/div>\n\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07531f8 elementor-widget elementor-widget-metform\" data-id=\"07531f8\" 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-2970\" 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=\"2970\" >\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-07531f8-2970\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"2970\"\r\n\t\t\tdata-action=\"https:\/\/tokosuave.com\/index.php\/wp-json\/metform\/v1\/entries\/insert\/2970\"\r\n\t\t\tdata-wp-nonce=\"13ef05d236\"\r\n\t\t\tdata-form-nonce=\"2680243d8d\"\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-2970\";\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=\"2970\" className=\"elementor elementor-2970\">\n\t\t\t\t<div className=\"elementor-element elementor-element-6cdd6ab2 e-flex e-con-boxed e-con e-parent\" data-id=\"6cdd6ab2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t<div className=\"elementor-element elementor-element-354f6ad8 e-con-full e-flex e-con e-child\" data-id=\"354f6ad8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-674330be elementor-widget elementor-widget-mf-text\" data-id=\"674330be\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-text&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-674330be\"\r\n\t\t\t\tname=\"mf-text\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Your Name`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-text'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\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-text\"\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\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-ea4ba7e e-con-full e-flex e-con e-child\" data-id=\"ea4ba7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-1974d344 elementor-widget elementor-widget-mf-email\" data-id=\"1974d344\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-email&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input \r\n\t\t\t\ttype=\"email\" \r\n\t\t\t\t \r\n\t\t\t\tdefaultValue=\"\" \r\n\t\t\t\tclassName=\"mf-input \" \r\n\t\t\t\tid=\"mf-input-email-1974d344\" \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Email`) } \" \r\n\t\t\t\t \r\n\t\t\t\tonBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } \r\n\t\t\t\tref=${el=> parent.activateValidation({\"message\":\"Dit veld is vereist.\",\"emailMessage\":\"Vul een geldig e-mailadres in\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t<${validation.ErrorMessage} \r\n\t\t\t\terrors=${validation.errors} \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-6fcc4777 e-con-full e-flex e-con e-child\" data-id=\"6fcc4777\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-219c23cd elementor-widget elementor-widget-mf-telephone\" data-id=\"219c23cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-telephone&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-219c23cd\" \n\t\t\t\tname=\"mf-telephone\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Phone Number`) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-telephone'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"Dit veld is vereist.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-telephone\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\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 className=\"elementor-element elementor-element-61add871 e-flex e-con-boxed e-con e-parent\" data-id=\"61add871\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t<div className=\"elementor-element elementor-element-6c3f77f0 e-con-full e-flex e-con e-child\" data-id=\"6c3f77f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-3e9fea18 elementor-widget elementor-widget-mf-select\" data-id=\"3e9fea18\" 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;1&quot;,&quot;mf_input_option_value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;b172548&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;2&quot;,&quot;mf_input_option_value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;97ef7e3&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;3&quot;,&quot;mf_input_option_value&quot;:&quot;value-3&quot;,&quot;_id&quot;:&quot;21d9900&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;4&quot;,&quot;mf_input_option_value&quot;:&quot;value-4&quot;,&quot;_id&quot;:&quot;0ec64c8&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;5&quot;,&quot;mf_input_option_value&quot;:&quot;value-5&quot;,&quot;_id&quot;:&quot;f1f0bf5&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(`Number of Guests`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"1\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"2\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"3\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"4\",\"value\":\"value-4\",\"isDisabled\":false},{\"label\":\"5\",\"value\":\"value-5\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-select\") ? [{\"label\":\"1\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"2\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"3\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"4\",\"value\":\"value-4\",\"isDisabled\":false},{\"label\":\"5\",\"value\":\"value-5\",\"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\":\"Dit veld is vereist.\",\"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>\n\t\t<div className=\"elementor-element elementor-element-178057fb e-con-full e-flex e-con e-child\" data-id=\"178057fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-25661739 elementor-widget elementor-widget-mf-date\" data-id=\"25661739\" 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(`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\":true},  \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<div className=\"elementor-element elementor-element-6d7595f6 e-con-full e-flex e-con e-child\" data-id=\"6d7595f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-47d88968 elementor-widget elementor-widget-mf-select\" data-id=\"47d88968\" 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;11:00&quot;,&quot;mf_input_option_value&quot;:&quot;11-00&quot;,&quot;_id&quot;:&quot;b172548&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;12:00&quot;,&quot;mf_input_option_value&quot;:&quot;12-00&quot;,&quot;_id&quot;:&quot;d914110&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;13:00&quot;,&quot;mf_input_option_value&quot;:&quot;13-00&quot;,&quot;_id&quot;:&quot;7adcf38&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;14:00&quot;,&quot;mf_input_option_value&quot;:&quot;14-00&quot;,&quot;_id&quot;:&quot;449488e&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;15:00&quot;,&quot;mf_input_option_value&quot;:&quot;15-00&quot;,&quot;_id&quot;:&quot;2d23cc5&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;16:00&quot;,&quot;mf_input_option_value&quot;:&quot;16-00&quot;,&quot;_id&quot;:&quot;1f5e4e9&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;17:00&quot;,&quot;mf_input_option_value&quot;:&quot;17-00&quot;,&quot;_id&quot;:&quot;06553b3&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;18:00&quot;,&quot;mf_input_option_value&quot;:&quot;18-00&quot;,&quot;_id&quot;:&quot;93d5d09&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;19:00&quot;,&quot;mf_input_option_value&quot;:&quot;19-00&quot;,&quot;_id&quot;:&quot;ec14f0f&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;20:00&quot;,&quot;mf_input_option_value&quot;:&quot;20-00&quot;,&quot;_id&quot;:&quot;c0d8297&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(`Time`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"11:00\",\"value\":\"11-00\",\"isDisabled\":false},{\"label\":\"12:00\",\"value\":\"12-00\",\"isDisabled\":false},{\"label\":\"13:00\",\"value\":\"13-00\",\"isDisabled\":false},{\"label\":\"14:00\",\"value\":\"14-00\",\"isDisabled\":false},{\"label\":\"15:00\",\"value\":\"15-00\",\"isDisabled\":false},{\"label\":\"16:00\",\"value\":\"16-00\",\"isDisabled\":false},{\"label\":\"17:00\",\"value\":\"17-00\",\"isDisabled\":false},{\"label\":\"18:00\",\"value\":\"18-00\",\"isDisabled\":false},{\"label\":\"19:00\",\"value\":\"19-00\",\"isDisabled\":false},{\"label\":\"20:00\",\"value\":\"20-00\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-select\") ? [{\"label\":\"11:00\",\"value\":\"11-00\",\"isDisabled\":false},{\"label\":\"12:00\",\"value\":\"12-00\",\"isDisabled\":false},{\"label\":\"13:00\",\"value\":\"13-00\",\"isDisabled\":false},{\"label\":\"14:00\",\"value\":\"14-00\",\"isDisabled\":false},{\"label\":\"15:00\",\"value\":\"15-00\",\"isDisabled\":false},{\"label\":\"16:00\",\"value\":\"16-00\",\"isDisabled\":false},{\"label\":\"17:00\",\"value\":\"17-00\",\"isDisabled\":false},{\"label\":\"18:00\",\"value\":\"18-00\",\"isDisabled\":false},{\"label\":\"19:00\",\"value\":\"19-00\",\"isDisabled\":false},{\"label\":\"20:00\",\"value\":\"20-00\",\"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\":\"Dit veld is vereist.\",\"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>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-1a558fc6 e-flex e-con-boxed e-con e-parent\" data-id=\"1a558fc6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t<div className=\"elementor-element elementor-element-5bd9fea1 e-con-full e-flex e-con e-child\" data-id=\"5bd9fea1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-2734a12b elementor-widget elementor-widget-mf-textarea\" data-id=\"2734a12b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-textarea&quot;}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<textarea className=\"mf-input mf-textarea \" id=\"mf-input-text-area-2734a12b\"\r\n\t\t\t\tname=\"mf-textarea\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Message`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-textarea'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t><\/textarea>\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-textarea\"\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\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 className=\"elementor-element elementor-element-4186d9f6 e-flex e-con-boxed e-con e-parent\" data-id=\"4186d9f6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t<div className=\"elementor-element elementor-element-5be230db e-con-full e-flex e-con e-child\" data-id=\"5be230db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-76a59c2b mf-btn--tablet-center e-transform mf-btn--center elementor-widget elementor-widget-mf-button\" data-id=\"76a59c2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.015,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" 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(`Reserve a Table`) } <\/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\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b30993c e-flex e-con-boxed e-con e-parent\" data-id=\"2b30993c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c97dd52 elementor-widget elementor-widget-tastyc-section-divider\" data-id=\"c97dd52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tastyc-section-divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"tst-spacer \"><\/div>\n\n\t\t\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-4dba389e e-con-full e-flex e-con e-parent\" data-id=\"4dba389e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b90bc7b elementor-widget elementor-widget-tastyc-services\" data-id=\"6b90bc7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tastyc-services.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- container -->\n\t\t<div class=\"container\">\n\n\t\t<div class=\"row\">\n\t\t            <div class=\"col-lg-12\">\n\n            <!-- title -->\n            <div class=\"text-center\">\n                            <div class=\"tst-suptitle tst-suptitle-center tst-mb-15\">\n              \t<span >\n\t\t          \thave a questions?\t\t        <\/span>\n              <\/div>\n                                          <h4 class=\"tst-title--h tst-mb-30\">\n              \t<span >\n\t\t          \tContact Us\t\t        <\/span>\n              <\/h4>\n                                          <p class=\"tst-text tst-title--desc tst-mb-60\">\n              \t<span >\n\t\t          \tQuaerat debitis, vel, sapiente dicta sequi\nlabore porro pariatur harum expedita.\t\t        <\/span>\n              <\/p>\n                          <\/div>\n            <!-- title end -->\n\n          <\/div>\n          \n          \t\t            <div class=\"col-lg-4\">\n\n            <!-- icon box -->\n            <div class=\"tst-icon-box tst-mb-60\">\n\t\t\t                              <img decoding=\"async\" src=\"https:\/\/tokosuave.com\/wp-content\/uploads\/2021\/04\/icon-contact-email.png\" alt=\"\" class=\"tst-mb-30\" \/>\n              \t\t\t                              <h5 class=\"tst-mb-30\">\n              \t<span >\n\t        \t\tEmail\t        \t<\/span>\n              <\/h5>\n                                          <div class=\"tst-text\">\n              \t<div >\n\t        \t\t<p><a href=\"mailto:info@tastyc.com\">info@tastyc.com<\/a><br \/><a href=\"mailto:reservation@tastyc.com\">reservation@tastyc.com<\/a><\/p>\t        \t<\/div>\n              <\/div>\n                          <\/div>\n            <!-- icon box end -->\n\n          <\/div>\n                    <div class=\"col-lg-4\">\n\n            <!-- icon box -->\n            <div class=\"tst-icon-box tst-mb-60\">\n\t\t\t                              <img decoding=\"async\" src=\"https:\/\/tokosuave.com\/wp-content\/uploads\/2021\/04\/icon-contact-tel.png\" alt=\"\" class=\"tst-mb-30\" \/>\n              \t\t\t                              <h5 class=\"tst-mb-30\">\n              \t<span >\n\t        \t\tPhone\t        \t<\/span>\n              <\/h5>\n                                          <div class=\"tst-text\">\n              \t<div >\n\t        \t\t<a href=\"tel:+760947544371\">+76 (094) 754 43 71<\/a><br>\n<a href=\"tel:+760937534372\">+76 (093) 753 43 72<\/a>\t        \t<\/div>\n              <\/div>\n                          <\/div>\n            <!-- icon box end -->\n\n          <\/div>\n                    <div class=\"col-lg-4\">\n\n            <!-- icon box -->\n            <div class=\"tst-icon-box tst-mb-60\">\n\t\t\t                              <img decoding=\"async\" src=\"https:\/\/tokosuave.com\/wp-content\/uploads\/2021\/04\/icon-contact-adr.png\" alt=\"\" class=\"tst-mb-30\" \/>\n              \t\t\t                              <h5 class=\"tst-mb-30\">\n              \t<span >\n\t        \t\tLocation\t        \t<\/span>\n              <\/h5>\n                                          <div class=\"tst-text\">\n              \t<div >\n\t        \t\t<p>Canada, Toronto, North Avenue 31B<\/p>\t        \t<\/div>\n              <\/div>\n                          <\/div>\n            <!-- icon box end -->\n\n          <\/div>\n                    \n        <\/div>\n\n        <div class=\"tst-spacer tst-spacer-only-bottom-space\"><\/div>\n\n\t\t<\/div>\n\t\t<!-- container end -->\n\n\t\t\t\t\t\t<\/div>\n\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>Reservation Book a Table CALL US +1 777 000 111 OR COMPLETE THE FORM BELOW have a questions? Contact Us Quaerat debitis, vel, sapiente dicta sequi labore porro pariatur harum expedita. Email info@tastyc.comreservation@tastyc.com Phone +76 (094) 754 43 71 +76 (093) 753 43 72 Location Canada, Toronto, North Avenue 31B<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-layout-builder.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-2960","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tokosuave.com\/index.php\/wp-json\/wp\/v2\/pages\/2960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tokosuave.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tokosuave.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tokosuave.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tokosuave.com\/index.php\/wp-json\/wp\/v2\/comments?post=2960"}],"version-history":[{"count":0,"href":"https:\/\/tokosuave.com\/index.php\/wp-json\/wp\/v2\/pages\/2960\/revisions"}],"wp:attachment":[{"href":"https:\/\/tokosuave.com\/index.php\/wp-json\/wp\/v2\/media?parent=2960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}