{"id":28340,"date":"2025-05-27T12:43:57","date_gmt":"2025-05-27T09:43:57","guid":{"rendered":"https:\/\/opal-restaurant.com\/?page_id=28340"},"modified":"2025-11-20T14:51:27","modified_gmt":"2025-11-20T12:51:27","slug":"reservation","status":"publish","type":"page","link":"https:\/\/opal-restaurant.com\/ar\/reservation\/","title":{"rendered":"\u0627\u0644\u062d\u062c\u0632"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28340\" class=\"elementor elementor-28340\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a2ddf9 e-con-full fullwidth-force e-flex e-con e-parent\" data-id=\"3a2ddf9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d03ef8 elementor-widget elementor-widget-html\" data-id=\"1d03ef8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const form = document.getElementById('reservationform'); \/\/ ID \u0628\u062a\u0627\u0639 \u0627\u0644\u0641\u0648\u0631\u0645\r\n  if (!form) return;\r\n\r\n  const phoneField = form.querySelector('#form-field-phone'); \/\/ \u0627\u0644\u062d\u0642\u0644\r\n  const submitButton = form.querySelector('button[type=\"submit\"]'); \/\/ \u0632\u0631\u0627\u0631 \u0627\u0644\u0633\u0628\u0645\u064a\u062a\r\n\r\n  if (phoneField && submitButton) {\r\n    submitButton.addEventListener('click', function(e) {\r\n      const phoneValue = phoneField.value.trim();\r\n      const egyptRegex = \/^01[0-2,5][0-9]{8}$\/;\r\n\r\n      if (!egyptRegex.test(phoneValue)) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        phoneField.setCustomValidity('please enter a valid phone number');\r\n        phoneField.reportValidity();\r\n      } else {\r\n        phoneField.setCustomValidity('');\r\n      }\r\n    });\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21dbae9 elementor-widget elementor-widget-html\" data-id=\"21dbae9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const dateField = document.querySelector('#form-field-date'); \/\/ \u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 ID = date\r\n  if (dateField) {\r\n    let today = new Date();\r\n\r\n    \/\/ \u0644\u0648 \u0639\u0627\u064a\u0632 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0646\u0647\u0627\u0631\u062f\u0629\r\n    \/\/ \u0633\u064a\u0628 \u0627\u0644\u0633\u0637\u0631 \u062f\u0647\r\n    \/\/ today = today;\r\n\r\n    \/\/ \ud83d\udc47 \u0644\u0648 \u0639\u0627\u064a\u0632 \u0645\u0646 \u0628\u0643\u0631\u0629 \u0641\u0642\u0637 (\u0634\u064a\u0644 \u0627\u0644\u0643\u0648\u0645\u0646\u062a \u0639\u0646 \u0627\u0644\u0633\u0637\u0631 \u062f\u0647)\r\n    \/\/ today.setDate(today.getDate() + 1);\r\n\r\n    let dd = String(today.getDate()).padStart(2, '0');\r\n    let mm = String(today.getMonth() + 1).padStart(2, '0');\r\n    let yyyy = today.getFullYear();\r\n    let todayFormatted = yyyy + '-' + mm + '-' + dd;\r\n\r\n    dateField.setAttribute('min', todayFormatted);\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04e46aa wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"04e46aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-bordered wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Reservation<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2ebba5 elementor-button-align-center elementor-mobile-button-align-center elementor-tablet-button-align-center elementor-widget elementor-widget-form\" data-id=\"f2ebba5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" id=\"reservationform\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"28340\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"f2ebba5\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Reservation - Opal Cafe&amp;Restaurant\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"28340\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-md-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tYour Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name here\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-phone elementor-col-100 elementor-md-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-phone\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tHow can we contact you\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[phone]\" id=\"form-field-phone\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Phone Number here\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-total_guest elementor-col-100 elementor-md-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-total_guest\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTotal Guests\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[total_guest]\" id=\"form-field-total_guest\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"1\">1<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"2\" selected=\"selected\">2<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"3\">3<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"4\">4<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"5\">5<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"6\">6<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"7\">7<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"8\">8<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"9\">9<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"10\">10<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"11\">11<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"12\">12<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"13\">13<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"14\">14<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"15\">15<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-date elementor-field-group elementor-column elementor-field-group-date elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-date\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tDate\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\n\t\t<input type=\"date\" name=\"form_fields[date]\" id=\"form-field-date\" class=\"elementor-field elementor-size-sm  elementor-field-textual elementor-date-field\" placeholder=\"Select Date\" required=\"required\" pattern=\"[0-9]{4}-[0-9]{2}-[0-9]{2}\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-time elementor-field-group elementor-column elementor-field-group-time elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-time\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTime\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input type=\"time\" name=\"form_fields[time]\" id=\"form-field-time\" class=\"elementor-field elementor-size-sm  elementor-field-textual elementor-time-field\" placeholder=\"Choose time\" required=\"required\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tSpecial Request \t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[message]\" id=\"form-field-message\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Message\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text\">\n\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_5a149da]\" id=\"form-field-field_5a149da\" class=\"elementor-field elementor-size-sm \" style=\"display:none !important;\">\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Reserve Now<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\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>\u0627\u0644\u062d\u062c\u0632<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-28340","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/opal-restaurant.com\/ar\/wp-json\/wp\/v2\/pages\/28340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opal-restaurant.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opal-restaurant.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opal-restaurant.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/opal-restaurant.com\/ar\/wp-json\/wp\/v2\/comments?post=28340"}],"version-history":[{"count":0,"href":"https:\/\/opal-restaurant.com\/ar\/wp-json\/wp\/v2\/pages\/28340\/revisions"}],"wp:attachment":[{"href":"https:\/\/opal-restaurant.com\/ar\/wp-json\/wp\/v2\/media?parent=28340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}