{"id":142,"date":"2026-03-24T09:58:34","date_gmt":"2026-03-24T09:58:34","guid":{"rendered":"https:\/\/demo.add-ons.org\/restaurant-menu\/?page_id=142"},"modified":"2026-03-24T09:58:34","modified_gmt":"2026-03-24T09:58:34","slug":"table-reservation","status":"publish","type":"page","link":"https:\/\/demo.add-ons.org\/restaurant-menu\/table-reservation\/","title":{"rendered":"Table Reservation"},"content":{"rendered":"\n<div class=\"yeemenu-reservation-wrapper\" data-available-days='[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\"]'>\n    <div class=\"yeemenu-reservation-card\">\n        <form id=\"yeemenu-reservation-form\" class=\"yeemenu-reservation-form\" novalidate>\n            <input type=\"hidden\" id=\"yeemenu_reservation_nonce\" name=\"yeemenu_reservation_nonce\" value=\"a38ca1f815\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/restaurant-menu\/wp-json\/wp\/v2\/pages\/142\" \/>                            <!-- Branch -->\n                <div class=\"yeemenu-field-group\">\n                    <label for=\"yeemenu-res-branch\">\n                        Location                    <\/label>\n                    <select id=\"yeemenu-res-branch\" name=\"branch\" required>\n                        <option value=\"\">-- Choose a store --<\/option>\n                                                    <option value=\"branch_0\"\n                                data-name=\"Downtown Branch\"\n                                data-address=\"123 Main St, New York, NY\"\n                                data-phone=\"(555) 123-4567\"\n                                data-email=\"store@example.com\">\n                                Downtown Branch                            <\/option>\n                                                    <option value=\"branch_1\"\n                                data-name=\"Downtown Branch 2\"\n                                data-address=\"2899 Main St, Houston, TX 77002\"\n                                data-phone=\"(555) 123-4561\"\n                                data-email=\"store-2@example.com\">\n                                Downtown Branch 2                            <\/option>\n                                            <\/select>\n                    <div id=\"yeemenu-res-branch-detail\" class=\"yeemenu-single-store-display yeemenu-selected-store-address-box\" style=\"display:none;\">\n                        <div class=\"branch-card-name yeemenu-store-name\">\n                            <span class=\"material-icons-outlined yeemenu-store-name-icon\">storefront<\/span>\n                            <span class=\"name-text\"><\/span>\n                        <\/div>\n                        <div class=\"branch-card-address yeemenu-store-address\">\n                        <\/div>\n                        <div class=\"branch-card-phone yeemenu-store-phone\" style=\"display:none;\">\n                            <span class=\"material-icons-outlined yeemenu-slot-info-icon\">phone<\/span>\n                            <span class=\"phone-text\"><\/span>\n                        <\/div>\n                        <div class=\"branch-card-email yeemenu-store-email\" style=\"display:none;\">\n                            <span class=\"material-icons-outlined yeemenu-slot-info-icon\">email<\/span>\n                            <span class=\"email-text\"><\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                        <!-- Date & Time Row -->\n            <div class=\"yeemenu-field-row\">\n                <div class=\"yeemenu-field-group yeemenu-field-half\">\n                    <label for=\"yeemenu-res-date\">\n                        Date                    <\/label>\n                    <input type=\"date\" id=\"yeemenu-res-date\" name=\"date\" required\n                        min=\"2026-05-20\">\n                <\/div>\n                <div class=\"yeemenu-field-group yeemenu-field-half\">\n                    <label for=\"yeemenu-res-slot\">\n                        Time                    <\/label>\n                    <select id=\"yeemenu-res-slot\" name=\"slot\" required disabled>\n                        <option value=\"\">Select date first<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n            <!-- Guests -->\n            <div class=\"yeemenu-field-group\">\n                <label>\n                    Number of Guests                <\/label>\n                <div class=\"yeemenu-res-guest-controls\" data-guest-max=\"20\">\n                    <button type=\"button\" class=\"yeemenu-res-guest-btn\" data-action=\"minus\">\u2212<\/button>\n                    <input type=\"number\" id=\"yeemenu-res-guests\" name=\"guests\" value=\"2\" min=\"1\" max=\"20\" readonly>\n                    <button type=\"button\" class=\"yeemenu-res-guest-btn\" data-action=\"plus\">+<\/button>\n                <\/div>\n            <\/div>\n            <!-- Contact Info -->\n            <div class=\"yeemenu-field-row\">\n                <div class=\"yeemenu-field-group yeemenu-field-half\">\n                    <label for=\"yeemenu-res-first-name\">\n                        First Name                    <\/label>\n                    <input type=\"text\" id=\"yeemenu-res-first-name\" name=\"first_name\" required\n                        value=\"\"\n                        placeholder=\"John\">\n                <\/div>\n                <div class=\"yeemenu-field-group yeemenu-field-half\">\n                    <label for=\"yeemenu-res-last-name\">\n                        Last Name                    <\/label>\n                    <input type=\"text\" id=\"yeemenu-res-last-name\" name=\"last_name\" required\n                        value=\"\"\n                        placeholder=\"Doe\">\n                <\/div>\n            <\/div>\n            <div class=\"yeemenu-field-row\">\n                <div class=\"yeemenu-field-group yeemenu-field-half\">\n                    <label for=\"yeemenu-res-phone\">\n                        Phone                    <\/label>\n                    <input type=\"tel\" id=\"yeemenu-res-phone\" name=\"phone\" required\n                        value=\"\"\n                        placeholder=\"+1 234 567 890\">\n                <\/div>\n            <\/div>\n            <div class=\"yeemenu-field-group\">\n                <label for=\"yeemenu-res-email\">\n                    Email                <\/label>\n                <input type=\"email\" id=\"yeemenu-res-email\" name=\"email\" required\n                    value=\"\"\n                    placeholder=\"you@example.com\">\n            <\/div>\n            <!-- Notes -->\n            <div class=\"yeemenu-field-group\">\n                <label for=\"yeemenu-res-notes\">\n                    Special Requests <span class=\"yeemenu-optional\">(optional)<\/span>\n                <\/label>\n                <textarea id=\"yeemenu-res-notes\" name=\"notes\" rows=\"3\"\n                    placeholder=\"Allergies, birthday celebration, high chair needed...\"><\/textarea>\n            <\/div>\n            <!-- Notices -->\n            <div id=\"yeemenu-reservation-notice\" class=\"yeemenu-reservation-notice\" style=\"display:none;\"><\/div>\n            <!-- Submit -->\n            <button type=\"submit\" id=\"yeemenu-res-submit\" class=\"yeemenu-reservation-submit\">\n                <span class=\"yeemenu-res-btn-text\">\n                    <span class=\"material-icons-outlined\">event_available<\/span>\n                    Reserve Now                <\/span>\n                <span class=\"wc-block-components-spinner\" style=\"display:none;\"><\/span>\n            <\/button>\n        <\/form>\n        <!-- Success State -->\n        <div id=\"yeemenu-reservation-success\" class=\"yeemenu-reservation-success\" style=\"display:none;\">\n            <div class=\"yeemenu-success-icon-wrap\">\n                <span class=\"material-icons-outlined yeemenu-success-icon\">check_circle<\/span>\n            <\/div>\n            <h3>Reservation Confirmed!<\/h3>\n            <p class=\"yeemenu-success-message\"><\/p>\n            <button type=\"button\" class=\"yeemenu-reservation-new-btn\">\n                <span class=\"material-icons-outlined\">add<\/span>\n                Make Another Reservation            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\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-142","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.add-ons.org\/restaurant-menu\/wp-json\/wp\/v2\/pages\/142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.add-ons.org\/restaurant-menu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.add-ons.org\/restaurant-menu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.add-ons.org\/restaurant-menu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.add-ons.org\/restaurant-menu\/wp-json\/wp\/v2\/comments?post=142"}],"version-history":[{"count":1,"href":"https:\/\/demo.add-ons.org\/restaurant-menu\/wp-json\/wp\/v2\/pages\/142\/revisions"}],"predecessor-version":[{"id":143,"href":"https:\/\/demo.add-ons.org\/restaurant-menu\/wp-json\/wp\/v2\/pages\/142\/revisions\/143"}],"wp:attachment":[{"href":"https:\/\/demo.add-ons.org\/restaurant-menu\/wp-json\/wp\/v2\/media?parent=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}