{"id":1777,"date":"2026-04-08T02:03:58","date_gmt":"2026-04-08T02:03:58","guid":{"rendered":"http:\/\/naanbite.test\/?page_id=1777"},"modified":"2026-04-14T09:31:52","modified_gmt":"2026-04-14T09:31:52","slug":"reservation","status":"publish","type":"page","link":"https:\/\/volksample.com.au\/naanbite\/reservation\/","title":{"rendered":"reservations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1777\" class=\"elementor elementor-1777\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c36822 e-flex e-con-boxed e-con e-parent\" data-id=\"7c36822\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6f7e15 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"b6f7e15\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Reserve Your Spot<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3766c7f elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"3766c7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Book your reservation in just a few easy steps.<br data-start=\"214\" data-end=\"217\" \/>We look forward to serving you.<\/p>\t\t\t\t\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-555d0fb e-flex e-con-boxed e-con e-parent\" data-id=\"555d0fb\" 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-fc950ad elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-bookly-widget-bookly-form\" data-id=\"fc950ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bookly-widget-bookly-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\nPlugin Name: Bookly - Responsive WordPress Appointment Booking and Scheduling Plugin\nPlugin URI: https:\/\/www.booking-wp-plugin.com\/?utm_source=bookly_admin&utm_medium=plugins_page&utm_campaign=plugins_page\nVersion: 27.4-->\n<style type=\"text\/css\">\n    :root {\n        --bookly-main-color: #e6d36d !important;\n        --bookly-color: #e6d36d !important;\n    }\n\n    <\/style><div class=\"bookly-css-root\">\n    <div id=\"bookly-form-container-69e385219711e\" class=\"bookly-form\" data-form_id=\"\" aria-live=\"polite\">\n        <div style=\"text-align: center\"><img decoding=\"async\" src=\"https:\/\/volksample.com.au\/naanbite\/wp-includes\/js\/tinymce\/skins\/lightgray\/img\/loader.gif\" alt=\"Loading...\"\/><\/div>\n    <\/div>\n<\/div>\n<script type=\"text\/javascript\">\n    (function (win, fn) {\n        var done = false, top = true,\n            doc = win.document,\n            root = doc.documentElement,\n            modern = doc.addEventListener,\n            add = modern ? 'addEventListener' : 'attachEvent',\n            rem = modern ? 'removeEventListener' : 'detachEvent',\n            pre = modern ? '' : 'on',\n            init = function (e) {\n                if (e.type == 'readystatechange') if (doc.readyState != 'complete') return;\n                (e.type == 'load' ? win : doc)[rem](pre + e.type, init, false);\n                if (!done) {\n                    done = true;\n                    fn.call(win, e.type || e);\n                }\n            },\n            poll = function () {\n                try {\n                    root.doScroll('left');\n                } catch (e) {\n                    setTimeout(poll, 50);\n                    return;\n                }\n                init('poll');\n            };\n        if (doc.readyState == 'complete') fn.call(win, 'lazy');\n        else {\n            if (!modern) if (root.doScroll) {\n                try {\n                    top = !win.frameElement;\n                } catch (e) {\n                }\n                if (top) poll();\n            }\n            doc[add](pre + 'DOMContentLoaded', init, false);\n            doc[add](pre + 'readystatechange', init, false);\n            win[add](pre + 'load', init, false);\n        }\n    })(window, function () {\n        window.bookly( {\"form_id\":\"69e385219711e\",\"form_data\":{\"skip_service_step\":0,\"hide_service_part1\":0,\"hide_service_part2\":0,\"defaults\":{\"service_id\":1,\"staff_id\":1,\"location_id\":0,\"category_id\":-1,\"units\":0,\"date_from\":0,\"time_from\":0,\"time_to\":0}},\"status\":{\"booking\":\"new\"},\"form_token\":null,\"skip_steps\":{\"service_part1\":0,\"service_part2\":0,\"extras\":1,\"time\":0,\"repeat\":1,\"cart\":1},\"errors\":{\"session_error\":\"Session error.\",\"form_id_error\":\"Form ID error.\",\"cart_item_not_available\":\"The selected time is not available anymore. Please, choose another time slot.\",\"pay_locally_not_available\":\"Pay locally is not available.\",\"invalid_gateway\":\"Invalid gateway.\",\"payment_error\":\"Error.\",\"incorrect_username_password\":\"Incorrect username or password.\"},\"form_attributes\":{\"hide_categories\":false,\"hide_services\":false,\"hide_staff_members\":false,\"show_number_of_persons\":false,\"hide_service_duration\":true,\"hide_locations\":true,\"hide_quantity\":true,\"hide_date\":false,\"hide_week_days\":false,\"hide_time_range\":false},\"use_client_time_zone\":0,\"defaults\":{\"service_id\":1,\"staff_id\":1,\"location_id\":0,\"category_id\":-1},\"datepicker_mode\":\"text-accent\"} );\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c06631a elementor-widget elementor-widget-html\" data-id=\"c06631a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- COMPLETE WIDGET - PROPERLY HIDE OLD TEXT AND SHOW PRICE -->\n\n<style>\n  \/* ===== OVERRIDE TABLE-LAYOUT FIXED ===== *\/\n  .bookly-table {\n    table-layout: auto !important;\n  }\n\n  \/* ===== HIDE CATEGORY & STAFF FIELDS ===== *\/\n  .nb-hide-field {\n    position: absolute !important;\n    left: -9999px !important;\n    width: 1px !important;\n    height: 1px !important;\n    overflow: hidden !important;\n  }\n\n  \/* ===== HIDE OLD TEXT ===== *\/\n  .nb-hide-description {\n    display: none !important;\n  }\n\n  \/* ===== FORM ===== *\/\n  .bookly-responsive-booking-form {\n    background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%) !important;\n    padding: 40px !important;\n    border-radius: 12px !important;\n  }\n\n  .bookly-responsive-booking-form > p {\n    color: #e8e8e8 !important;\n    font-size: 16px !important;\n    margin-bottom: 30px !important;\n  }\n\n  \/* ===== SERVICE PRICE HIGHLIGHT ===== *\/\n  .nb-service-price-highlight {\n    background: linear-gradient(135deg, rgba(255, 193, 7, 0.15), rgba(255, 193, 7, 0.08)) !important;\n    border: 3px solid #ffc107 !important;\n    border-radius: 12px !important;\n    padding: 32px 24px !important;\n    margin: 0 0 30px 0 !important;\n    text-align: center !important;\n    display: block !important;\n  }\n\n  .nb-service-price-highlight .nb-price-label {\n    color: #b8a000 !important;\n    font-size: 12px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1.5px !important;\n    font-weight: 700 !important;\n    margin-bottom: 12px !important;\n    display: block !important;\n  }\n\n  .nb-service-price-highlight .nb-price-value {\n    color: #ffc107 !important;\n    font-size: 48px !important;\n    font-weight: 800 !important;\n    margin: 0 !important;\n    line-height: 1.1 !important;\n  }\n\n  .nb-service-price-highlight .nb-price-currency {\n    color: #ffc107 !important;\n    font-size: 24px !important;\n    vertical-align: super !important;\n    margin-left: 6px !important;\n  }\n\n  \/* ===== FORM GROUPS ===== *\/\n  .bookly-responsive-booking-form .bookly-form-group {\n    margin-bottom: 28px !important;\n  }\n\n  .bookly-responsive-booking-form .bookly-form-group label {\n    display: block !important;\n    color: #ffc107 !important;\n    font-weight: 700 !important;\n    font-size: 13px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    margin-bottom: 10px !important;\n  }\n\n  \/* ===== INPUTS ===== *\/\n  .bookly-responsive-booking-form input[type=\"text\"],\n  .bookly-responsive-booking-form input[type=\"date\"],\n  .bookly-responsive-booking-form input[type=\"time\"],\n  .bookly-responsive-booking-form select {\n    width: 100% !important;\n    background: rgba(255, 255, 255, 0.08) !important;\n    border: 2px solid rgba(255, 193, 7, 0.3) !important;\n    color: #ffffff !important;\n    padding: 14px 16px !important;\n    border-radius: 6px !important;\n    font-size: 14px !important;\n    font-family: inherit !important;\n    box-sizing: border-box !important;\n  }\n\n  .bookly-responsive-booking-form input::placeholder {\n    color: rgba(255, 255, 255, 0.5) !important;\n  }\n\n  .bookly-responsive-booking-form input:focus,\n  .bookly-responsive-booking-form select:focus {\n    background: rgba(255, 255, 255, 0.12) !important;\n    border-color: #ffc107 !important;\n    outline: none !important;\n  }\n\n  .bookly-responsive-booking-form select {\n    cursor: pointer !important;\n    appearance: none !important;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffc107' d='M1 1l5 5 5-5'\/%3E%3C\/svg%3E\") !important;\n    background-repeat: no-repeat !important;\n    background-position: right 12px center !important;\n    background-color: rgba(255, 255, 255, 0.08) !important;\n    padding-right: 36px !important;\n  }\n\n  \/* ===== FIELDSET (Days) ===== *\/\n  .bookly-responsive-booking-form fieldset {\n    border: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n  }\n\n  .bookly-responsive-booking-form fieldset legend {\n    display: block !important;\n    color: #ffc107 !important;\n    font-weight: 700 !important;\n    font-size: 13px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    margin-bottom: 12px !important;\n    width: 100% !important;\n  }\n\n  .bookly-responsive-booking-form fieldset label {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background: rgba(255, 193, 7, 0.12) !important;\n    border: 2px solid rgba(255, 193, 7, 0.3) !important;\n    padding: 10px 14px !important;\n    border-radius: 50% !important;\n    margin-right: 8px !important;\n    margin-bottom: 8px !important;\n    cursor: pointer !important;\n    transition: all 0.2s ease !important;\n    color: #ffffff !important;\n    font-weight: 600 !important;\n    font-size: 12px !important;\n    width: 44px !important;\n    height: 44px !important;\n  }\n\n  .bookly-responsive-booking-form fieldset label:hover {\n    background: rgba(255, 193, 7, 0.2) !important;\n    border-color: #ffc107 !important;\n  }\n\n  .bookly-responsive-booking-form fieldset input:checked + label {\n    background: #ffc107 !important;\n    color: #1a1a1a !important;\n    border-color: #ffc107 !important;\n  }\n\n  .bookly-responsive-booking-form fieldset input[type=\"checkbox\"],\n  .bookly-responsive-booking-form fieldset input[type=\"radio\"] {\n    display: none !important;\n  }\n\n  \/* ===== BUTTON ===== *\/\n  .bookly-responsive-booking-form .bookly-time-next,\n  .bookly-responsive-booking-form button.bookly-btn,\n  .bookly-responsive-booking-form a.bookly-btn {\n    background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%) !important;\n    color: #1a1a1a !important;\n    border: none !important;\n    padding: 16px 40px !important;\n    border-radius: 6px !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    cursor: pointer !important;\n    transition: all 0.3s ease !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    margin-top: 20px !important;\n    float: right !important;\n  }\n\n  .bookly-responsive-booking-form .bookly-time-next:hover,\n  .bookly-responsive-booking-form button.bookly-btn:hover,\n  .bookly-responsive-booking-form a.bookly-btn:hover {\n    background: linear-gradient(135deg, #ffb300 0%, #ff9800 100%) !important;\n    box-shadow: 0 6px 20px rgba(255, 193, 7, 0.3) !important;\n    transform: translateY(-2px) !important;\n  }\n\n  \/* ===== MOBILE ===== *\/\n  @media (max-width: 767px) {\n    .bookly-responsive-booking-form {\n      padding: 24px 16px !important;\n    }\n\n    .bookly-responsive-booking-form .bookly-time-next,\n    .bookly-responsive-booking-form button.bookly-btn,\n    .bookly-responsive-booking-form a.bookly-btn {\n      width: 100% !important;\n      float: none !important;\n      padding: 14px 20px !important;\n    }\n\n    .nb-service-price-highlight {\n      padding: 24px 16px !important;\n    }\n\n    .nb-service-price-highlight .nb-price-value {\n      font-size: 36px !important;\n    }\n\n    .nb-service-price-highlight .nb-price-currency {\n      font-size: 18px !important;\n    }\n  }\n<\/style>\n\n<script>\n  (function() {\n    'use strict';\n\n    \/\/ Extract and display service price\n    function displayServicePrice() {\n      \/\/ Check if price box already exists\n      if (document.querySelector('.nb-service-price-highlight')) {\n        return;\n      }\n\n      \/\/ Find all paragraphs in the form\n      const allParagraphs = document.querySelectorAll('.bookly-responsive-booking-form > p');\n      let foundPrice = false;\n\n      allParagraphs.forEach((p, index) => {\n        const text = p.textContent || '';\n        \n        \/\/ Check if this is the description paragraph (contains \"time slot\" or \"available\")\n        if ((text.includes('time slot') || text.includes('available') || text.includes('below')) && !foundPrice) {\n          \/\/ Get price from any available source\n          let price = '0';\n          let currency = '';\n\n          \/\/ Try to find price in the page\n          const priceElements = document.querySelectorAll('[data-price], [class*=\"price\"]');\n          let foundPrice_val = null;\n\n          for (let el of priceElements) {\n            const content = el.textContent || el.value || '';\n            const match = content.match(\/[\\d.,]+(?:\\.\\d{2})?\/);\n            if (match && match[0] !== '0') {\n              foundPrice_val = match[0];\n              break;\n            }\n          }\n\n          \/\/ Try currency patterns\n          const currencyMatch = document.documentElement.innerHTML.match(\/(\\$|AED|USD|EUR|SAR|QAR)\\s*([\\d.,]+)|(\\d+[\\d.,]*)\\s*(AED|USD|EUR|SAR|QAR)\/i);\n          if (currencyMatch) {\n            if (currencyMatch[1]) {\n              currency = currencyMatch[1];\n              price = currencyMatch[2];\n            } else {\n              price = currencyMatch[3];\n              currency = currencyMatch[4];\n            }\n          }\n\n          if (!price || price === '0') {\n            price = foundPrice_val || 'Price Upon Request';\n          }\n\n          \/\/ Create price highlight box\n          const priceBox = document.createElement('div');\n          priceBox.className = 'nb-service-price-highlight';\n          priceBox.innerHTML = `\n            <span class=\"nb-price-label\">Service Price<\/span>\n            <div class=\"nb-price-value\">${price}<span class=\"nb-price-currency\">${currency}<\/span><\/div>\n          `;\n\n          \/\/ Hide the original paragraph\n          p.classList.add('nb-hide-description');\n\n          \/\/ Insert price box before the description\n          p.parentNode.insertBefore(priceBox, p);\n          foundPrice = true;\n        }\n      });\n    }\n\n    \/\/ Reapply styles function\n    function reapplyStyles() {\n      const inputs = document.querySelectorAll('.bookly-responsive-booking-form input[type=\"text\"], .bookly-responsive-booking-form input[type=\"date\"], .bookly-responsive-booking-form input[type=\"time\"], .bookly-responsive-booking-form select');\n      \n      inputs.forEach(input => {\n        input.style.cssText = 'width: 100% !important; background: rgba(255, 255, 255, 0.08) !important; border: 2px solid rgba(255, 193, 7, 0.3) !important; color: #ffffff !important; padding: 14px 16px !important; border-radius: 6px !important; font-size: 14px !important; font-family: inherit !important; box-sizing: border-box !important;';\n      });\n\n      \/\/ Override table-layout\n      const tables = document.querySelectorAll('.bookly-table');\n      tables.forEach(table => {\n        table.style.tableLayout = 'auto';\n      });\n    }\n\n    function hideFieldsByLabel() {\n      const categoryPatterns = \/^category$|^select.*category|\u062e\u062f\u0645\u0629\/i;\n      const staffPatterns = \/^staff|^employee|^consultant|^who.*staff|^select.*staff|\u0645\u0633\u062a\u0634\u0627\u0631|\u0645\u0648\u0638\u0641\/i;\n\n      document.querySelectorAll('.bookly-form-group').forEach(group => {\n        const label = group.querySelector('label');\n        if (!label) return;\n        const labelText = label.textContent.trim() || '';\n        if (categoryPatterns.test(labelText) || staffPatterns.test(labelText)) {\n          group.classList.add('nb-hide-field');\n          group.querySelectorAll('input, select, textarea').forEach(input => {\n            input.removeAttribute('required');\n          });\n        }\n      });\n    }\n\n    function autoSelectConsultant() {\n      const staffSelect = document.querySelector('select[name*=\"staff\"]') || \n                         document.querySelector('.bookly-staff-select');\n      if (!staffSelect) return;\n      let consultantOption = Array.from(staffSelect.options || []).find(opt => \n        \/consultant|\u0645\u0633\u062a\u0634\u0627\u0631\/i.test(opt.textContent)\n      );\n      if (!consultantOption) {\n        consultantOption = Array.from(staffSelect.options || []).find(opt => \n          opt.value && opt.textContent.trim()\n        );\n      }\n      if (consultantOption) {\n        staffSelect.value = consultantOption.value;\n        staffSelect.dispatchEvent(new Event('change', { bubbles: true }));\n      }\n    }\n\n    function applyChanges() {\n      hideFieldsByLabel();\n      autoSelectConsultant();\n      reapplyStyles();\n      displayServicePrice();\n    }\n\n    \/\/ Apply immediately\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', applyChanges);\n    } else {\n      applyChanges();\n    }\n\n    \/\/ Apply on window load\n    window.addEventListener('load', applyChanges);\n\n    \/\/ Reapply styles multiple times during load phase\n    setTimeout(() => applyChanges(), 500);\n    setTimeout(() => applyChanges(), 1000);\n    setTimeout(() => applyChanges(), 2000);\n\n    \/\/ Watch for new elements and reapply\n    const observer = new MutationObserver(() => {\n      applyChanges();\n    });\n\n    const booklyForm = document.querySelector('.bookly-responsive-booking-form') || document.body;\n    observer.observe(booklyForm, { childList: true, subtree: true, attributes: false });\n\n  })();\n<\/script>\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-96336d7 e-flex e-con-boxed e-con e-parent\" data-id=\"96336d7\" 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-d490456 elementor-widget elementor-widget-shortcode\" data-id=\"d490456\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"wpc-reservation-form-root\" data-component=\"wpc-reservation-form\"\n    data-date-selector=\"calendar\"\n    data-reservation-style=\"style-1\"\n    data-form-display-type=\"wizard\"\n    data-image-link=\"\">\n    \n<\/div>\n<\/div>\n\t\t\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","protected":false},"excerpt":{"rendered":"<p>Reserve Your Spot Book your reservation in just a few easy steps.We look forward to serving you.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1777","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/volksample.com.au\/naanbite\/wp-json\/wp\/v2\/pages\/1777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/volksample.com.au\/naanbite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/volksample.com.au\/naanbite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/volksample.com.au\/naanbite\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/volksample.com.au\/naanbite\/wp-json\/wp\/v2\/comments?post=1777"}],"version-history":[{"count":125,"href":"https:\/\/volksample.com.au\/naanbite\/wp-json\/wp\/v2\/pages\/1777\/revisions"}],"predecessor-version":[{"id":2911,"href":"https:\/\/volksample.com.au\/naanbite\/wp-json\/wp\/v2\/pages\/1777\/revisions\/2911"}],"wp:attachment":[{"href":"https:\/\/volksample.com.au\/naanbite\/wp-json\/wp\/v2\/media?parent=1777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}