\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646<\/title>\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons+Outlined\" rel=\"stylesheet\">\r\n\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { sans: ['Tajawal', 'sans-serif'] },\r\n colors: {\r\n medical: {\r\n primary: '#1e3a8a', \r\n secondary: '#3b82f6',\r\n accent: '#0ea5e9',\r\n soft: '#f0f9ff'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .branch-card { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }\r\n .branch-card:hover { transform: translateY(-10px); box-shadow: 0 25px 50px -12px rgba(30, 58, 138, 0.15); }\r\n .modal-overlay { backdrop-filter: blur(8px); transition: all 0.3s ease; }\r\n .animate-pop-in { animation: pop-in 0.4s cubic-bezier(0.26, 0.53, 0.74, 1.48); }\r\n @keyframes pop-in { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }\r\n input:focus, select:focus, textarea:focus { border-color: #3b82f6; ring: 2px; ring-color: rgba(59, 130, 246, 0.2); outline: none; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 font-sans text-slate-900\">\r\n\r\n <section class=\"py-16 px-4 md:px-8 max-w-7xl mx-auto\">\r\n \r\n <div class=\"text-center mb-16\">\r\n <h1 class=\"text-3xl md:text-5xl font-extrabold text-medical-primary mb-4\">\r\n <span data-i18n=\"main_title\">\u0641\u0631\u0648\u0639 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0631\u0624\u064a\u0629<\/span>\r\n <\/h1>\r\n <div class=\"w-24 h-1.5 bg-medical-secondary mx-auto rounded-full mb-6\"><\/div>\r\n <p class=\"text-slate-500 max-w-2xl mx-auto text-lg leading-relaxed\" data-i18n=\"sub_title\">\r\n \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0629 \u0627\u0644\u064a\u0645\u0646\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"branches-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"bookingModal\" class=\"fixed inset-0 z-50 hidden flex items-center justify-center p-4\">\r\n <div class=\"modal-overlay absolute inset-0 bg-medical-primary\/40\" onclick=\"closeModal()\"><\/div>\r\n <div class=\"bg-white w-full max-w-lg rounded-3xl shadow-2xl overflow-hidden relative z-10 animate-pop-in\">\r\n <div class=\"bg-medical-primary p-6 text-white flex justify-between items-center\">\r\n <h3 class=\"text-xl font-bold flex items-center gap-2\">\r\n <span class=\"material-icons-outlined\">event_available<\/span>\r\n <span data-i18n=\"modal_title\">\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0633\u0631\u064a\u0639<\/span>\r\n <\/h3>\r\n <button onclick=\"closeModal()\" class=\"hover:bg-white\/10 p-1 rounded-full\">\r\n <span class=\"material-icons-outlined\">close<\/span>\r\n <\/button>\r\n <\/div>\r\n <form id=\"bookingForm\" class=\"p-8 space-y-5\" onsubmit=\"handleBooking(event)\">\r\n <div>\r\n <label class=\"block text-sm font-bold mb-1.5\" data-i18n=\"label_name\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a<\/label>\r\n <input type=\"text\" id=\"patientName\" required class=\"w-full p-3 rounded-xl border border-slate-200 bg-slate-50\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u062b\u0644\u0627\u062b\u064a...\">\r\n <\/div>\r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <div>\r\n <label class=\"block text-sm font-bold mb-1.5\" data-i18n=\"label_age\">\u0627\u0644\u0639\u0645\u0631<\/label>\r\n <input type=\"number\" id=\"patientAge\" required class=\"w-full p-3 rounded-xl border border-slate-200 bg-slate-50\" placeholder=\"\u0645\u062b\u0627\u0644: 25\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-bold mb-1.5\" data-i18n=\"label_phone\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label>\r\n <input type=\"tel\" id=\"patientPhone\" required class=\"w-full p-3 rounded-xl border border-slate-200 bg-slate-50\" placeholder=\"7xxxxxxxx\">\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-bold mb-1.5\" data-i18n=\"label_branch\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639<\/label>\r\n <select id=\"selectedBranch\" class=\"w-full p-3 rounded-xl border border-slate-200 bg-slate-50\">\r\n <option value=\"\u0633\u064a\u0626\u0648\u0646\">\u0631\u0624\u064a\u0629 \u0633\u064a\u0626\u0648\u0646 (\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u0626\u064a\u0633\u064a)<\/option>\r\n <option value=\"\u0639\u062f\u0646\">\u0631\u0624\u064a\u0629 \u0639\u062f\u0646<\/option>\r\n <option value=\"\u0627\u0644\u0645\u0643\u0644\u0627\">\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0643\u0644\u0627<\/option>\r\n <option value=\"\u0627\u0644\u0634\u062d\u0631\">\u0631\u0624\u064a\u0629 \u0627\u0644\u0634\u062d\u0631<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-bold mb-1.5\" data-i18n=\"label_inquiry\">\u0634\u0631\u062d \u0645\u062e\u062a\u0635\u0631 \u0639\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631<\/label>\r\n <textarea id=\"patientInquiry\" rows=\"3\" class=\"w-full p-3 rounded-xl border border-slate-200 bg-slate-50\" placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643 \u0647\u0646\u0627...\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"w-full bg-medical-secondary text-white font-bold py-4 rounded-xl hover:bg-medical-primary transition-all shadow-lg flex justify-center items-center gap-2\">\r\n <span data-i18n=\"btn_submit\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u062c\u0632 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n <span class=\"material-icons-outlined\">send<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const branches = [\r\n {\r\n id: 'seiyun',\r\n name_ar: '\u0631\u0624\u064a\u0629 \u0633\u064a\u0626\u0648\u0646 (\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u0626\u064a\u0633\u064a)',\r\n name_en: 'Roaya Seiyun (HQ)',\r\n location_ar: '\u062d\u0636\u0631\u0645\u0648\u062a \u2013 \u0633\u064a\u0626\u0648\u0646 \u2013 \u0634\u0627\u0631\u0639 \u0627\u0644\u062c\u0632\u0627\u0626\u0631',\r\n location_en: 'Hadhramaut - Seiyun - Al-Jazaer St',\r\n map: 'https:\/\/maps.app.goo.gl\/xvdL8YxPkAsHL1vb6',\r\n whatsapp: '967774441177',\r\n phone: '05408993',\r\n img: 'https:\/\/roayae.org\/wp-content\/uploads\/2023\/11\/er-1024x659.jpg',\r\n tag_ar: '\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u0626\u064a\u0633\u064a',\r\n tag_en: 'Main Branch'\r\n },\r\n {\r\n id: 'aden',\r\n name_ar: '\u0631\u0624\u064a\u0629 \u0639\u062f\u0646',\r\n name_en: 'Roaya Aden',\r\n location_ar: '\u0639\u062f\u0646 \u2013 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u2013 \u0634\u0627\u0631\u0639 \u0627\u0644\u0633\u0646\u0627\u0641\u0631',\r\n location_en: 'Aden - Al-Qahira - Al-Sanafer St',\r\n map: 'https:\/\/maps.app.goo.gl\/o1mhgfPQBBQx9sSbA',\r\n whatsapp: '967782255557',\r\n phone: '02388150',\r\n img: 'https:\/\/roayae.org\/wp-content\/uploads\/2025\/10\/24.jpeg',\r\n tag_ar: '\u0627\u0644\u0639\u0627\u0635\u0645\u0629 \u0627\u0644\u0645\u0624\u0642\u062a\u0629',\r\n tag_en: 'Interim Capital'\r\n },\r\n {\r\n id: 'mukalla',\r\n name_ar: '\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0643\u0644\u0627',\r\n name_en: 'Roaya Mukalla',\r\n location_ar: '\u0627\u0644\u0645\u0643\u0644\u0627 \u2013 \u0627\u0644\u062f\u064a\u0633 \u2013 \u0639\u0645\u0627\u0631\u0629 \u0628\u0646 \u062c\u0645\u064a\u0644',\r\n location_en: 'Mukalla - Al-Dis - Bin Jamil Bldg',\r\n map: 'https:\/\/www.google.com\/maps?q=%D8%B1%D8%A4%D9%8A%D8%A9+%D9%84%D8%B7%D8%A8+%D9%88%D8%AC%D8%B1%D8%A7%D8%AD%D8%A9+%D8%A7%D9%84%D8%B9%D9%8A%D9%88%D9%86+%D9%88%D8%A7%D9%84%D8%B4%D8%A8%D9%83%D9%8A%D8%A9+%D8%A7%D9%84%D9%85%D9%83%D9%84%D8%A7',\r\n whatsapp: '967778844766',\r\n phone: '05310888',\r\n img: 'https:\/\/roayae.org\/wp-content\/uploads\/2024\/01\/IMG_2554-1024x683.jpg',\r\n tag_ar: '\u0633\u0627\u062d\u0644 \u062d\u0636\u0631\u0645\u0648\u062a',\r\n tag_en: 'Hadhramaut Coast'\r\n },\r\n {\r\n id: 'shahr',\r\n name_ar: '\u0631\u0624\u064a\u0629 \u0627\u0644\u0634\u062d\u0631',\r\n name_en: 'Roaya Al-Shehr',\r\n location_ar: '\u0627\u0644\u0634\u062d\u0631 \u2013 \u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u0629',\r\n location_en: 'Al-Shehr - Mansoura District',\r\n map: 'https:\/\/maps.app.goo.gl\/RPiwm5QhoQybU5xg6',\r\n whatsapp: '967781765720',\r\n phone: '781765257',\r\n img: 'https:\/\/roayae.org\/wp-content\/uploads\/2025\/10\/32.jpeg',\r\n tag_ar: '\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0634\u062d\u0631',\r\n tag_en: 'Al-Shehr City'\r\n }\r\n ];\r\n\r\n const i18n = {\r\n ar: {\r\n main_title: \"\u0641\u0631\u0648\u0639 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0631\u0624\u064a\u0629\",\r\n sub_title: \"\u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0629 \u0627\u0644\u064a\u0645\u0646\u064a\u0629.\",\r\n modal_title: \"\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0633\u0631\u064a\u0639\",\r\n label_name: \"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a\",\r\n label_age: \"\u0627\u0644\u0639\u0645\u0631\",\r\n label_phone: \"\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644\",\r\n label_branch: \"\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639\",\r\n label_inquiry: \"\u0634\u0631\u062d \u0645\u062e\u062a\u0635\u0631 \u0639\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\",\r\n btn_submit: \"\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u062c\u0632 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\",\r\n btn_map: \"\u0627\u0644\u0645\u0648\u0642\u0639\",\r\n btn_call: \"\u0627\u062a\u0635\u0627\u0644\",\r\n btn_book: \"\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\"\r\n },\r\n en: {\r\n main_title: \"Roaya Hospital Branches\",\r\n sub_title: \"Elite medical staff and the latest global technologies at your service across various Yemeni governorates.\",\r\n modal_title: \"Quick Appointment\",\r\n label_name: \"Full Name\",\r\n label_age: \"Age\",\r\n label_phone: \"Mobile Number\",\r\n label_branch: \"Select Branch\",\r\n label_inquiry: \"Short Inquiry\",\r\n btn_submit: \"Continue Booking via WhatsApp\",\r\n btn_map: \"Location\",\r\n btn_call: \"Call\",\r\n btn_book: \"Book Now\"\r\n }\r\n };\r\n\r\n function detectLang() {\r\n const htmlLang = document.documentElement.lang;\r\n const urlEn = window.location.href.includes('\/en\/');\r\n return (urlEn || htmlLang === 'en') ? 'en' : 'ar';\r\n }\r\n\r\n function renderBranches() {\r\n const lang = detectLang();\r\n const grid = document.getElementById('branches-grid');\r\n grid.innerHTML = '';\r\n \r\n branches.forEach(b => {\r\n grid.innerHTML += `\r\n <div class=\"branch-card bg-white rounded-[2rem] overflow-hidden shadow-xl shadow-slate-200\/50 border border-slate-100 flex flex-col\">\r\n <div class=\"relative h-56 group overflow-hidden\">\r\n <img decoding=\"async\" src=\"${b.img}\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\">\r\n <div class=\"absolute top-4 ${lang === 'ar' ? 'right-4' : 'left-4'} bg-white\/90 backdrop-blur px-4 py-1.5 rounded-full shadow-sm text-medical-primary text-xs font-extrabold\">\r\n ${lang === 'ar' ? b.tag_ar : b.tag_en}\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6 flex-1 flex flex-col\">\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">${lang === 'ar' ? b.name_ar : b.name_en}<\/h3>\r\n <div class=\"flex items-start gap-2 text-slate-500 mb-6\">\r\n <span class=\"material-icons-outlined text-medical-accent text-lg\">location_on<\/span>\r\n <p class=\"text-sm leading-relaxed text-slate-600 font-medium\">${lang === 'ar' ? b.location_ar : b.location_en}<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-2 gap-3 mb-6\">\r\n <a href=\"${b.map}\" target=\"_blank\" class=\"flex items-center justify-center gap-2 bg-slate-100 text-slate-700 py-3 rounded-2xl font-bold hover:bg-slate-200 transition\">\r\n <span class=\"material-icons-outlined text-lg\">map<\/span> ${i18n[lang].btn_map}\r\n <\/a>\r\n <a href=\"tel:${b.phone}\" class=\"flex items-center justify-center gap-2 bg-slate-100 text-slate-700 py-3 rounded-2xl font-bold hover:bg-slate-200 transition\">\r\n <span class=\"material-icons-outlined text-lg\">phone<\/span> ${i18n[lang].btn_call}\r\n <\/a>\r\n <\/div>\r\n\r\n <button onclick=\"openModal('${b.name_ar}')\" class=\"w-full bg-medical-primary text-white py-4 rounded-2xl font-bold flex items-center justify-center gap-2 hover:bg-medical-secondary shadow-lg shadow-medical-primary\/20\">\r\n <span class=\"material-icons-outlined\">calendar_month<\/span>\r\n ${i18n[lang].btn_book}\r\n <\/button>\r\n <\/div>\r\n <\/div>`;\r\n });\r\n\r\n \/\/ Apply static text translations\r\n document.querySelectorAll('[data-i18n]').forEach(el => {\r\n const key = el.getAttribute('data-i18n');\r\n if(i18n[lang][key]) el.innerText = i18n[lang][key];\r\n });\r\n\r\n \/\/ Set directionality\r\n document.documentElement.dir = (lang === 'ar') ? 'rtl' : 'ltr';\r\n }\r\n\r\n function openModal(branchName) {\r\n document.getElementById('bookingModal').classList.remove('hidden');\r\n document.getElementById('selectedBranch').value = branchName.includes('\u0633\u064a\u0626\u0648\u0646') ? '\u0633\u064a\u0626\u0648\u0646' : \r\n branchName.includes('\u0639\u062f\u0646') ? '\u0639\u062f\u0646' : \r\n branchName.includes('\u0627\u0644\u0645\u0643\u0644\u0627') ? '\u0627\u0644\u0645\u0643\u0644\u0627' : '\u0627\u0644\u0634\u062d\u0631';\r\n }\r\n\r\n function closeModal() {\r\n document.getElementById('bookingModal').classList.add('hidden');\r\n }\r\n\r\n function handleBooking(e) {\r\n e.preventDefault();\r\n const branchKey = document.getElementById('selectedBranch').value;\r\n const branchData = branches.find(b => b.name_ar.includes(branchKey));\r\n \r\n const name = document.getElementById('patientName').value;\r\n const age = document.getElementById('patientAge').value;\r\n const phone = document.getElementById('patientPhone').value;\r\n const inquiry = document.getElementById('patientInquiry').value;\r\n\r\n const text = `\u0637\u0644\u0628 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u062c\u062f\u064a\u062f\\n-------------------\\n\u0627\u0644\u0641\u0631\u0639: ${branchData.name_ar}\\n\u0627\u0644\u0627\u0633\u0645: ${name}\\n\u0627\u0644\u0639\u0645\u0631: ${age}\\n\u0631\u0642\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644: ${phone}\\n\u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631: ${inquiry}`;\r\n const encodedText = encodeURIComponent(text);\r\n const whatsappUrl = `https:\/\/wa.me\/${branchData.whatsapp}?text=${encodedText}`;\r\n \r\n window.open(whatsappUrl, '_blank');\r\n closeModal();\r\n }\r\n\r\n window.addEventListener('DOMContentLoaded', renderBranches);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646 \u0641\u0631\u0648\u0639 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0631\u0624\u064a\u0629 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0629 \u0627\u0644\u064a\u0645\u0646\u064a\u0629. event_available \u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0633\u0631\u064a\u0639 close \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0639\u0645\u0631 \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 \u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639 \u0631\u0624\u064a\u0629 \u0633\u064a\u0626\u0648\u0646 (\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u0626\u064a\u0633\u064a)\u0631\u0624\u064a\u0629 \u0639\u062f\u0646\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0643\u0644\u0627\u0631\u0624\u064a\u0629 \u0627\u0644\u0634\u062d\u0631 \u0634\u0631\u062d \u0645\u062e\u062a\u0635\u0631 \u0639\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u062c\u0632 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 send<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9053","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/9053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/comments?post=9053"}],"version-history":[{"count":10,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/9053\/revisions"}],"predecessor-version":[{"id":9066,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/9053\/revisions\/9066"}],"wp:attachment":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/media?parent=9053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646<\/title>\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons+Outlined\" rel=\"stylesheet\">\r\n\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { sans: ['Tajawal', 'sans-serif'] },\r\n colors: {\r\n medical: {\r\n primary: '#1e3a8a', \r\n secondary: '#3b82f6',\r\n accent: '#0ea5e9',\r\n soft: '#f0f9ff'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .branch-card { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }\r\n .branch-card:hover { transform: translateY(-10px); box-shadow: 0 25px 50px -12px rgba(30, 58, 138, 0.15); }\r\n .modal-overlay { backdrop-filter: blur(8px); transition: all 0.3s ease; }\r\n .animate-pop-in { animation: pop-in 0.4s cubic-bezier(0.26, 0.53, 0.74, 1.48); }\r\n @keyframes pop-in { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }\r\n input:focus, select:focus, textarea:focus { border-color: #3b82f6; ring: 2px; ring-color: rgba(59, 130, 246, 0.2); outline: none; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 font-sans text-slate-900\">\r\n\r\n <section class=\"py-16 px-4 md:px-8 max-w-7xl mx-auto\">\r\n \r\n <div class=\"text-center mb-16\">\r\n <h1 class=\"text-3xl md:text-5xl font-extrabold text-medical-primary mb-4\">\r\n <span data-i18n=\"main_title\">\u0641\u0631\u0648\u0639 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0631\u0624\u064a\u0629<\/span>\r\n <\/h1>\r\n <div class=\"w-24 h-1.5 bg-medical-secondary mx-auto rounded-full mb-6\"><\/div>\r\n <p class=\"text-slate-500 max-w-2xl mx-auto text-lg leading-relaxed\" data-i18n=\"sub_title\">\r\n \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0629 \u0627\u0644\u064a\u0645\u0646\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"branches-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"bookingModal\" class=\"fixed inset-0 z-50 hidden flex items-center justify-center p-4\">\r\n <div class=\"modal-overlay absolute inset-0 bg-medical-primary\/40\" onclick=\"closeModal()\"><\/div>\r\n <div class=\"bg-white w-full max-w-lg rounded-3xl shadow-2xl overflow-hidden relative z-10 animate-pop-in\">\r\n <div class=\"bg-medical-primary p-6 text-white flex justify-between items-center\">\r\n <h3 class=\"text-xl font-bold flex items-center gap-2\">\r\n <span class=\"material-icons-outlined\">event_available<\/span>\r\n <span data-i18n=\"modal_title\">\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0633\u0631\u064a\u0639<\/span>\r\n <\/h3>\r\n <button onclick=\"closeModal()\" class=\"hover:bg-white\/10 p-1 rounded-full\">\r\n <span class=\"material-icons-outlined\">close<\/span>\r\n <\/button>\r\n <\/div>\r\n <form id=\"bookingForm\" class=\"p-8 space-y-5\" onsubmit=\"handleBooking(event)\">\r\n <div>\r\n <label class=\"block text-sm font-bold mb-1.5\" data-i18n=\"label_name\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a<\/label>\r\n <input type=\"text\" id=\"patientName\" required class=\"w-full p-3 rounded-xl border border-slate-200 bg-slate-50\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u062b\u0644\u0627\u062b\u064a...\">\r\n <\/div>\r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <div>\r\n <label class=\"block text-sm font-bold mb-1.5\" data-i18n=\"label_age\">\u0627\u0644\u0639\u0645\u0631<\/label>\r\n <input type=\"number\" id=\"patientAge\" required class=\"w-full p-3 rounded-xl border border-slate-200 bg-slate-50\" placeholder=\"\u0645\u062b\u0627\u0644: 25\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-bold mb-1.5\" data-i18n=\"label_phone\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label>\r\n <input type=\"tel\" id=\"patientPhone\" required class=\"w-full p-3 rounded-xl border border-slate-200 bg-slate-50\" placeholder=\"7xxxxxxxx\">\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-bold mb-1.5\" data-i18n=\"label_branch\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639<\/label>\r\n <select id=\"selectedBranch\" class=\"w-full p-3 rounded-xl border border-slate-200 bg-slate-50\">\r\n <option value=\"\u0633\u064a\u0626\u0648\u0646\">\u0631\u0624\u064a\u0629 \u0633\u064a\u0626\u0648\u0646 (\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u0626\u064a\u0633\u064a)<\/option>\r\n <option value=\"\u0639\u062f\u0646\">\u0631\u0624\u064a\u0629 \u0639\u062f\u0646<\/option>\r\n <option value=\"\u0627\u0644\u0645\u0643\u0644\u0627\">\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0643\u0644\u0627<\/option>\r\n <option value=\"\u0627\u0644\u0634\u062d\u0631\">\u0631\u0624\u064a\u0629 \u0627\u0644\u0634\u062d\u0631<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-bold mb-1.5\" data-i18n=\"label_inquiry\">\u0634\u0631\u062d \u0645\u062e\u062a\u0635\u0631 \u0639\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631<\/label>\r\n <textarea id=\"patientInquiry\" rows=\"3\" class=\"w-full p-3 rounded-xl border border-slate-200 bg-slate-50\" placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643 \u0647\u0646\u0627...\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"w-full bg-medical-secondary text-white font-bold py-4 rounded-xl hover:bg-medical-primary transition-all shadow-lg flex justify-center items-center gap-2\">\r\n <span data-i18n=\"btn_submit\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u062c\u0632 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n <span class=\"material-icons-outlined\">send<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const branches = [\r\n {\r\n id: 'seiyun',\r\n name_ar: '\u0631\u0624\u064a\u0629 \u0633\u064a\u0626\u0648\u0646 (\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u0626\u064a\u0633\u064a)',\r\n name_en: 'Roaya Seiyun (HQ)',\r\n location_ar: '\u062d\u0636\u0631\u0645\u0648\u062a \u2013 \u0633\u064a\u0626\u0648\u0646 \u2013 \u0634\u0627\u0631\u0639 \u0627\u0644\u062c\u0632\u0627\u0626\u0631',\r\n location_en: 'Hadhramaut - Seiyun - Al-Jazaer St',\r\n map: 'https:\/\/maps.app.goo.gl\/xvdL8YxPkAsHL1vb6',\r\n whatsapp: '967774441177',\r\n phone: '05408993',\r\n img: 'https:\/\/roayae.org\/wp-content\/uploads\/2023\/11\/er-1024x659.jpg',\r\n tag_ar: '\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u0626\u064a\u0633\u064a',\r\n tag_en: 'Main Branch'\r\n },\r\n {\r\n id: 'aden',\r\n name_ar: '\u0631\u0624\u064a\u0629 \u0639\u062f\u0646',\r\n name_en: 'Roaya Aden',\r\n location_ar: '\u0639\u062f\u0646 \u2013 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u2013 \u0634\u0627\u0631\u0639 \u0627\u0644\u0633\u0646\u0627\u0641\u0631',\r\n location_en: 'Aden - Al-Qahira - Al-Sanafer St',\r\n map: 'https:\/\/maps.app.goo.gl\/o1mhgfPQBBQx9sSbA',\r\n whatsapp: '967782255557',\r\n phone: '02388150',\r\n img: 'https:\/\/roayae.org\/wp-content\/uploads\/2025\/10\/24.jpeg',\r\n tag_ar: '\u0627\u0644\u0639\u0627\u0635\u0645\u0629 \u0627\u0644\u0645\u0624\u0642\u062a\u0629',\r\n tag_en: 'Interim Capital'\r\n },\r\n {\r\n id: 'mukalla',\r\n name_ar: '\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0643\u0644\u0627',\r\n name_en: 'Roaya Mukalla',\r\n location_ar: '\u0627\u0644\u0645\u0643\u0644\u0627 \u2013 \u0627\u0644\u062f\u064a\u0633 \u2013 \u0639\u0645\u0627\u0631\u0629 \u0628\u0646 \u062c\u0645\u064a\u0644',\r\n location_en: 'Mukalla - Al-Dis - Bin Jamil Bldg',\r\n map: 'https:\/\/www.google.com\/maps?q=%D8%B1%D8%A4%D9%8A%D8%A9+%D9%84%D8%B7%D8%A8+%D9%88%D8%AC%D8%B1%D8%A7%D8%AD%D8%A9+%D8%A7%D9%84%D8%B9%D9%8A%D9%88%D9%86+%D9%88%D8%A7%D9%84%D8%B4%D8%A8%D9%83%D9%8A%D8%A9+%D8%A7%D9%84%D9%85%D9%83%D9%84%D8%A7',\r\n whatsapp: '967778844766',\r\n phone: '05310888',\r\n img: 'https:\/\/roayae.org\/wp-content\/uploads\/2024\/01\/IMG_2554-1024x683.jpg',\r\n tag_ar: '\u0633\u0627\u062d\u0644 \u062d\u0636\u0631\u0645\u0648\u062a',\r\n tag_en: 'Hadhramaut Coast'\r\n },\r\n {\r\n id: 'shahr',\r\n name_ar: '\u0631\u0624\u064a\u0629 \u0627\u0644\u0634\u062d\u0631',\r\n name_en: 'Roaya Al-Shehr',\r\n location_ar: '\u0627\u0644\u0634\u062d\u0631 \u2013 \u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u0629',\r\n location_en: 'Al-Shehr - Mansoura District',\r\n map: 'https:\/\/maps.app.goo.gl\/RPiwm5QhoQybU5xg6',\r\n whatsapp: '967781765720',\r\n phone: '781765257',\r\n img: 'https:\/\/roayae.org\/wp-content\/uploads\/2025\/10\/32.jpeg',\r\n tag_ar: '\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0634\u062d\u0631',\r\n tag_en: 'Al-Shehr City'\r\n }\r\n ];\r\n\r\n const i18n = {\r\n ar: {\r\n main_title: \"\u0641\u0631\u0648\u0639 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0631\u0624\u064a\u0629\",\r\n sub_title: \"\u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0629 \u0627\u0644\u064a\u0645\u0646\u064a\u0629.\",\r\n modal_title: \"\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0633\u0631\u064a\u0639\",\r\n label_name: \"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a\",\r\n label_age: \"\u0627\u0644\u0639\u0645\u0631\",\r\n label_phone: \"\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644\",\r\n label_branch: \"\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639\",\r\n label_inquiry: \"\u0634\u0631\u062d \u0645\u062e\u062a\u0635\u0631 \u0639\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\",\r\n btn_submit: \"\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u062c\u0632 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\",\r\n btn_map: \"\u0627\u0644\u0645\u0648\u0642\u0639\",\r\n btn_call: \"\u0627\u062a\u0635\u0627\u0644\",\r\n btn_book: \"\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\"\r\n },\r\n en: {\r\n main_title: \"Roaya Hospital Branches\",\r\n sub_title: \"Elite medical staff and the latest global technologies at your service across various Yemeni governorates.\",\r\n modal_title: \"Quick Appointment\",\r\n label_name: \"Full Name\",\r\n label_age: \"Age\",\r\n label_phone: \"Mobile Number\",\r\n label_branch: \"Select Branch\",\r\n label_inquiry: \"Short Inquiry\",\r\n btn_submit: \"Continue Booking via WhatsApp\",\r\n btn_map: \"Location\",\r\n btn_call: \"Call\",\r\n btn_book: \"Book Now\"\r\n }\r\n };\r\n\r\n function detectLang() {\r\n const htmlLang = document.documentElement.lang;\r\n const urlEn = window.location.href.includes('\/en\/');\r\n return (urlEn || htmlLang === 'en') ? 'en' : 'ar';\r\n }\r\n\r\n function renderBranches() {\r\n const lang = detectLang();\r\n const grid = document.getElementById('branches-grid');\r\n grid.innerHTML = '';\r\n \r\n branches.forEach(b => {\r\n grid.innerHTML += `\r\n <div class=\"branch-card bg-white rounded-[2rem] overflow-hidden shadow-xl shadow-slate-200\/50 border border-slate-100 flex flex-col\">\r\n <div class=\"relative h-56 group overflow-hidden\">\r\n <img decoding=\"async\" src=\"${b.img}\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\">\r\n <div class=\"absolute top-4 ${lang === 'ar' ? 'right-4' : 'left-4'} bg-white\/90 backdrop-blur px-4 py-1.5 rounded-full shadow-sm text-medical-primary text-xs font-extrabold\">\r\n ${lang === 'ar' ? b.tag_ar : b.tag_en}\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6 flex-1 flex flex-col\">\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">${lang === 'ar' ? b.name_ar : b.name_en}<\/h3>\r\n <div class=\"flex items-start gap-2 text-slate-500 mb-6\">\r\n <span class=\"material-icons-outlined text-medical-accent text-lg\">location_on<\/span>\r\n <p class=\"text-sm leading-relaxed text-slate-600 font-medium\">${lang === 'ar' ? b.location_ar : b.location_en}<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-2 gap-3 mb-6\">\r\n <a href=\"${b.map}\" target=\"_blank\" class=\"flex items-center justify-center gap-2 bg-slate-100 text-slate-700 py-3 rounded-2xl font-bold hover:bg-slate-200 transition\">\r\n <span class=\"material-icons-outlined text-lg\">map<\/span> ${i18n[lang].btn_map}\r\n <\/a>\r\n <a href=\"tel:${b.phone}\" class=\"flex items-center justify-center gap-2 bg-slate-100 text-slate-700 py-3 rounded-2xl font-bold hover:bg-slate-200 transition\">\r\n <span class=\"material-icons-outlined text-lg\">phone<\/span> ${i18n[lang].btn_call}\r\n <\/a>\r\n <\/div>\r\n\r\n <button onclick=\"openModal('${b.name_ar}')\" class=\"w-full bg-medical-primary text-white py-4 rounded-2xl font-bold flex items-center justify-center gap-2 hover:bg-medical-secondary shadow-lg shadow-medical-primary\/20\">\r\n <span class=\"material-icons-outlined\">calendar_month<\/span>\r\n ${i18n[lang].btn_book}\r\n <\/button>\r\n <\/div>\r\n <\/div>`;\r\n });\r\n\r\n \/\/ Apply static text translations\r\n document.querySelectorAll('[data-i18n]').forEach(el => {\r\n const key = el.getAttribute('data-i18n');\r\n if(i18n[lang][key]) el.innerText = i18n[lang][key];\r\n });\r\n\r\n \/\/ Set directionality\r\n document.documentElement.dir = (lang === 'ar') ? 'rtl' : 'ltr';\r\n }\r\n\r\n function openModal(branchName) {\r\n document.getElementById('bookingModal').classList.remove('hidden');\r\n document.getElementById('selectedBranch').value = branchName.includes('\u0633\u064a\u0626\u0648\u0646') ? '\u0633\u064a\u0626\u0648\u0646' : \r\n branchName.includes('\u0639\u062f\u0646') ? '\u0639\u062f\u0646' : \r\n branchName.includes('\u0627\u0644\u0645\u0643\u0644\u0627') ? '\u0627\u0644\u0645\u0643\u0644\u0627' : '\u0627\u0644\u0634\u062d\u0631';\r\n }\r\n\r\n function closeModal() {\r\n document.getElementById('bookingModal').classList.add('hidden');\r\n }\r\n\r\n function handleBooking(e) {\r\n e.preventDefault();\r\n const branchKey = document.getElementById('selectedBranch').value;\r\n const branchData = branches.find(b => b.name_ar.includes(branchKey));\r\n \r\n const name = document.getElementById('patientName').value;\r\n const age = document.getElementById('patientAge').value;\r\n const phone = document.getElementById('patientPhone').value;\r\n const inquiry = document.getElementById('patientInquiry').value;\r\n\r\n const text = `\u0637\u0644\u0628 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u062c\u062f\u064a\u062f\\n-------------------\\n\u0627\u0644\u0641\u0631\u0639: ${branchData.name_ar}\\n\u0627\u0644\u0627\u0633\u0645: ${name}\\n\u0627\u0644\u0639\u0645\u0631: ${age}\\n\u0631\u0642\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644: ${phone}\\n\u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631: ${inquiry}`;\r\n const encodedText = encodeURIComponent(text);\r\n const whatsappUrl = `https:\/\/wa.me\/${branchData.whatsapp}?text=${encodedText}`;\r\n \r\n window.open(whatsappUrl, '_blank');\r\n closeModal();\r\n }\r\n\r\n window.addEventListener('DOMContentLoaded', renderBranches);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646 \u0641\u0631\u0648\u0639 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0631\u0624\u064a\u0629 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0629 \u0627\u0644\u064a\u0645\u0646\u064a\u0629. event_available \u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0633\u0631\u064a\u0639 close \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0639\u0645\u0631 \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 \u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639 \u0631\u0624\u064a\u0629 \u0633\u064a\u0626\u0648\u0646 (\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u0626\u064a\u0633\u064a)\u0631\u0624\u064a\u0629 \u0639\u062f\u0646\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0643\u0644\u0627\u0631\u0624\u064a\u0629 \u0627\u0644\u0634\u062d\u0631 \u0634\u0631\u062d \u0645\u062e\u062a\u0635\u0631 \u0639\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u062c\u0632 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 send<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9053","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/9053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/comments?post=9053"}],"version-history":[{"count":10,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/9053\/revisions"}],"predecessor-version":[{"id":9066,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/9053\/revisions\/9066"}],"wp:attachment":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/media?parent=9053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}