{"id":281,"date":"2024-12-29T13:55:55","date_gmt":"2024-12-29T13:55:55","guid":{"rendered":"https:\/\/test.jd-forward.co.uk\/?page_id=281"},"modified":"2024-12-29T14:20:30","modified_gmt":"2024-12-29T14:20:30","slug":"elementor-281","status":"publish","type":"page","link":"https:\/\/test.jd-forward.co.uk\/index.php\/elementor-281\/","title":{"rendered":"book"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"281\" class=\"elementor elementor-281\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-459046c e-con-full e-flex e-con e-parent\" data-id=\"459046c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b065d21 e-con-full e-flex e-con e-child\" data-id=\"b065d21\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb99efb elementor-widget elementor-widget-heading\" data-id=\"eb99efb\" data-element_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\">We cant wait to see you in our lovely restaraunt.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c6efb7 e-con-full e-flex e-con e-child\" data-id=\"7c6efb7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78f625e elementor-widget elementor-widget-shortcode\" data-id=\"78f625e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"qrr-booking-form\">\n    <form method=\"POST\" action=\"\" v-if=\"!submitted\" @submit.prevent=\"onSubmit\" @keydown=\"clearError($event.target.name)\">\n\n        <fieldset><legend>Book a table<\/legend>                    <div class=\"qrr-text qrr-date\" :class=\"errorClass('qrr-date')\">\n                        <label for=\"qrr-date\"><i class=\"fa fa-calendar\"><\/i>Date<\/label>\n                        <input type=\"hidden\" name=\"label_qrr-date\" value=\"Date\">\n                        <vue-pickadate id=\"qrr-date\" name=\"qrr-date\" v-model=\"booking.date\" :options=\"app_qrr.form\"><\/vue-pickadate>\n                        <div class=\"description\"><\/div>\n                    <\/div>\n                                    <div class=\"qrr-text qrr-party\" :class=\"errorClass('qrr-party')\">\n                        <label for=\"qrr-party\"><i class=\"fa fa-users\"><\/i>Party<\/label>\n                        <input type=\"hidden\" name=\"label_qrr-party\" value=\"Party\">\n                        <select v-if=\"step >= 1\" type=\"text\" name=\"qrr-party\" id=\"qrr-party\" value=\"\" required=\"\" aria-required=\"true\" v-model=\"booking.party\">\n                            <option value=\"1\">1<\/option><option value=\"2\">2<\/option><option value=\"3\">3<\/option><option value=\"4\">4<\/option><option value=\"5\">5<\/option><option value=\"6\">6<\/option><option value=\"7\">7<\/option><option value=\"8\">8<\/option><option value=\"9\">9<\/option><option value=\"10\">10<\/option><option value=\"11\">11<\/option><option value=\"12\">12<\/option><option value=\"13\">13<\/option><option value=\"14\">14<\/option><option value=\"15\">15<\/option><option value=\"16\">16<\/option><option value=\"17\">17<\/option><option value=\"18\">18<\/option><option value=\"19\">19<\/option><option value=\"20\">20<\/option>                        <\/select>\n                        <div v-if=\"!(step >= 1)\">-<\/div>\n                        <div v-if=\"step >= 1\" class=\"description\"><\/div>\n                    <\/div>\n                                    <div class=\"qrr-text qrr-time\" :class=\"errorClass('qrr-time')\">\n                        <label for=\"qrr-time\"><i class=\"fa fa-clock-o\"><\/i>Time<\/label>\n                        <input type=\"hidden\" name=\"label_qrr-time\" value=\"Time\">\n                        <div v-if=\"step >= 2\">\n                            <span v-if=\"loading_hours\"><img decoding=\"async\" class=\"spinner\" src=\"https:\/\/test.jd-forward.co.uk\/wp-content\/plugins\/quick-restaurant-reservations\/assets\/img\/spinner_2.gif\"><\/span>\n                            <span v-if=\"!loading_hours\">\n                                <span v-if=\"hours_is_available\">\n                                    <select name=\"qrr-time\" id=\"qrr-time\" required=\"\" aria-required=\"true\" v-model=\"booking.hour\">\n\n                                        <optgroup v-for=\"group in hours_available\" :label=\"group.label\">\n                                            <option v-for=\"option in group.list\" :value=\"option.value\">{{option.name}}<\/option>\n                                        <\/optgroup>\n\n                                    <\/select>\n                                <\/span>\n                                <span v-if=\"!hours_is_available\">\n                                    <div v-html=\"hours_message\"><\/div>\n                                <\/span>\n                            <\/span>\n                        <\/div>\n                        <div v-if=\"!(step >= 2)\">-<\/div>\n                        <div v-if=\"step >= 2\" class=\"description\"><\/div>\n                    <\/div>\n                <\/fieldset><fieldset v-if=\"step >= 3 && !loading_hours\"><legend>Contact<\/legend>                    <div class=\"qrr-text name\" :class=\"errorClass('qrr-name')\">\n                        <label for=\"qrr-name\">Name *<\/label>\n                        <input type=\"hidden\" name=\"label_qrr-name\" value=\"Name\">\n                        <input type=\"text\" name=\"qrr-name\" id=\"qrr-name\" value=\"\" required=\"\" aria-required=\"true\" v-model=\"booking.name\">\n                        <div class=\"qrr-error-valid\" v-if=\"has('qrr-name')\"><span v-text=\"validation['qrr-name']\"><\/span><\/div>\n                        <div class=\"description\"><\/div>\n                    <\/div>\n                                    <div class=\"qrr-text email\" :class=\"errorClass('qrr-email')\">\n                        <label for=\"qrr-email\">Email *<\/label>\n                        <input type=\"hidden\" name=\"label_qrr-email\" value=\"Email\">\n                        <input type=\"email\" name=\"qrr-email\" id=\"qrr-email\" value=\"\" required=\"\" aria-required=\"true\" v-model=\"booking.email\">\n                        <div class=\"qrr-error-valid\" v-if=\"has('qrr-email')\"><span v-text=\"validation['qrr-email']\"><\/span><\/div>\n                        <div class=\"description\"><\/div>\n                    <\/div>\n                                    <div class=\"qrr-text phone\" :class=\"errorClass('qrr-phone')\">\n                                <label for=\"qrr-phone\">Phone<\/label>\n        <input type=\"hidden\" name=\"label_qrr-phone\" value=\"Phone\">\n        <input type=\"hidden\" name=\"type_qrr-phone\" value=\"phone\">\n                                <input type=\"text\" name=\"qrr-phone\" id=\"qrr-phone\" value=\"\" >\n                                <div class=\"qrr-error-valid\" v-if=\"has('qrr-phone')\"><span v-text=\"validation['qrr-phone']\"><\/span><\/div>\n        <div class=\"description\"><\/div>\n                            <\/div>\n                                    <div class=\"qrr-text textarea\" :class=\"errorClass('qrr-message')\">\n                                <label for=\"qrr-message\">Message<\/label>\n        <input type=\"hidden\" name=\"label_qrr-message\" value=\"Message\">\n        <input type=\"hidden\" name=\"type_qrr-message\" value=\"textarea\">\n                                <textarea name=\"qrr-message\" id=\"qrr-message\" ><\/textarea>\n                                <div class=\"qrr-error-valid\" v-if=\"has('qrr-message')\"><span v-text=\"validation['qrr-message']\"><\/span><\/div>\n        <div class=\"description\"><\/div>\n                            <\/div>\n                <\/fieldset>\n        <div v-if=\"step >= 3 && !loading_hours\" class=\"qrr-submit\">\n            <div v-if=\"!submitting\">\n                <button type=\"submit\">Request Booking<\/button>\n            <\/div>\n            <div v-if=\"submitting\">\n                <img decoding=\"async\" class=\"spinner\" src=\"https:\/\/test.jd-forward.co.uk\/wp-content\/plugins\/quick-restaurant-reservations\/assets\/img\/spinner_2.gif\">\n                Sending request ....            <\/div>\n        <\/div>\n\n        \n    <\/form>\n\n    <div class=\"form-submitted\" v-if=\"submitted\" v-html=\"submitted_success_msg\"><\/div>\n\n    <div class=\"form-error\" v-html=\"submitted_error_msg\"><\/div>\n\n<\/div>\n\n\n<template id=\"vue-pickadate\">\n    <input type=\"text\" v-model=\"date.text\" :id=\"id\" :name=\"name\" required=\"\" aria-required=\"true\">\n<\/template>\n\n\n<template id=\"vue-select\">\n    <select :id=\"id\" :name=\"name\" class=\"\" v-model=\"selected\">\n        <option v-for=\"item in list\" :value=\"item.value\">{{item.name}}<\/option>\n    <\/select>\n<\/template>\n\n\n<\/div>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>We cant wait to see you in our lovely restaraunt.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-281","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.jd-forward.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.jd-forward.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.jd-forward.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.jd-forward.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.jd-forward.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=281"}],"version-history":[{"count":19,"href":"https:\/\/test.jd-forward.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/281\/revisions"}],"predecessor-version":[{"id":303,"href":"https:\/\/test.jd-forward.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/281\/revisions\/303"}],"wp:attachment":[{"href":"https:\/\/test.jd-forward.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}