{"id":452,"date":"2026-02-01T13:17:17","date_gmt":"2026-02-01T13:17:17","guid":{"rendered":"https:\/\/hmtechsolution.com\/restaurant\/?page_id=452"},"modified":"2026-02-01T16:13:39","modified_gmt":"2026-02-01T16:13:39","slug":"reservation","status":"publish","type":"page","link":"https:\/\/hmtechsolution.com\/restaurant\/reservation\/","title":{"rendered":"Reservation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"452\" class=\"elementor elementor-452\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9915272 e-flex e-con-boxed e-con e-parent\" data-id=\"9915272\" 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-f002ba8 elementor-widget elementor-widget-heading\" data-id=\"f002ba8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Reserve Your Table<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-638e924 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"638e924\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Fill The Form For Reserved The Table<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05ea52c elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"05ea52c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home &gt; Reservation<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\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-5092310 e-flex e-con-boxed e-con e-parent\" data-id=\"5092310\" 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-04651c6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"04651c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n  .restaurant-reservation-container {\r\n    background: white;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 40px rgba(0,0,0,0.12);\r\n    border: 1px solid #eee;\r\n  }\r\n  .restaurant-reservation-header {\r\n    color: black;\r\n    padding: 16px 24px;\r\n    text-align: center;\r\n  }\r\n  .restaurant-reservation-header h1 {\r\n    font-size: 32px;\r\n    font-weight: 500;\r\n    margin-bottom: 8px;\r\n    font-family: 'Poppins', system-ui, sans-serif;\r\n  }\r\n  .restaurant-reservation-header p {\r\n    font-size: 1.05rem;\r\n    opacity: 0.95;\r\n  }\r\n  .restaurant-reservation-progress-bar {\r\n    height: 8px;\r\n    background: #f0f0f0;\r\n  }\r\n  .restaurant-reservation-progress {\r\n    height: 100%;\r\n    background: #D94F30;\r\n    width: 0%;\r\n    transition: width 0.5s ease;\r\n  }\r\n  .restaurant-reservation-form-content {\r\n    padding: 40px 32px;\r\n  }\r\n  .restaurant-reservation-step {\r\n    display: none;\r\n  }\r\n  .restaurant-reservation-step.active {\r\n    display: block;\r\n    animation: fadeIn 0.4s ease;\r\n  }\r\n  @keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(8px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n  .restaurant-reservation-form-group {\r\n    margin-bottom: 28px;\r\n  }\r\n  .restaurant-reservation-label {\r\n    display: block;\r\n    margin-bottom: 9px;\r\n    font-weight: 500;\r\n    color: #444;\r\n    font-size: 14px;\r\n    font-family: 'Poppins', system-ui, sans-serif;\r\n    line-height: 1.2em;\r\n  }\r\n  input, select, textarea {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 10px;\r\n    font-size: 1rem;\r\n    background: #fdfdfd;\r\n    transition: all 0.2s;\r\n    font-family: inherit;\r\n  }\r\n  input:focus, select:focus, textarea:focus {\r\n    outline: none;\r\n    border-color: #D94F30;\r\n    box-shadow: 0 0 0 4px rgba(217,79,48,0.12);\r\n  }\r\n  textarea {\r\n    min-height: 110px;\r\n    resize: vertical;\r\n  }\r\n  .restaurant-reservation-error {\r\n    color: #e63946;\r\n    font-size: 0.84rem;\r\n    margin-top: 6px;\r\n    display: none;\r\n  }\r\n  .restaurant-reservation-btn-group {\r\n    display: flex;\r\n    gap: 16px;\r\n    margin-top: 36px;\r\n  }\r\n  button {\r\n    flex: 1;\r\n    padding: 12px 20px;\r\n    border: none;\r\n    border-radius: 10px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.25s;\r\n    font-family: 'Poppins', system-ui, sans-serif;\r\n  }\r\n  .restaurant-reservation-btn-next,\r\n  .restaurant-reservation-btn-submit {\r\n    background: #D94F30;\r\n    color: white;\r\n  }\r\n  .restaurant-reservation-btn-next:hover,\r\n  .restaurant-reservation-btn-submit:hover {\r\n    background: #c24028;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(217,79,48,0.25);\r\n  }\r\n  .restaurant-reservation-btn-prev {\r\n    background: #e9ecef;\r\n    color: #444;\r\n  }\r\n  .restaurant-reservation-btn-prev:hover {\r\n    background: #dee2e6;\r\n  }\r\n\r\n  \/* Success Popup *\/\r\n  .restaurant-reservation-modal {\r\n    display: none;\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.65);\r\n    z-index: 1000;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n  }\r\n  .restaurant-reservation-modal-content {\r\n    background: white;\r\n    border-radius: 16px;\r\n    max-width: 460px;\r\n    width: 100%;\r\n    padding: 40px 28px;\r\n    text-align: center;\r\n    box-shadow: 0 20px 60px rgba(0,0,0,0.25);\r\n    animation: popup 0.4s ease;\r\n  }\r\n  @keyframes popup {\r\n    from { opacity: 0; transform: scale(0.92); }\r\n    to { opacity: 1; transform: scale(1); }\r\n  }\r\n  .restaurant-reservation-success-icon {\r\n    font-size: 4.8rem;\r\n    color: #28a745;\r\n    margin-bottom: 20px;\r\n  }\r\n  .restaurant-reservation-modal h2 {\r\n    font-size: 1.8rem;\r\n    margin-bottom: 12px;\r\n    color: #222;\r\n  }\r\n  .restaurant-reservation-modal p {\r\n    color: #555;\r\n    margin-bottom: 28px;\r\n    line-height: 1.5;\r\n  }\r\n  .restaurant-reservation-modal-summary {\r\n    background: #f8f9fa;\r\n    padding: 20px;\r\n    border-radius: 12px;\r\n    margin: 24px 0;\r\n    text-align: left;\r\n    font-size: 0.97rem;\r\n    line-height: 1.7;\r\n  }\r\n  .restaurant-reservation-modal-summary strong {\r\n    color: #D94F30;\r\n  }\r\n  .restaurant-reservation-btn-close {\r\n    background: #D94F30;\r\n    color: white;\r\n    padding: 14px 32px;\r\n    font-size: 1.05rem;\r\n    border-radius: 10px;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n  }\r\n  .restaurant-reservation-btn-close:hover {\r\n    background: #c24028;\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .restaurant-reservation-form-content { padding: 28px 20px; }\r\n    .restaurant-reservation-header h1 { font-size: 20px; }\r\n    .restaurant-reservation-modal-content { padding: 32px 20px; }\r\n  }\r\n<\/style>\r\n\r\n\r\n<div class=\"restaurant-reservation-container\">\r\n  <div class=\"restaurant-reservation-header\">\r\n    <h1>Fill Form To Reserve Table<\/h1>\r\n  <\/div>\r\n  <div class=\"restaurant-reservation-progress-bar\">\r\n    <div class=\"restaurant-reservation-progress\" id=\"progress\"><\/div>\r\n  <\/div>\r\n  <div class=\"restaurant-reservation-form-content\">\r\n\r\n    <!-- Step 1 -->\r\n    <div class=\"restaurant-reservation-step active\" id=\"step1\">\r\n      <div class=\"restaurant-reservation-form-group\">\r\n        <label class=\"restaurant-reservation-label\" for=\"name\">Full Name *<\/label>\r\n        <input type=\"text\" id=\"name\" placeholder=\"e.g. Muhammad Ahmed\" required\/>\r\n        <div class=\"restaurant-reservation-error\" id=\"nameError\">Please enter your full name (min 3 characters)<\/div>\r\n      <\/div>\r\n      <div class=\"restaurant-reservation-form-group\">\r\n        <label class=\"restaurant-reservation-label\" for=\"phone\">Phone Number (WhatsApp preferred) *<\/label>\r\n        <input type=\"tel\" id=\"phone\" placeholder=\"03XX XXXXXXX\" required\/>\r\n        <div class=\"restaurant-reservation-error\" id=\"phoneError\">Please enter a valid Pakistani number (e.g. 03001234567)<\/div>\r\n      <\/div>\r\n      <div class=\"restaurant-reservation-form-group\">\r\n        <label class=\"restaurant-reservation-label\" for=\"email\">Email Address *<\/label>\r\n        <input type=\"email\" id=\"email\" placeholder=\"yourname@example.com\" required\/>\r\n        <div class=\"restaurant-reservation-error\" id=\"emailError\">Please enter a valid email address<\/div>\r\n      <\/div>\r\n      <div class=\"restaurant-reservation-form-group\">\r\n        <label class=\"restaurant-reservation-label\" for=\"whatsapp_updates\">Receive confirmation & updates on WhatsApp?<\/label>\r\n        <select id=\"whatsapp_updates\">\r\n          <option value=\"yes\">Yes, please<\/option>\r\n          <option value=\"no\">No, thank you<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <div class=\"restaurant-reservation-btn-group\">\r\n        <button class=\"restaurant-reservation-btn-next\" onclick=\"nextStep(1)\">Continue \u2192<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Step 2 -->\r\n    <div class=\"restaurant-reservation-step\" id=\"step2\">\r\n      <div class=\"restaurant-reservation-form-group\">\r\n        <label class=\"restaurant-reservation-label\" for=\"date\">Reservation Date *<\/label>\r\n        <input type=\"date\" id=\"date\" required\/>\r\n        <div class=\"restaurant-reservation-error\" id=\"dateError\">Please select a valid future date<\/div>\r\n      <\/div>\r\n      <div class=\"restaurant-reservation-form-group\">\r\n        <label class=\"restaurant-reservation-label\" for=\"time\">Preferred Time *<\/label>\r\n        <select id=\"time\" required>\r\n          <option value=\"\">Select time slot<\/option>\r\n          <optgroup label=\"Lunch\">\r\n            <option value=\"12:00 PM - 12:45 PM\">12:00 PM \u2013 12:45 PM<\/option>\r\n            <option value=\"01:00 PM - 01:45 PM\">01:00 PM \u2013 01:45 PM<\/option>\r\n            <option value=\"02:00 PM - 02:45 PM\">02:00 PM \u2013 02:45 PM<\/option>\r\n          <\/optgroup>\r\n          <optgroup label=\"Dinner\">\r\n            <option value=\"06:00 PM - 06:45 PM\">06:00 PM \u2013 06:45 PM<\/option>\r\n            <option value=\"07:00 PM - 07:45 PM\">07:00 PM \u2013 07:45 PM<\/option>\r\n            <option value=\"08:00 PM - 08:45 PM\">08:00 PM \u2013 08:45 PM<\/option>\r\n            <option value=\"09:00 PM - 09:45 PM\">09:00 PM \u2013 09:45 PM<\/option>\r\n            <option value=\"10:00 PM - 10:45 PM\">10:00 PM \u2013 10:45 PM<\/option>\r\n          <\/optgroup>\r\n        <\/select>\r\n        <div class=\"restaurant-reservation-error\" id=\"timeError\">Please select your preferred time<\/div>\r\n      <\/div>\r\n      <div class=\"restaurant-reservation-form-group\">\r\n        <label class=\"restaurant-reservation-label\" for=\"guests\">Number of Guests *<\/label>\r\n        <select id=\"guests\" required>\r\n          <option value=\"\">Select number of people<\/option>\r\n          <option value=\"1\">1 person<\/option>\r\n          <option value=\"2\">2 people<\/option>\r\n          <option value=\"3\">3 people<\/option>\r\n          <option value=\"4\">4 people<\/option>\r\n          <option value=\"5\">5 people<\/option>\r\n          <option value=\"6\">6 people<\/option>\r\n          <option value=\"7\">7 people<\/option>\r\n          <option value=\"8\">8 people<\/option>\r\n          <option value=\"9-10\">9\u201310 people<\/option>\r\n          <option value=\"11+\">11+ (please call us)<\/option>\r\n        <\/select>\r\n        <div class=\"restaurant-reservation-error\" id=\"guestsError\">Please select number of guests<\/div>\r\n      <\/div>\r\n      <div class=\"restaurant-reservation-form-group\">\r\n        <label class=\"restaurant-reservation-label\" for=\"seating\">Seating Preference (optional)<\/label>\r\n        <select id=\"seating\">\r\n          <option value=\"\">No preference<\/option>\r\n          <option value=\"indoor\">Indoor (Air-conditioned)<\/option>\r\n          <option value=\"outdoor\">Outdoor \/ Terrace<\/option>\r\n          <option value=\"window\">Window side<\/option>\r\n          <option value=\"private\">Private \/ Family area<\/option>\r\n          <option value=\"high-chair\">High chair needed<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <div class=\"restaurant-reservation-btn-group\">\r\n        <button class=\"restaurant-reservation-btn-prev\" onclick=\"prevStep(2)\">\u2190 Back<\/button>\r\n        <button class=\"restaurant-reservation-btn-next\" onclick=\"nextStep(2)\">Continue \u2192<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Step 3 -->\r\n    <div class=\"restaurant-reservation-step\" id=\"step3\">\r\n      <div class=\"restaurant-reservation-form-group\">\r\n        <label class=\"restaurant-reservation-label\" for=\"occasion\">Occasion \/ Purpose (optional)<\/label>\r\n        <select id=\"occasion\">\r\n          <option value=\"\">Regular visit<\/option>\r\n          <option value=\"Birthday\">Birthday Celebration<\/option>\r\n          <option value=\"Anniversary\">Anniversary<\/option>\r\n          <option value=\"Date\">Romantic Date<\/option>\r\n          <option value=\"Family\">Family Gathering<\/option>\r\n          <option value=\"Business\">Business \/ Corporate<\/option>\r\n          <option value=\"Proposal\">Marriage Proposal<\/option>\r\n          <option value=\"Other\">Other (please specify below)<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <div class=\"restaurant-reservation-form-group\">\r\n        <label class=\"restaurant-reservation-label\" for=\"requests\">Special Requests or Notes<\/label>\r\n        <textarea id=\"requests\" rows=\"4\" placeholder=\"Example: corner table, no strong smell near table, baby high chair, cake cutting needed, allergy to shellfish, etc...\"><\/textarea>\r\n      <\/div>\r\n      <div class=\"restaurant-reservation-form-group\">\r\n        <label class=\"restaurant-reservation-label\" for=\"referral\">How did you hear about us? (optional)<\/label>\r\n        <select id=\"referral\">\r\n          <option value=\"\">Select source<\/option>\r\n          <option value=\"friend\">Friend \/ Family<\/option>\r\n          <option value=\"instagram\">Instagram<\/option>\r\n          <option value=\"facebook\">Facebook<\/option>\r\n          <option value=\"google\">Google Search<\/option>\r\n          <option value=\"foodpanda\">Foodpanda \/ Delivery apps<\/option>\r\n          <option value=\"walkin\">Walk-in \/ Passing by<\/option>\r\n          <option value=\"other\">Other<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <div class=\"restaurant-reservation-btn-group\">\r\n        <button class=\"restaurant-reservation-btn-prev\" onclick=\"prevStep(3)\">\u2190 Back<\/button>\r\n        <button class=\"restaurant-reservation-btn-submit\" onclick=\"submitForm()\">Confirm Reservation<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Success Modal -->\r\n<div class=\"restaurant-reservation-modal\" id=\"successModal\">\r\n  <div class=\"restaurant-reservation-modal-content\">\r\n    <div class=\"restaurant-reservation-success-icon\">\u2713<\/div>\r\n    <h2>Reservation Received!<\/h2>\r\n    <p>Thank you for choosing HM Restaurant.<br>We will confirm your booking shortly via call or WhatsApp.<\/p>\r\n    <div class=\"restaurant-reservation-modal-summary\" id=\"summaryContent\"><\/div>\r\n    <button class=\"restaurant-reservation-btn-close\" onclick=\"closeModal()\">Done<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\nlet currentStep = 1;\r\nconst totalSteps = 3;\r\n\r\n\/\/ Set min date = today\r\ndocument.getElementById('date').min = new Date().toISOString().split('T')[0];\r\n\r\nfunction updateProgress() {\r\n  const percent = ((currentStep - 1) \/ totalSteps) * 100;\r\n  document.getElementById('progress').style.width = percent + '%';\r\n}\r\n\r\nfunction showStep(step) {\r\n  document.querySelectorAll('.restaurant-reservation-step').forEach(s => s.classList.remove('active'));\r\n  document.getElementById(`step${step}`).classList.add('active');\r\n  currentStep = step;\r\n  updateProgress();\r\n}\r\n\r\nfunction nextStep(from) {\r\n  if (!validateStep(from)) return;\r\n  if (currentStep < totalSteps) {\r\n    showStep(currentStep + 1);\r\n  }\r\n}\r\n\r\nfunction prevStep() {\r\n  if (currentStep > 1) {\r\n    showStep(currentStep - 1);\r\n  }\r\n}\r\n\r\nfunction validateStep(step) {\r\n  let valid = true;\r\n\r\n  if (step === 1) {\r\n    const name  = document.getElementById('name').value.trim();\r\n    const phone = document.getElementById('phone').value.trim();\r\n    const email = document.getElementById('email').value.trim();\r\n\r\n    document.getElementById('nameError').style.display  = name.length < 3 ? 'block' : 'none';\r\n    document.getElementById('phoneError').style.display = !\/^03[0-9]{2}[0-9]{7}$\/.test(phone) && !\/^(\\+92|0092)?3[0-9]{2}[0-9]{7}$\/.test(phone) ? 'block' : 'none';\r\n    document.getElementById('emailError').style.display = !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email) ? 'block' : 'none';\r\n\r\n    if (name.length < 3 ||\r\n        (!phone.match(\/^03[0-9]{2}[0-9]{7}$\/) && !phone.match(\/^(\\+92|0092)?3[0-9]{2}[0-9]{7}$\/)) ||\r\n        !email.match(\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/)) {\r\n      valid = false;\r\n    }\r\n  }\r\n\r\n  if (step === 2) {\r\n    const date   = document.getElementById('date').value;\r\n    const time   = document.getElementById('time').value;\r\n    const guests = document.getElementById('guests').value;\r\n\r\n    document.getElementById('dateError').style.display   = !date   ? 'block' : 'none';\r\n    document.getElementById('timeError').style.display   = !time   ? 'block' : 'none';\r\n    document.getElementById('guestsError').style.display = !guests ? 'block' : 'none';\r\n\r\n    if (!date || !time || !guests) valid = false;\r\n  }\r\n\r\n  return valid;\r\n}\r\n\r\nfunction submitForm() {\r\n  if (!validateStep(2)) {\r\n    showStep(2);\r\n    return;\r\n  }\r\n\r\n  const data = {\r\n    name:             document.getElementById('name').value.trim(),\r\n    phone:            document.getElementById('phone').value.trim(),\r\n    email:            document.getElementById('email').value.trim(),\r\n    whatsapp_updates: document.getElementById('whatsapp_updates').value,\r\n    date:             document.getElementById('date').value,\r\n    time:             document.getElementById('time').value,\r\n    guests:           document.getElementById('guests').value,\r\n    seating:          document.getElementById('seating').value,\r\n    occasion:         document.getElementById('occasion').value,\r\n    requests:         document.getElementById('requests').value.trim(),\r\n    referral:         document.getElementById('referral').value\r\n  };\r\n\r\n  console.log(\"Reservation Submitted:\", data);\r\n  \/\/ \u2191 Here you would normally do fetch('\/api\/reservation', {method:'POST', body: JSON.stringify(data)})\r\n\r\n  showSuccessPopup(data);\r\n}\r\n\r\nfunction showSuccessPopup(data) {\r\n  const summary = document.getElementById('summaryContent');\r\n  summary.innerHTML = `\r\n    <strong>Name:<\/strong> ${data.name}<br>\r\n    <strong>Contact:<\/strong> ${data.phone} \u2022 ${data.email}<br>\r\n    <strong>Date & Time:<\/strong> ${data.date} at ${data.time}<br>\r\n    <strong>Guests:<\/strong> ${data.guests}${data.seating ? ` (${data.seating})` : ''}<br>\r\n    ${data.occasion && data.occasion !== 'Regular visit' ? `<strong>Occasion:<\/strong> ${data.occasion}<br>` : ''}\r\n    ${data.requests ? `<strong>Special Requests:<\/strong><br>${data.requests.replace(\/\\n\/g,'<br>')}<br>` : ''}\r\n    ${data.referral && data.referral ? `<strong>Heard from:<\/strong> ${data.referral}` : ''}\r\n  `;\r\n  document.getElementById('successModal').style.display = 'flex';\r\n}\r\n\r\nfunction closeModal() {\r\n  document.getElementById('successModal').style.display = 'none';\r\n  window.location.href = \"https:\/\/hmtechsolution.com\/restaurant\/\";\r\n}\r\n\r\n\/\/ Initialize\r\nupdateProgress();\r\n<\/script>\r\n\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 Table Fill The Form For Reserved The Table Home &gt; Reservation Fill Form To Reserve Table Full Name * Please enter your full name (min 3 characters) Phone Number (WhatsApp preferred) * Please enter a valid Pakistani number (e.g. 03001234567) Email Address * Please enter a valid email address Receive confirmation &#038; updates [&hellip;]<\/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-452","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hmtechsolution.com\/restaurant\/wp-json\/wp\/v2\/pages\/452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hmtechsolution.com\/restaurant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hmtechsolution.com\/restaurant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hmtechsolution.com\/restaurant\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hmtechsolution.com\/restaurant\/wp-json\/wp\/v2\/comments?post=452"}],"version-history":[{"count":43,"href":"https:\/\/hmtechsolution.com\/restaurant\/wp-json\/wp\/v2\/pages\/452\/revisions"}],"predecessor-version":[{"id":723,"href":"https:\/\/hmtechsolution.com\/restaurant\/wp-json\/wp\/v2\/pages\/452\/revisions\/723"}],"wp:attachment":[{"href":"https:\/\/hmtechsolution.com\/restaurant\/wp-json\/wp\/v2\/media?parent=452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}