{"id":6868,"date":"2026-04-04T15:37:41","date_gmt":"2026-04-04T15:37:41","guid":{"rendered":"https:\/\/thg-egypt.com\/?page_id=6868"},"modified":"2026-04-13T09:58:11","modified_gmt":"2026-04-13T09:58:11","slug":"outpatient-clinics","status":"publish","type":"page","link":"https:\/\/thg-egypt.com\/ar\/outpatient-clinics\/","title":{"rendered":"\u062d\u062c\u0632 \u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0628\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062a\u064a\u0633\u064a\u0631"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6868\" class=\"elementor elementor-6868\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c88594 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3c88594\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5615bd6\" data-id=\"5615bd6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b902013 elementor-widget elementor-widget-html\" data-id=\"b902013\" 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<style>\r\n    \/* =========================================\r\n       \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0644\u0648\u0646\u064a\u0629 (\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629)\r\n       ========================================= *\/\r\n    :root {\r\n        --blue-primary: #005b96;\r\n        --blue-secondary: #00426d;\r\n        --orange-primary: #e67e22;\r\n        --orange-dark: #d35400;\r\n        --green-dark: #196f3d;\r\n        --orange-light: #fff5eb;\r\n        --white: #ffffff;\r\n        --bg-light: #f8fafc;\r\n        --text-main: #2c3e50;\r\n        --border-color: #e2e8f0;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 - \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    .tayseer-container {\r\n        font-family: 'Tajawal', 'Cairo', sans-serif;\r\n        direction: rtl;\r\n        max-width: 850px;\r\n        margin: 20px auto;\r\n        background: var(--white);\r\n        border-radius: 16px;\r\n        box-shadow: 0 10px 40px rgba(0, 91, 150, 0.08);\r\n        padding: 30px 20px;\r\n        border-top: 6px solid var(--blue-primary);\r\n        color: var(--text-main);\r\n        box-sizing: border-box; \/* \u064a\u0645\u0646\u0639 \u0627\u0644\u0627\u0646\u0643\u0645\u0627\u0634 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    }\r\n\r\n    \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 *\/\r\n    .tayseer-select-wrapper { text-align: center; margin-bottom: 25px; }\r\n    .tayseer-select-label { display: block; font-size: 18px; font-weight: bold; color: var(--blue-primary); margin-bottom: 15px; }\r\n    .tayseer-select {\r\n        width: 100%; max-width: 400px; padding: 12px 20px; font-size: 16px; font-family: inherit;\r\n        color: var(--text-main); border: 2px solid var(--border-color); border-radius: 10px; background-color: var(--bg-light);\r\n        cursor: pointer; outline: none; transition: all 0.3s ease; text-align: center; text-align-last: center; \r\n        font-weight: bold;\r\n    }\r\n    .tayseer-select:focus { border-color: var(--blue-primary); box-shadow: 0 0 0 3px rgba(0, 91, 150, 0.1); }\r\n\r\n    \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u062f\u0648\u0644 *\/\r\n    .tayseer-table-wrapper { \r\n        overflow-x: auto; \r\n        border-radius: 12px; \r\n        border: 1px solid var(--border-color); \r\n        display: none; \r\n        animation: fadeIn 0.5s ease; \r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.03); \r\n        margin-bottom: 25px;\r\n        background: var(--white);\r\n    }\r\n    .tayseer-table { \r\n        width: 100%; \r\n        border-collapse: separate; \r\n        border-spacing: 0;\r\n        text-align: center; \r\n        margin: 0;\r\n    }\r\n    .tayseer-table th { \r\n        background-color: var(--blue-primary); \r\n        color: var(--white); \r\n        padding: 16px 10px; \r\n        font-size: 16px; \r\n        font-weight: bold; \r\n        text-align: center !important; \/* \u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0648\u0633\u064a\u0637 *\/\r\n        border-left: 1px solid rgba(255,255,255,0.2);\r\n    }\r\n    .tayseer-table th:last-child { border-left: none; }\r\n    .tayseer-table th:first-child { border-top-right-radius: 11px; }\r\n    .tayseer-table th:last-child { border-top-left-radius: 11px; }\r\n\r\n    .tayseer-table td { \r\n        padding: 15px 10px; \r\n        font-size: 15px; \r\n        text-align: center !important; \/* \u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0648\u0633\u064a\u0637 *\/\r\n        border-bottom: 1px solid var(--border-color); \r\n        border-left: 1px solid var(--border-color); \r\n        vertical-align: middle; \r\n    }\r\n    .tayseer-table td:last-child { border-left: none; }\r\n    .tayseer-table tr:last-child td { border-bottom: none; }\r\n    .tayseer-table tr:nth-child(even) td { background-color: var(--bg-light); }\r\n\r\n    \/* \u0642\u0633\u0645 \u0627\u0644\u062d\u062c\u0632 \u0627\u0644\u062c\u062f\u064a\u062f *\/\r\n    .booking-section { text-align: center; margin-top: 35px; border-top: 2px dashed var(--border-color); padding-top: 25px; }\r\n    .btn-book-main {\r\n        background-color: var(--blue-primary); color: var(--white); padding: 14px 40px; border: none; border-radius: 50px;\r\n        font-size: 18px; font-weight: bold; cursor: pointer; transition: 0.3s all; box-shadow: 0 6px 15px rgba(0,91,150,0.2);\r\n        font-family: inherit;\r\n    }\r\n\r\n    \/* \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a *\/\r\n    .info-box {\r\n        display: none; margin-top: 25px; background: var(--bg-light); border: 1px solid var(--border-color);\r\n        border-radius: 12px; padding: 25px 15px; text-align: center; animation: fadeIn 0.4s ease;\r\n    }\r\n    .info-title { color: var(--blue-primary); font-weight: bold; font-size: 22px; margin-bottom: 25px; border-bottom: 2px solid #e2e8f0; padding-bottom: 15px; display: inline-block; }\r\n    \r\n    .rules-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 25px; }\r\n    .rule-card { \r\n        background: var(--white); padding: 20px 15px; border-radius: 10px; \r\n        border-top: 4px solid var(--blue-primary);\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: transform 0.3s;\r\n    }\r\n    .rule-card.orange-border { border-top-color: var(--orange-primary); }\r\n    .rule-card h4 { margin: 0 0 10px 0; color: var(--blue-primary); font-size: 18px; }\r\n    .rule-card p { line-height: 1.6; margin: 0; font-size: 14px; color: var(--text-main); }\r\n    \r\n    .exception-list { background: var(--orange-light); padding: 20px 15px; border-radius: 12px; border: 1px dashed var(--orange-primary); }\r\n    .exception-list ul { list-style: none; padding: 0; margin: 0 0 20px 0; display: flex; flex-direction: column; gap: 10px; align-items: center; }\r\n    .exception-list li {\r\n        font-weight: bold; font-size: 15px; color: var(--blue-primary); padding: 10px 15px;\r\n        background: var(--white); border-radius: 8px; width: 100%; max-width: 300px;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.04); border-right: 4px solid var(--blue-primary);\r\n    }\r\n    \r\n    .booking-btn-blue {\r\n        display: inline-flex; align-items: center; justify-content: center;\r\n        background-color: var(--blue-primary); color: var(--white); padding: 14px 40px;\r\n        text-decoration: none; border-radius: 50px; font-weight: bold; font-size: 17px; transition: 0.3s;\r\n        box-shadow: 0 6px 15px rgba(0, 91, 150, 0.2); border: none; cursor: pointer; font-family: inherit;\r\n    }\r\n\r\n    \/* \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062d\u062c\u0632 *\/\r\n    .booking-form { background: var(--white); padding: 20px; border-radius: 12px; border: 1px solid var(--border-color); margin-top: 20px; text-align: right; box-shadow: 0 5px 20px rgba(0,0,0,0.02); animation: fadeIn 0.4s; }\r\n    .form-group { margin-bottom: 20px; }\r\n    .form-group label { display: block; font-weight: bold; margin-bottom: 8px; color: var(--blue-primary); font-size: 16px; }\r\n    .form-group input, .form-group select, .form-group textarea { \r\n        width: 100%; padding: 14px; border: 2px solid var(--border-color); border-radius: 8px; \r\n        font-family: inherit; box-sizing: border-box; font-size: 16px; color: var(--text-main); transition: 0.3s;\r\n    }\r\n    .form-group textarea { resize: vertical; min-height: 100px; }\r\n    \r\n    .btn-submit { \r\n        background-color: var(--green-dark); color: var(--white); \r\n        padding: 16px; border: none; border-radius: 10px; cursor: pointer; \r\n        font-weight: bold; width: 100%; font-size: 18px; \r\n        transition: 0.3s; margin-top: 10px; box-shadow: 0 4px 15px rgba(25, 111, 61, 0.3);\r\n    }\r\n    .btn-submit:hover { background-color: var(--orange-dark); transform: translateY(-2px); }\r\n    \r\n    \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0645\u0646\u0628\u062b\u0642\u0629 *\/\r\n    .popup-overlay {\r\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 91, 150, 0.6); backdrop-filter: blur(4px);\r\n        display: none; justify-content: center; align-items: center; z-index: 9999;\r\n    }\r\n    .popup-box {\r\n        background: var(--white); padding: 30px; border-radius: 16px; text-align: center;\r\n        max-width: 400px; width: 90%; box-shadow: 0 15px 40px rgba(0,0,0,0.2);\r\n        animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); direction: rtl;\r\n        border-top: 6px solid var(--orange-primary);\r\n    }\r\n    .btn-close-popup {\r\n        background-color: var(--blue-primary); color: var(--white); border: none; padding: 12px 30px; border-radius: 50px;\r\n        cursor: pointer; font-size: 17px; font-weight: bold; font-family: inherit; width: 100%;\r\n    }\r\n\r\n    \/* \ud83d\udd25 \u0623\u0647\u0645 \u062c\u0632\u0621: \u0625\u0635\u0644\u0627\u062d \u0627\u0646\u0643\u0645\u0627\u0634 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \ud83d\udd25 *\/\r\n    @media (max-width: 768px) {\r\n        .tayseer-container { \r\n            padding: 20px 10px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0634\u0648 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0644\u0632\u064a\u0627\u062f\u0629 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n            margin: 10px 5px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0647\u0648\u0627\u0645\u0634 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 *\/\r\n            width: auto; \/* \u0627\u0644\u0633\u0645\u0627\u062d \u0628\u0627\u0644\u062a\u0648\u0633\u0639 *\/\r\n        }\r\n        .rules-grid { grid-template-columns: 1fr; gap: 15px; } \/* \u0643\u0631\u0648\u062a \u0627\u0644\u0642\u0648\u0627\u0639\u062f \u062a\u062d\u062a \u0628\u0639\u0636\u0647\u0627 *\/\r\n        .btn-book-main, .booking-btn-blue, .btn-submit { \r\n            width: 100%; \/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u062a\u0623\u062e\u0630 \u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0644\u0645\u0633 *\/\r\n            padding: 15px;\r\n        }\r\n        .info-title { font-size: 19px; }\r\n        .tayseer-select { font-size: 15px; }\r\n        .rule-card { padding: 15px; }\r\n    }\r\n\r\n    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n<\/style>\r\n\r\n<div class=\"tayseer-container\">\r\n    <div class=\"tayseer-select-wrapper\">\r\n        <label class=\"tayseer-select-label\" for=\"clinicSelect\">\ud83e\ude7a \u0628\u0631\u062c\u0627\u0621 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062a\u062e\u0635\u0635 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f:<\/label>\r\n        <select id=\"clinicSelect\" class=\"tayseer-select\" onchange=\"showClinicSchedule()\" disabled>\r\n            <option value=\"\">\u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a...<\/option>\r\n        <\/select>\r\n    <\/div>\r\n    \r\n    <div id=\"tableContainer\" class=\"tayseer-table-wrapper\">\r\n        <table class=\"tayseer-table\" id=\"tayseerTable\">\r\n            <thead id=\"tayseerThead\"><\/thead>\r\n            <tbody id=\"tayseerTbody\"><\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n    <div class=\"booking-section\" id=\"bookingAction\" style=\"display:none;\">\r\n        <button type=\"button\" class=\"btn-book-main\" onclick=\"toggleInfo()\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/button>\r\n        \r\n        <div id=\"infoBox\" class=\"info-box\">\r\n            <div class=\"info-title\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0647\u0627\u0645\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0627\u0644\u0643\u0631\u0627\u0645<\/div>\r\n            \r\n            <div class=\"rules-grid\">\r\n                <div class=\"rule-card\">\r\n                    <h4>\u0627\u0644\u0643\u0634\u0641 \u0628\u062f\u0648\u0646 \u062d\u062c\u0632 \u0645\u0633\u0628\u0642<\/h4>\r\n                    <p>\u064a\u0645\u0643\u0646 \u0627\u0644\u0643\u0634\u0641 \u0628\u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0628\u0623\u0633\u0628\u0642\u064a\u0629 \u0627\u0644\u062d\u0636\u0648\u0631 \u0628\u062f\u0648\u0646 \u0625\u062a\u0635\u0627\u0644 \u0623\u0648 \u062d\u062c\u0632 \u0645\u0633\u0628\u0642. \u064a\u0641\u0636\u0644 \u0627\u0644\u062d\u0636\u0648\u0631 \u0642\u0628\u0644 \u0645\u0648\u0639\u062f \u0627\u0644\u0637\u0628\u064a\u0628 \u0628\u0640 30 \u062f\u0642\u064a\u0642\u0629.<\/p>\r\n                <\/div>\r\n                <div class=\"rule-card orange-border\">\r\n                    <h4>\u0627\u0644\u0643\u0634\u0641 \u0628\u0627\u0644\u062d\u062c\u0632 \u0627\u0644\u0645\u0633\u0628\u0642<\/h4>\r\n                    <p>\u064a\u062c\u0628 \u0627\u0644\u062d\u0636\u0648\u0631 \u0644\u0644\u062d\u062c\u0632 \u0648\u0623\u062e\u0630 \u0643\u0627\u0631\u062a \u0645\u0646 \u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0623\u0648 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062d\u062c\u0632 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0645\u0628\u0627\u0634\u0631.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"exception-list\">\r\n                <h4>\u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0644\u0647\u0645 \u062d\u062c\u0632 \u0645\u0633\u0628\u0642 \u0641\u0642\u0637:<\/h4>\r\n                <ul>\r\n                    <li>\u0623.\u062f\/ \u062a\u0627\u0645\u0631 \u0627\u0644\u0635\u064a\u0631\u0641\u0649<\/li>\r\n                    <li>\u0623.\u062f\/ \u0634\u0631\u064a\u0641 \u062c\u0644\u0627\u0644<\/li>\r\n                    <li>\u0623.\u062f\/ \u0645\u062d\u0645\u062f \u062d\u0633\u0646 \u0625\u0628\u0631\u0627\u0647\u064a\u0645<\/li>\r\n                    <li>\u0623.\u062f\/ \u0645\u0646\u0635\u0648\u0631 \u0639\u0628\u062f\u0627\u0644\u0645\u062c\u064a\u062f<\/li>\r\n                    <li>\u0623.\u062f\/ \u0645\u062d\u0645\u062f \u0639\u0627\u0628\u062f\u064a\u0646<\/li>\r\n                    <li>\u0623.\u062f\/ \u0648\u062d\u064a\u062f \u0634\u0648\u0645\u0627\u0646<\/li>\r\n                <\/ul>\r\n                \r\n                <p style=\"margin-bottom: 20px; font-weight: bold; color: var(--text-main); font-size: 16px;\">\u0644\u062d\u062c\u0632 \u0647\u0624\u0644\u0627\u0621 \u0627\u0644\u0623\u0637\u0628\u0627\u0621\u060c \u064a\u0631\u062c\u0649 \u062a\u0642\u062f\u064a\u0645 \u0637\u0644\u0628 \u062d\u062c\u0632:<\/p>\r\n                <button type=\"button\" onclick=\"showBookingForm()\" id=\"showFormBtn\" class=\"booking-btn-blue\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/button>\r\n\r\n                <div id=\"bookingForm\" class=\"booking-form\" style=\"display:none;\">\r\n                    <div class=\"form-group\">\r\n                        <label>\u0627\u0633\u0645 \u0627\u0644\u0637\u0628\u064a\u0628:<\/label>\r\n                        <select id=\"bookDoctor\">\r\n                            <option value=\"\u0623.\u062f\/ \u062a\u0627\u0645\u0631 \u0627\u0644\u0635\u064a\u0631\u0641\u0649\">\u0623.\u062f\/ \u062a\u0627\u0645\u0631 \u0627\u0644\u0635\u064a\u0631\u0641\u0649<\/option>\r\n                            <option value=\"\u0623.\u062f\/ \u0634\u0631\u064a\u0641 \u062c\u0644\u0627\u0644\">\u0623.\u062f\/ \u0634\u0631\u064a\u0641 \u062c\u0644\u0627\u0644<\/option>\r\n                            <option value=\"\u0623.\u062f\/ \u0645\u062d\u0645\u062f \u062d\u0633\u0646 \u0625\u0628\u0631\u0627\u0647\u064a\u0645\">\u0623.\u062f\/ \u0645\u062d\u0645\u062f \u062d\u0633\u0646 \u0625\u0628\u0631\u0627\u0647\u064a\u0645<\/option>\r\n                            <option value=\"\u0623.\u062f\/ \u0645\u0646\u0635\u0648\u0631 \u0639\u0628\u062f\u0627\u0644\u0645\u062c\u064a\u062f\">\u0623.\u062f\/ \u0645\u0646\u0635\u0648\u0631 \u0639\u0628\u062f\u0627\u0644\u0645\u062c\u064a\u062f<\/option>\r\n                            <option value=\"\u0623.\u062f\/ \u0645\u062d\u0645\u062f \u0639\u0627\u0628\u062f\u064a\u0646\">\u0623.\u062f\/ \u0645\u062d\u0645\u062f \u0639\u0627\u0628\u062f\u064a\u0646<\/option>\r\n                            <option value=\"\u0623.\u062f\/ \u0648\u062d\u064a\u062f \u0634\u0648\u0645\u0627\u0646\">\u0623.\u062f\/ \u0648\u062d\u064a\u062f \u0634\u0648\u0645\u0627\u0646<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label>\u0627\u0633\u0645 \u0627\u0644\u062d\u0627\u0644\u0629 \u062b\u0644\u0627\u062b\u064a:<\/label>\r\n                        <input type=\"text\" id=\"patientName\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0645\u0631\u064a\u0636 \u0643\u0627\u0645\u0644\u0627\u064b\">\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label>\u0631\u0642\u0645 \u0647\u0627\u062a\u0641 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628:<\/label>\r\n                        <input type=\"number\" id=\"whatsappNumber\" placeholder=\"\u0645\u062b\u0627\u0644: 010xxxxxxxx\">\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label>\u0645\u0644\u062d\u0648\u0638\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a):<\/label>\r\n                        <textarea id=\"patientNote\" placeholder=\"\u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u062a\u0643 \u0644\u0639\u0631\u0636\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0647\u0646\u0627...\" rows=\"3\"><\/textarea>\r\n                    <\/div>\r\n\r\n                    <button type=\"button\" class=\"btn-submit\" id=\"submitBtn\" onclick=\"submitToSheet(event)\">\u062a\u0623\u0643\u064a\u062f \u0648\u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u062d\u062c\u0632<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"popup-overlay\" id=\"successPopup\">\r\n    <div class=\"popup-box\">\r\n        <h3>\u062a\u0645\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0628\u0646\u062c\u0627\u062d<\/h3>\r\n        <p>\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u062d\u062c\u0632 \u0628\u0646\u062c\u0627\u062d. \u062c\u0627\u0631\u064a \u0627\u0644\u0622\u0646 \u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u0627\u0644\u0643\u0634\u0641 \u0648\u0625\u0631\u0633\u0627\u0644\u0647 \u0644\u0643 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628.<\/p>\r\n        <button type=\"button\" class=\"btn-close-popup\" onclick=\"closePopup()\">\u062d\u0633\u0646\u0627\u064b<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/PapaParse\/5.3.2\/papaparse.min.js\"><\/script>\r\n\r\n<script>\r\n    const csvUrl = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vQGvODlaCDPg94nE3Akw5A72W7kyllg_sVWTsJcKkCVyxffYBc2LTwgFEtaURHMi7PlqXX6I3ty_gAy\/pub?output=csv';\r\n    const appScriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbxGW8pjoo-TFQytiIT_ACfyhYCnnpItdXxxZTnnTZYkgYXslPQB03peqYdpEINtY7KraA\/exec';\r\n    let globalData = [];\r\n    let headers = [];\r\n\r\n    Papa.parse(csvUrl, {\r\n        download: true,\r\n        header: false,\r\n        skipEmptyLines: true,\r\n        complete: function(results) {\r\n            const rows = results.data;\r\n            if(rows.length < 2) return;\r\n            headers = rows[0];\r\n            let rawData = rows.slice(1);\r\n            let currentClinic = \"\";\r\n            for (let i = 0; i < rawData.length; i++) {\r\n                if (rawData[i][0] && rawData[i][0].trim() !== \"\") {\r\n                    currentClinic = rawData[i][0].trim();\r\n                } else {\r\n                    rawData[i][0] = currentClinic;\r\n                }\r\n            }\r\n            globalData = rawData;\r\n            const clinics = [...new Set(globalData.map(row => row[0]).filter(c => c && c !== ''))];\r\n            const select = document.getElementById('clinicSelect');\r\n            select.innerHTML = '<option value=\"\">-- \u0627\u062e\u062a\u0631 \u0627\u0644\u062a\u062e\u0635\u0635 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f --<\/option>'; \r\n            clinics.forEach(clinic => {\r\n                const option = document.createElement('option');\r\n                option.value = clinic; option.innerText = clinic;\r\n                select.appendChild(option);\r\n            });\r\n            select.disabled = false;\r\n        }\r\n    });\r\n\r\n    function showClinicSchedule() {\r\n        const selectedClinic = document.getElementById('clinicSelect').value;\r\n        const tableContainer = document.getElementById('tableContainer');\r\n        const bookingAction = document.getElementById('bookingAction');\r\n        const thead = document.getElementById('tayseerThead');\r\n        const tbody = document.getElementById('tayseerTbody');\r\n\r\n        if (!selectedClinic) {\r\n            tableContainer.style.display = 'none';\r\n            bookingAction.style.display = 'none';\r\n            return;\r\n            }\r\n\r\n        let thHtml = '<tr>';\r\n        for (let i = 1; i < headers.length; i++) {\r\n            if(headers[i]) thHtml += `<th>${headers[i]}<\/th>`;\r\n        }\r\n        thHtml += '<\/tr>';\r\n        thead.innerHTML = thHtml;\r\n\r\n        const filteredRows = globalData.filter(row => row[0] === selectedClinic);\r\n        let tbHtml = '';\r\n        filteredRows.forEach(row => {\r\n            tbHtml += '<tr>';\r\n            for (let i = 1; i < headers.length; i++) {\r\n                let cellData = row[i] ? row[i] : ''; \r\n                tbHtml += `<td><strong>${cellData}<\/strong><\/td>`;\r\n            }\r\n            tbHtml += '<\/tr>';\r\n        });\r\n        tbody.innerHTML = tbHtml;\r\n        tableContainer.style.display = 'block';\r\n        bookingAction.style.display = 'block';\r\n    }\r\n\r\n    function toggleInfo() {\r\n        const box = document.getElementById('infoBox');\r\n        box.style.display = (box.style.display === 'block') ? 'none' : 'block';\r\n        if(box.style.display === 'block') {\r\n            box.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n        }\r\n    }\r\n\r\n    function showBookingForm() {\r\n        document.getElementById('showFormBtn').style.display = 'none';\r\n        document.getElementById('bookingForm').style.display = 'block';\r\n    }\r\n\r\n    function submitToSheet(event) {\r\n        if(event) event.preventDefault();\r\n        \r\n        const doctor = document.getElementById('bookDoctor').value;\r\n        const name = document.getElementById('patientName').value;\r\n        const phone = document.getElementById('whatsappNumber').value;\r\n        const note = document.getElementById('patientNote').value; \r\n        const submitBtn = document.getElementById('submitBtn');\r\n\r\n        if(!name || !phone) { alert('\u064a\u0631\u062c\u0649 \u0645\u0644\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a (\u0627\u0644\u0627\u0633\u0645 \u0648\u0631\u0642\u0645 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628)'); return; }\r\n\r\n        submitBtn.innerText = '\u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\r\n        submitBtn.disabled = true;\r\n\r\n        fetch(appScriptURL, {\r\n            method: 'POST',\r\n            mode: 'no-cors',\r\n            headers: { 'Content-Type': 'application\/json' },\r\n            body: JSON.stringify({ doctor: doctor, patientName: name, phone: phone, note: note }) \r\n        })\r\n        .then(() => {\r\n            document.getElementById('successPopup').style.display = 'flex';\r\n            submitBtn.style.display = 'none';\r\n\r\n            setTimeout(() => {\r\n                document.getElementById('bookingForm').style.display = 'none';\r\n                document.getElementById('showFormBtn').style.display = 'inline-block';\r\n                document.getElementById('patientName').value = '';\r\n                document.getElementById('whatsappNumber').value = '';\r\n                document.getElementById('patientNote').value = ''; \r\n                submitBtn.style.display = 'block';\r\n                submitBtn.disabled = false;\r\n                submitBtn.innerText = '\u062a\u0623\u0643\u064a\u062f \u0648\u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u062d\u062c\u0632';\r\n            }, 1500);\r\n        })\r\n        .catch(error => {\r\n            alert('\u062d\u062f\u062b \u062e\u0637\u0623 \u0641\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644\u060c \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0644\u0627\u062d\u0642\u0627\u064b');\r\n            submitBtn.disabled = false;\r\n            submitBtn.innerText = '\u062a\u0623\u0643\u064a\u062f \u0648\u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u062d\u062c\u0632';\r\n        });\r\n    }\r\n\r\n    function closePopup() {\r\n        document.getElementById('successPopup').style.display = 'none';\r\n    }\r\n<\/script>\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>\ud83e\ude7a \u0628\u0631\u062c\u0627\u0621 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062a\u062e\u0635\u0635 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f: \u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a&#8230; \u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0647\u0627\u0645\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0627\u0644\u0643\u0631\u0627\u0645 \u0627\u0644\u0643\u0634\u0641 \u0628\u062f\u0648\u0646 \u062d\u062c\u0632 \u0645\u0633\u0628\u0642 \u064a\u0645\u0643\u0646 \u0627\u0644\u0643\u0634\u0641 \u0628\u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0628\u0623\u0633\u0628\u0642\u064a\u0629 \u0627\u0644\u062d\u0636\u0648\u0631 \u0628\u062f\u0648\u0646 \u0625\u062a\u0635\u0627\u0644 \u0623\u0648 \u062d\u062c\u0632 \u0645\u0633\u0628\u0642. \u064a\u0641\u0636\u0644 \u0627\u0644\u062d\u0636\u0648\u0631 \u0642\u0628\u0644 \u0645\u0648\u0639\u062f \u0627\u0644\u0637\u0628\u064a\u0628 \u0628\u0640 30 \u062f\u0642\u064a\u0642\u0629. \u0627\u0644\u0643\u0634\u0641 \u0628\u0627\u0644\u062d\u062c\u0632 \u0627\u0644\u0645\u0633\u0628\u0642 \u064a\u062c\u0628 \u0627\u0644\u062d\u0636\u0648\u0631 \u0644\u0644\u062d\u062c\u0632 \u0648\u0623\u062e\u0630 \u0643\u0627\u0631\u062a \u0645\u0646 \u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0623\u0648 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062d\u062c\u0632 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0645\u0628\u0627\u0634\u0631. \u0627\u0644\u0623\u0637\u0628\u0627\u0621&#8230;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6868","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thg-egypt.com\/ar\/wp-json\/wp\/v2\/pages\/6868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thg-egypt.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thg-egypt.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thg-egypt.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thg-egypt.com\/ar\/wp-json\/wp\/v2\/comments?post=6868"}],"version-history":[{"count":29,"href":"https:\/\/thg-egypt.com\/ar\/wp-json\/wp\/v2\/pages\/6868\/revisions"}],"predecessor-version":[{"id":6901,"href":"https:\/\/thg-egypt.com\/ar\/wp-json\/wp\/v2\/pages\/6868\/revisions\/6901"}],"wp:attachment":[{"href":"https:\/\/thg-egypt.com\/ar\/wp-json\/wp\/v2\/media?parent=6868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}