{"id":193,"date":"2025-06-19T11:23:46","date_gmt":"2025-06-19T11:23:46","guid":{"rendered":"https:\/\/vikwp.com\/demo\/vikrestaurants\/book-a-table\/"},"modified":"2025-06-19T11:23:46","modified_gmt":"2025-06-19T11:23:46","slug":"book-a-table","status":"publish","type":"page","link":"https:\/\/vikwp.com\/demo\/vikrestaurants\/book-a-table\/","title":{"rendered":"Book a Table"},"content":{"rendered":"\n<div class=\"wrap plugin-container vikrestaurants-page-restaurants\">\n\n\t\n\t\n\t\n<div class=\"vikrestaurants-start-body\">\n\t<!--\n\t\tThis tag is simply used to understand where the\n\t\tbody of VikRestaurants starts.\n\t-->\n<\/div>\n\n<!-- step one -->\n\n<div class=\"vrstepbardiv\">\n\n\t<!-- STEP ONE -->\n\n\t\t\t<div class=\"vrstep vrstepactive step-current\">\n\t\t\t<div class=\"vrstep-inner\">\n\t\t\t\t<span class=\"vrsteptitle\">1<\/span>\n\t\t\t\t<span class=\"vrstepsubtitle\">Date and Time<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t<!-- STEP TWO -->\n\n\t\t\t<div class=\"vrstep\">\n\t\t\t<div class=\"vrstep-inner\">\n\t\t\t\t<span class=\"vrsteptitle\">2<\/span>\n\t\t\t\t<span class=\"vrstepsubtitle\">Select a Table<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t<!-- STEP THREE -->\n\n\t\t\t<div class=\"vrstep\">\n\t\t\t<div class=\"vrstep-inner\">\n\t\t\t\t<span class=\"vrsteptitle\">3<\/span>\n\t\t\t\t<span class=\"vrstepsubtitle\">Confirm Reservation<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n<\/div>\n<!-- reservation form -->\n\n<div class=\"vrreservationform\" id=\"vrsearchform\" >\n\n\t<form action=\"https:\/\/vikwp.com\/demo\/vikrestaurants\/book-a-table\/?option=com_vikrestaurants&amp;view=search\" method=\"post\">\n\t\t\n\t\t<fieldset class=\"vrformfieldset\">\n\t\t\t<legend>Make a Reservation<\/legend>\n\n\t\t\t<div class=\"vrsearchinputdiv date-field\">\n\t\t\t\t<label class=\"vrsearchinputlabel\" for=\"vrcalendar\">\n\t\t\t\t\tDate\t\t\t\t<\/label>\n\t\t\t\t\n\t\t\t\t<div class=\"vrsearchentryinput\">\n\t\t\t\t\t<div class=\"vre-calendar-wrapper\">\n\t\t\t\t\t\t<input class=\"vrsearchdate vre-calendar\" type=\"text\" value=\"04\/04\/2026\" id=\"vrcalendar\" name=\"date\" size=\"16\" \/>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"specialday-instr\" id=\"restaurant-sd-instr\" style=\"display: none;\">&nbsp;<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"vrsearchinputdiv time-field\">\n\t\t\t\t<label class=\"vrsearchinputlabel\" for=\"vrhour\">\n\t\t\t\t\tTime\t\t\t\t<\/label>\n\n\t\t\t\t<div class=\"vrsearchentryselect vre-select-wrapper\">\n\t\t\t\t\t<select id=\"vrhour\" name=\"hourmin\" class=\"vre-select\">\n\t<optgroup label=\"Dinner\">\n\t\t<option value=\"18:0\" selected=\"selected\">18:00<\/option>\n\t\t<option value=\"18:30\">18:30<\/option>\n\t\t<option value=\"19:0\">19:00<\/option>\n\t\t<option value=\"19:30\">19:30<\/option>\n\t\t<option value=\"20:0\">20:00<\/option>\n\t\t<option value=\"20:30\">20:30<\/option>\n\t\t<option value=\"21:0\">21:00<\/option>\n\t\t<option value=\"21:30\">21:30<\/option>\n\t\t<option value=\"22:0\">22:00<\/option>\n\t\t<option value=\"22:30\">22:30<\/option>\n\t\t<option value=\"19:30\">19:30<\/option>\n\t\t<option value=\"20:0\">20:00<\/option>\n\t\t<option value=\"20:30\">20:30<\/option>\n\t\t<option value=\"21:0\">21:00<\/option>\n\t\t<option value=\"21:30\">21:30<\/option>\n\t\t<option value=\"22:0\">22:00<\/option>\n\t<\/optgroup>\n<\/select>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"vrsearchinputdiv people-field\">\n\t\t\t\t<label class=\"vrsearchinputlabel\" for=\"vrpeople\">\n\t\t\t\t\tPeople\t\t\t\t<\/label>\n\n\t\t\t\t<div class=\"vrsearchentryselectsmall vre-select-wrapper\">\n\t\t\t\t\t<select  id=\"vrpeople\" class=\"vre-select\" name=\"people\"><option value=\"2\" selected=\"selected\">2 people<\/option>\n<option value=\"3\">3 people<\/option>\n<option value=\"4\">4 people<\/option>\n<option value=\"5\">5 people<\/option>\n<option value=\"6\">6 people<\/option>\n<option value=\"7\">7 people<\/option>\n<option value=\"8\">8 people<\/option>\n<option value=\"9\">9 people<\/option>\n<option value=\"10\">10 people<\/option>\n<option value=\"11\">11 people<\/option>\n<option value=\"12\">12 people<\/option>\n<option value=\"13\">13 people<\/option>\n<option value=\"14\">14 people<\/option>\n<option value=\"15\">15 people<\/option>\n<option value=\"16\">16 people<\/option>\n<option value=\"17\">17 people<\/option>\n<option value=\"18\">18 people<\/option>\n<option value=\"19\">19 people<\/option>\n<option value=\"20\">20 people<\/option>\n<\/select>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"vrsearchinputdiv actions-field\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vre-family-check\">\n\t\t\t\t\t\t<input type=\"checkbox\" name=\"family\" id=\"vrfamily\" value=\"1\"  \/>\n\n\t\t\t\t\t\t<label for=\"vrfamily\">\n\t\t\t\t\t\t\tThe members of the group belong to the same family\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"vrfamily-help\" title=\"The containment measures of COVID-19 require that a certain distance be maintained between people who are not part of the same family. You should flag this option if you constantly live with the other members of the group. If not, the system will search for larger tables so that the distance can be maintained.\">\n\t\t\t\t\t\t\t\t<i class=\"fas fa-exclamation-triangle\"><\/i>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/label>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<button type=\"submit\" class=\"vre-btn primary big\" id=\"vre-find-table-btn\">\n\t\t\t\t\tFind a Table\t\t\t\t<\/button>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\n\t\t\t<input type=\"hidden\" name=\"option\" value=\"com_vikrestaurants\" \/>\n\t\t\t<input type=\"hidden\" name=\"view\" value=\"search\" \/>\n\t\t<\/fieldset>\n\n\t<\/form>\n\n<\/div>\n\n<script>\n\t(function($) {\n\t\t'use strict';\n\n\t\t$(function() {\n\t\t\t$('#vrcalendar:input').on('change', () => {\n\t\t\t\t\/\/ auto-refresh times on date change\n\t\t\t\tvrUpdateWorkingShifts('#vrcalendar', '#vrhour');\n\t\t\t});\n\n\t\t\t$('#vrcalendar:input').on('changed.specialday', (event) => {\n\t\t\t\tlet texts = [];\n\n\t\t\t\t(event?.specialdays || []).forEach((sd) => {\n\t\t\t\t\tlet notes = sd?.bookingNotes || {};\n\t\t\t\t\tlet text = notes?.short || notes?.full;\n\n\t\t\t\t\tif (text) {\n\t\t\t\t\t\t\/\/ create HTML node and prepend info icon\n\t\t\t\t\t\ttext = $('<div><\/div>').html(text);\n\t\t\t\t\t\ttext.children().first().prepend('<i class=\"fas fa-info-circle\" style=\"margin-right: 4px;\"><\/i>');\n\n\t\t\t\t\t\ttexts.push(text[0].outerHTML);\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tconst instr = $('#restaurant-sd-instr').html(texts.join(\"\\n\"));\n\n\t\t\t\tif (texts.length) {\n\t\t\t\t\tinstr.show();\n\t\t\t\t} else {\n\t\t\t\t\tinstr.hide();\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t})(jQuery);\n<\/script>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-193","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/pages\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/comments?post=193"}],"version-history":[{"count":0,"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/pages\/193\/revisions"}],"wp:attachment":[{"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/media?parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}