{"id":3641,"date":"2024-11-20T09:20:32","date_gmt":"2024-11-20T09:20:32","guid":{"rendered":"https:\/\/creativecircle.agency\/borjelhamam\/?page_id=3641"},"modified":"2024-11-20T09:20:33","modified_gmt":"2024-11-20T09:20:33","slug":"booking-takhassusi","status":"publish","type":"page","link":"https:\/\/www.burjalhamamksa.com\/en\/booking-takhassusi\/","title":{"rendered":"Booking &#8211; Takhassusi"},"content":{"rendered":"\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td>\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>                        <\/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 lazyload\" data-src=\"https:\/\/www.burjalhamamksa.com\/wp-content\/plugins\/quick-restaurant-reservations\/assets\/img\/spinner_2.gif\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 64px; --smush-placeholder-aspect-ratio: 64\/64;\"><\/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 lazyload\" data-src=\"https:\/\/www.burjalhamamksa.com\/wp-content\/plugins\/quick-restaurant-reservations\/assets\/img\/spinner_2.gif\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 64px; --smush-placeholder-aspect-ratio: 64\/64;\">\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<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3641","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.burjalhamamksa.com\/en\/wp-json\/wp\/v2\/pages\/3641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.burjalhamamksa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.burjalhamamksa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.burjalhamamksa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.burjalhamamksa.com\/en\/wp-json\/wp\/v2\/comments?post=3641"}],"version-history":[{"count":1,"href":"https:\/\/www.burjalhamamksa.com\/en\/wp-json\/wp\/v2\/pages\/3641\/revisions"}],"predecessor-version":[{"id":3642,"href":"https:\/\/www.burjalhamamksa.com\/en\/wp-json\/wp\/v2\/pages\/3641\/revisions\/3642"}],"wp:attachment":[{"href":"https:\/\/www.burjalhamamksa.com\/en\/wp-json\/wp\/v2\/media?parent=3641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}