{"id":22598,"date":"2025-07-27T17:48:47","date_gmt":"2025-07-27T14:48:47","guid":{"rendered":"https:\/\/riyadh.hayathospitals.com\/?page_id=22598"},"modified":"2025-07-27T20:28:37","modified_gmt":"2025-07-27T17:28:37","slug":"book","status":"publish","type":"page","link":"https:\/\/riyadh.hayathospitals.com\/en\/book\/","title":{"rendered":"Book now"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"22598\" class=\"elementor elementor-22598\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99ddbaa e-con-full e-flex e-con e-parent\" data-id=\"99ddbaa\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-04392f9 e-flex e-con-boxed e-con e-child\" data-id=\"04392f9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e94530e e-con-full e-flex e-con e-child\" data-id=\"e94530e\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e376381 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"e376381\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Book Your Consultation Now<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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<div class=\"elementor-element elementor-element-3f9a40d e-flex e-con-boxed e-con e-parent\" data-id=\"3f9a40d\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-88de012 e-con-full e-flex e-con e-child\" data-id=\"88de012\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24ca2e8 elementor-widget elementor-widget-heading\" data-id=\"24ca2e8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">You will be contacted as soon as possible by the customer service at the reservation desk<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c0e943 e-con-full e-flex e-con e-child\" data-id=\"9c0e943\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee6b1f5 elementor-widget elementor-widget-shortcode\" data-id=\"ee6b1f5\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css\">\n\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/css\/intlTelInput.min.css\">\n\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/js\/intlTelInput.min.js\"><\/script>\n\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\"><\/script>\n\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/l10n\/ar.js\"><\/script>\n    <style>\n        .hospital-form-container {\n            max-width: 500px;\n            margin: 0 auto;\n            border: ;\n            padding: 20px;\n\t\t\tbackground: #fff;\n\/*             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); *\/\n            border-radius: 20px;\n            box-shadow: ;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        \n        \/* .hospital-form-container h3 {\n            text-align: center;\n            color: black;\n            margin-bottom: 30px;\n            font-size: 24px;\n            font-weight: 300;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n        } *\/\n        \n        #hospital-department-doctor-form {\n            display: flex;\n            flex-direction: column;\n            gap: 25px;\n        }\n        \n        .form-group {\n            position: relative;\n            display: flex;\n            flex-direction: column;\n        }\n\n        \/* Inline form styles *\/\n                \n        .form-group label {\n            color: black;\n            font-size: 14px;\n            font-weight: 500;\n            margin-bottom: 8px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        \n        .form-group select {\n\t\t\theight:60px;\n            padding: 15px 20px;\n            border: 1px solid #d7d7d7;\n            border-radius:  12px;\n\/*             background: rgba(255,255,255,0.95); *\/\n            font-size: 16px;\n            color: black;\n            transition: all 0.3s ease;\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'\/%3e%3c\/svg%3e\");\n            background-position: right 12px center;\n            background-repeat: no-repeat;\n            background-size: 16px;\n            padding-right: 40px;\n\t\t\tmargin-bottom: 15px;\n            \/* border: 1px solid rgba(255,255,255,0.3); *\/\n        }\n        \n\/*         .form-group select:focus {\n            outline: none;\n            background: white;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n        } *\/\n        \n        .form-group select:disabled {\n            background: rgba(174, 174, 174, 0.7);\n            color: #999;\n            cursor: not-allowed;\n            transform: none;\n        }\n        \n        .form-group select:disabled:focus {\n            transform: none;\n            \/* box-shadow: 0 4px 15px rgba(0,0,0,0.1); *\/\n        }\n        \n        .submit-btn {\n            padding: 15px 30px;\n\/*             background: linear-gradient(135deg, #ff6b6b, #ee5a52); *\/\n            color: black;\n            border:  1px solid #d7d7d7;\n            border-radius: 12px;\n            font-size: 16px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-top: 15px;\n\/*             box-shadow: 0 4px 15px rgba(238, 90, 82, 0.4); *\/\n        }\n        \n        .submit-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 25px  #efefef;\n        }\n        \n        .submit-btn:active {\n            transform: translateY(-1px);\n        }\n        \n        .form-page {\n            display: none;\n        }\n        \n        .form-page.active {\n            display: block;\n        }\n        \n        .form-group input[type=\"text\"],\n        .form-group input[type=\"tel\"],\n        .form-group input[type=\"datetime-local\"] {\n            padding: 30px;\n            border:  1px solid #d7d7d7;\n            border-radius: 12px;\n\/*             background: rgba(255,255,255,0.95); *\/\n            font-size: 16px;\n            color: black;\n            transition: all 0.3s ease;\n            \/* box-shadow: 0 4px 15px rgba(0,0,0,0.1); *\/\n            width: 100%;\n            box-sizing: border-box;\n            \/* border: 1px solid rgba(255,255,255,0.3); *\/\n        }\n        \n        .form-group input[type=\"text\"]:focus,\n        .form-group input[type=\"tel\"]:focus,\n        .form-group input[type=\"datetime-local\"]:focus {\n            outline: none;\n            background: white;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n            color: black;\n        }\n        \n        .back-btn {\n            padding: 12px 25px;\n            background: rgba(255,255,255,0.2);\n            color: black;\n            border:  1px solid #d7d7d7;\n            border-radius: 12px;\n            font-size: 14px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        \n        .back-btn:hover {\n            background: rgba(255,255,255,0.3);\n            border-color:  1px solid #d7d7d7;\n            transform: translateY(-2px);\n        }\n        \n        .btn-group {\n            display: flex;\n            align-items: center;\n            margin-top: 15px;\n        }\n        \n        .page-indicator {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 30px;\n            gap: 10px;\n        }\n        \n        .page-dot {\n            width: 12px;\n            height: 12px;\n            border-radius: 50%;\n            background: rgba(255,255,255,0.3);\n            transition: all 0.3s ease;\n        }\n        \n        .page-dot.active {\n            background: white;\n            transform: scale(1.2);\n        }\n        \n        .success-message {\n            text-align: center;\n            color: black;\n            padding: 30px;\n            display: none;\n        }\n        \n        .success-message.show {\n            display: block;\n        }\n        \n        .success-icon {\n            font-size: 48px;\n            margin-bottom: 20px;\n            display: block;\n        }\n        \n        .loading-spinner {\n            display: none;\n            width: 20px;\n            height: 20px;\n            border: 2px solid rgba(255,255,255,0.3);\n            border-radius: 50%;\n            border-top-color: white;\n            animation: spin 1s ease-in-out infinite;\n            margin: 0 auto;\n        }\n        \n        @keyframes spin {\n            to { transform: rotate(360deg); }\n        }\n        \n        .form-group.loading select {\n            background-image: none;\n            padding-right: 50px;\n        }\n        \n        .form-group.loading::after {\n            content: '';\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 16px;\n            height: 16px;\n            border: 2px solid #ddd;\n            border-radius: 50%;\n            border-top-color: #667eea;\n            animation: spin 1s ease-in-out infinite;\n        }\n        \n        @media (max-width: 768px) {\n            .hospital-form-container {\n                padding: 25px;\n                max-width: 95%;\n            }\n            \n            .hospital-form-container h3 {\n                font-size: 20px;\n            }\n\n                    }\n\t\t .flatpickr-calendar {\n\t\t\twidth: 350px !important;\n\t\t  }\n\t\t  \n\t\t  .iti__selected-dial-code,.iti__country-name,.iti__dial-code{\n\t\t      color:  black ;\n\t\t  }\n\t\t  .iti__country-list {\n\t\t      left: 0;\n\t\t  }\n\n              <\/style>\n        \n    <div class=\"hospital-form-container\">\n                <form id=\"hospital-department-doctor-form\" action=\"\">\n            <!-- Page 1: Department and Doctor Selection -->\n            <div class=\"form-page active\" id=\"page-1\">\n                \n                                <!-- Original Stacked Layout -->\n                <div class=\"form-group\">\n                    <select id=\"department\" name=\"department\">\n                        <option value=\"\">Select Medical...<\/option>\n                        <option value=\"22772\" >Allergies and Immunology<\/option><option value=\"3364\" >Blood diseases<\/option><option value=\"3352\" >Internal diseases<\/option><option value=\"3370\" >Thoracic diseases<\/option><option value=\"21325\" >Mental and neurological diseases<\/option><option value=\"24281\" >\u0627\u0644\u0627\u062e\u0635\u0627\u0626\u064a \u0639\u0644\u0627\u0621 \u0627\u0644\u062d\u0627\u0632\u0645\u064a<\/option><option value=\"3343\" >Teeth<\/option><option value=\"3358\" >Children and newborns<\/option><option value=\"3317\" >General Surgery \u00a0<\/option><option value=\"3346\" >Dermatology and Cosmetology<\/option><option value=\"3365\" >Rheumatism<\/option><option value=\"3374\" >Endocrine glands<\/option><option value=\"3349\" >Heart<\/option><option value=\"3337\" >Neurology<\/option><option value=\"3380\" >Kidney disease and dialysis<\/option><option value=\"22290\" >Bariatric surgery<\/option><option value=\"20043\" >Ear, Nose and Throat Surgery<\/option><option value=\"3331\" >Vascular surgery<\/option><option value=\"3325\" >Plastic surgery<\/option><option value=\"3355\" >Orthopedic and Joint Surgery<\/option><option value=\"3339\" >Ophthalmic surgery<\/option><option value=\"20039\" >Cardiothoracic Surgery<\/option><option value=\"3333\" >Neurosurgery<\/option><option value=\"3328\" >Urology<\/option><option value=\"3321\" >Obstetrics and Gynecology<\/option><option value=\"20041\" >Maxillofacial Surgery<\/option><option value=\"3361\" >Oncology<\/option><option value=\"3377\" >Family medicine and the elderly<\/option>                    <\/select>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <select id=\"doctor\" name=\"doctor\" disabled>\n                        <option value=\"\">Choose a doctor...<\/option>\n                                            <\/select>\n                <\/div>\n                \n                <div class=\"form-group\" style=\"margin-bottom: 15px;\">\n                    <div style=\"display: flex; justify-content: space-between; align-items: center;gap: 10px;\">\n                        <input type=\"text\" id=\"patient-name\" name=\"patient_name\" placeholder=\"Triple or quadruple name\" required pattern=\"^[\\u0600-\\u06FFa-zA-Z\\s]{6,50}$\" title=\"Please enter at least a triple or quadruple name\">\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group\" style=\"margin-bottom: 15px;\">\n                    <input type=\"tel\" id=\"patient-phone\" name=\"patient_phone\" placeholder=\"Mobile (9-10 digits)\" required style=\"text-align: right;\" pattern=\"^(05|5)[0-9]{8}$\" title=\"Please enter a valid Saudi mobile number starting with 05 or 5\">\n                <\/div>\n\n                <div class=\"form-group\" style=\"margin-bottom: 15px;\">\n                    <input type=\"text\" id=\"patient-id\" name=\"patient_id\" placeholder=\"ID\/residence number\" required pattern=\"^[0-9]{10}$\" title=\"Please enter your ID or residency number (10 digits)\">\n                <\/div>\n\n                <div class=\"form-group\" style=\"margin-bottom: 15px;\">\n                    <div class=\"form-group\" style=\"margin-bottom: 15px;margin-top: 15px;\">\n                        <div style=\"display: flex; gap: 20px; align-items: center;\">\n                            <label style=\"display: flex; align-items: center; cursor: pointer; color: black; font-size: 16px; text-transform: none; letter-spacing: normal; margin-bottom: 0;\">\n                                <input type=\"radio\" id=\"patient-type-new\" name=\"patient_type\" value=\"\u0645\u0631\u064a\u0636 \u062c\u062f\u064a\u062f\" required style=\"margin-left: 8px; transform: scale(1.2);\">\n                                New patient\n                            <\/label>\n                            <label style=\"display: flex; align-items: center; cursor: pointer; color: black; font-size: 16px; text-transform: none; letter-spacing: normal; margin-bottom: 0;\">\n                                <input type=\"radio\" id=\"patient-type-existing\" name=\"patient_type\" value=\"\u0645\u0631\u064a\u0636 \u0644\u062f\u064a\u0647 \u0645\u0644\u0641 \u0633\u0627\u0628\u0642 \u0628\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\" required style=\"margin-left: 8px; transform: scale(1.2);\">\n                                I have a previous hospital file\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <input type=\"text\" id=\"appointment-datetime\" name=\"appointment_datetime\" placeholder=\"Choose the date and time\" required>\n                <\/div>\n                \n            <\/div>\n            \n            <button type=\"submit\" class=\"submit-btn\" style=\"color:black;background:#efefef;\">\n                Book an appointment\n            <\/button>\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n        \n        <!-- Success Message -->\n        <div class=\"success-message\" id=\"success-message\">\n            <span class=\"success-icon\">\u2705<\/span>\n            <h3>Thank you for booking at Al Hayat National Hospital Riyadh<\/h3>\n            <p>You will be contacted by the booking office to confirm the appointment on the system and after confirmation, you will receive a confirmation message on your mobile phone.<\/p>\n            <p style=\"margin-top: 15px; font-style: italic;\">Compliments of Al Hayat National Hospital Riyadh<\/p>\n        <\/div>\n    <\/div>\n\n    <script type=\"text\/javascript\">\n        function calculateMinTime(selectedDate) {\n            const now = new Date();\n            const currentHour = now.getHours();\n            const currentMinute = now.getMinutes();\n            \n            \/\/ Check if selected date is today\n            const today = new Date();\n            const isToday = selectedDate ? \n                (selectedDate.getDate() === today.getDate() && \n                selectedDate.getMonth() === today.getMonth() && \n                selectedDate.getFullYear() === today.getFullYear()) : true;\n\n            if (isToday) {\n                \/\/ Add 30 minutes buffer to current time\n                let minHour = currentHour;\n                let minMinute = currentMinute + 30;\n                \n                \/\/ Handle minute overflow\n                if (minMinute >= 60) {\n                    minHour += Math.floor(minMinute \/ 60);\n                    minMinute = minMinute % 60;\n                }\n                \n                \/\/ Round up to next 30-minute interval\n                if (minMinute > 0 && minMinute <= 30) {\n                    minMinute = 30;\n                } else if (minMinute > 30) {\n                    minHour += 1;\n                    minMinute = 0;\n                }\n                \n                \/\/ Ensure we don't go past business hours (20:00)\n                if (minHour >= 20) {\n                    return \"20:00\";\n                }\n                \n                return minHour.toString().padStart(2, '0') + ':' + minMinute.toString().padStart(2, '0');\n            } else {\n                return \"08:00\"; \/\/ For future dates\n            }\n        }\n\n        flatpickr(\"#appointment-datetime\", {\n            enableTime: true,\n            dateFormat: \"Y-m-d h:i K\",\n            locale: \"ar\",\n            time_24hr: false,\n            minDate: \"today\",\n            minTime: calculateMinTime(), \/\/ Use the function\n            maxTime: \"20:00\",\n            minuteIncrement: 30,\n            disable: [\n                function(date) {\n                    return date.getDay() === 5; \/\/ Disable Fridays\n                }\n            ],\n            onDayCreate: function(dObj, dStr, fp, dayElem) {\n                if (dayElem.dateObj.getDay() === 5) {\n                    dayElem.title = \"\u0627\u0644\u062c\u0645\u0639\u0629 \u063a\u064a\u0631 \u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u062d\u062c\u0632\";\n                }\n            },\n            onChange: function(selectedDates, dateStr, instance) {\n                \/\/ Update minTime when date changes\n                if (selectedDates.length > 0) {\n                    const newMinTime = calculateMinTime(selectedDates[0]);\n                    instance.set('minTime', newMinTime);\n                }\n            }\n        });\n\n        var input = document.querySelector(\"#patient-phone\");\n        var iti = window.intlTelInput(input, {\n            initialCountry: \"sa\",\n            separateDialCode: true,\n            onlyCountries: [\"sa\"], \/\/ Only allow Saudi Arabia\n            utilsScript: \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/js\/utils.js\"\n        });\n\n        jQuery(document).ready(function($) {\n            \/\/ Add nonce security\n            var nonce = '94f3c4b77d';\n            \n            \/\/ Auto-populate data from PHP\n            var currentDoctorId = null;\n            var currentDepartmentId = null;\n            \n            \/\/ If we have auto-populated data, load doctors for the selected department\n            if (currentDepartmentId && currentDoctorId) {\n                \/\/ Set minimum datetime to now\n                var now = new Date();\n                now.setMinutes(now.getMinutes() - now.getTimezoneOffset());\n                $('#appointment-datetime').attr('min', now.toISOString().slice(0, 16));\n                \n                \/\/ Enable the doctor dropdown since we have data\n                $('#doctor').prop('disabled', false);\n                updateNextButton();\n            } else if (currentDepartmentId && !currentDoctorId) {\n                \/\/ We're on a department page, load doctors for this department\n                fetchDoctors('get_doctors_by_department', currentDepartmentId, '#doctor', nonce);\n                \n                \/\/ Set minimum datetime to now\n                var now = new Date();\n                now.setMinutes(now.getMinutes() - now.getTimezoneOffset());\n                $('#appointment-datetime').attr('min', now.toISOString().slice(0, 16));\n            }\n            \n            \/\/ Form submission\n            $('#hospital-department-doctor-form').submit(function(e) {\n                e.preventDefault();\n                if (validateForm()) {\n                    $('.submit-btn').css('display', 'none');\n                    submitAppointment();\n                }\n            });\n            \n            \/\/ Validate form\n            function validateForm() {\n                var department = $('#department').val();\n                var doctor = $('#doctor').val();\n                var name = $('#patient-name').val().trim();\n                var phone = $('#patient-phone').val().trim();\n                var patientId = $('#patient-id').val().trim();\n                var patientType = $('input[name=\"patient_type\"]:checked').val();\n                var datetime = $('#appointment-datetime').val();\n                \n                \/\/ Validate name (at least 3 parts)\n                var nameParts = name.split(\/\\s+\/).filter(part => part.length > 0);\n                if (nameParts.length < 3) {\n                    alert('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644');\n                    return false;\n                }\n                \n                \/\/ Validate Saudi phone number (9-10 digits starting with 05 or 5)\n                var phonePattern = \/^(05|5)[0-9]{8}$\/;\n                if (!phonePattern.test(phone)) {\n                    alert('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u062c\u0648\u0627\u0644 \u0633\u0639\u0648\u062f\u064a \u0635\u062d\u064a\u062d (9-10 \u0623\u0631\u0642\u0627\u0645 \u064a\u0628\u062f\u0623 \u0628\u0640 05 \u0623\u0648 5)');\n                    return false;\n                }\n                \n                \/\/ Validate ID number (10 digits)\n                var idPattern = \/^[0-9]{10}$\/;\n                if (!idPattern.test(patientId)) {\n                    alert('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0627\u0644\u0647\u0648\u064a\u0629 \u0623\u0648 \u0627\u0644\u0625\u0642\u0627\u0645\u0629 \u0635\u062d\u064a\u062d (10 \u0623\u0631\u0642\u0627\u0645)');\n                    return false;\n                }\n                \n                if (!department || !doctor || !name || !phone || !patientId || !patientType || !datetime) {\n                    alert('\u0627\u0644\u0631\u062c\u0627\u0621 \u0645\u0644\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0644.');\n                    return false;\n                }\n                \n                return true;\n            }\n\n            \n            \/\/ Reset form\n            function resetForm() {\n                $('#hospital-department-doctor-form')[0].reset();\n                if (!currentDoctorId) {\n                    $('#doctor').prop('disabled', true).html('<option value=\"\">\u0627\u062e\u062a\u0631 \u0637\u0628\u064a\u0628\u0643...<\/option>');\n                }\n                $('.success-message').removeClass('show');\n            }\n            \n            \/\/ Submit appointment\n            function submitAppointment() {\n                var formData = {\n                    action: 'save_appointment_data',\n                    nonce: nonce,\n                    department: $('#department option:selected').text(),\n                    doctor: $('#doctor option:selected').text(),\n                    patient_name: $('#patient-name').val(),\n                    patient_phone: $('#patient-phone').val(),\n                    patient_id: $('#patient-id').val(),\n                    patient_type: $('input[name=\"patient_type\"]:checked').val(),\n                    appointment_datetime: $('#appointment-datetime').val()\n                };\n\n                $.ajax({\n                    url: 'https:\/\/riyadh.hayathospitals.com\/wp-admin\/admin-ajax.php',\n                    method: 'POST',\n                    data: formData,\n                    success: function(response) {\n                        $('.form-page').removeClass('active');\n                        $('#success-message').addClass('show');\n                    },\n                    error: function(jqXHR, textStatus, errorThrown) {\n                        alert('Error saving appointment. Please try again.');\n                        console.error('Error:', textStatus, errorThrown);\n                    }\n                });\n            }\n            \n            \/\/ Department change handler\n            $('#department').change(function() {\n                var departmentId = $(this).val();\n                var $doctorGroup = $('#doctor').closest('.form-group');\n                \n                if (departmentId) {\n                    $doctorGroup.addClass('loading');\n                    fetchDoctors('get_doctors_by_department', departmentId, '#doctor', nonce);\n                } else {\n                    $('#doctor').prop('disabled', true).html('<option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0637\u0628\u064a\u0628...<\/option>');\n                    $doctorGroup.removeClass('loading');\n                    updateNextButton();\n                }\n            });\n            \n            $('#doctor').change(function() {\n                updateNextButton();\n            });\n            \n            \/\/ Update next button state (if you add it back)\n            function updateNextButton() {\n                var department = $('#department').val();\n                var doctor = $('#doctor').val();\n                \n                \/\/ You can add next button logic here if needed\n                console.log('Department:', department, 'Doctor:', doctor);\n            }\n\n            \/\/ Fetch doctors using your existing function\n            function fetchDoctors(action, departmentId, selector, nonce) {\n                $.ajax({\n                    url: 'https:\/\/riyadh.hayathospitals.com\/wp-admin\/admin-ajax.php',\n                    method: 'POST',\n                    data: {\n                        action: action,\n                        department_id: departmentId,\n                        hospital_id: 1, \/\/ Default hospital ID since your function requires it\n                        nonce: nonce\n                    },\n                    success: function(response) {\n                        var options = '<option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0637\u0628\u064a\u0628...<\/option>';\n                        $.each(response, function(index, item) {\n                            var selected = (currentDoctorId == item.id) ? 'selected' : '';\n                            options += '<option value=\"' + item.id + '\" ' + selected + '>' + item.title + '<\/option>';\n                        });\n                        $(selector).prop('disabled', false).html(options);\n                        $(selector).closest('.form-group').removeClass('loading');\n                        updateNextButton();\n                        console.log(response);\n                    },\n                    error: function(jqXHR, textStatus, errorThrown) {\n                        console.error('AJAX request failed:', textStatus, errorThrown);\n                        $(selector).closest('.form-group').removeClass('loading');\n                        alert('An error occurred while fetching the data. Please try again.');\n                    }\n                });\n            }\n        });\n    <\/script>\n    \n<\/div>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Book your consultation now and you will be contacted as soon as possible by our customer service team.<\/p>","protected":false},"author":53,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-22598","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 - \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a - \u0627\u0644\u0631\u064a\u0627\u0636 | Hayat National Hospital Riyadh<\/title>\n<meta name=\"description\" content=\"\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646     \u0633\u0648\u0641 \u064a\u062a\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0645\u0643\u062a\u0628 \u0627\u0644\u062d\u062c\u0632\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/riyadh.hayathospitals.com\/en\/book\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 - \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a - \u0627\u0644\u0631\u064a\u0627\u0636 | Hayat National Hospital Riyadh\" \/>\n<meta property=\"og:description\" content=\"\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646     \u0633\u0648\u0641 \u064a\u062a\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0645\u0643\u062a\u0628 \u0627\u0644\u062d\u062c\u0632\" \/>\n<meta property=\"og:url\" content=\"https:\/\/riyadh.hayathospitals.com\/en\/book\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a - \u0627\u0644\u0631\u064a\u0627\u0636 | Hayat National Hospital Riyadh\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hnhgrooup\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-27T17:28:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/riyadh.hayathospitals.com\/wp-content\/uploads\/2019\/12\/HNH-New-Logo-02-1-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1031\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@hnhgrooup\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/riyadh.hayathospitals.com\/book\/\",\"url\":\"https:\/\/riyadh.hayathospitals.com\/book\/\",\"name\":\"\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 - \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a - \u0627\u0644\u0631\u064a\u0627\u0636 | Hayat National Hospital Riyadh\",\"isPartOf\":{\"@id\":\"https:\/\/riyadh.hayathospitals.com\/#website\"},\"datePublished\":\"2025-07-27T14:48:47+00:00\",\"dateModified\":\"2025-07-27T17:28:37+00:00\",\"description\":\"\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646 \u0633\u0648\u0641 \u064a\u062a\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0645\u0643\u062a\u0628 \u0627\u0644\u062d\u062c\u0632\",\"breadcrumb\":{\"@id\":\"https:\/\/riyadh.hayathospitals.com\/book\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/riyadh.hayathospitals.com\/book\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/riyadh.hayathospitals.com\/book\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\/\/riyadh.hayathospitals.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/riyadh.hayathospitals.com\/#website\",\"url\":\"https:\/\/riyadh.hayathospitals.com\/\",\"name\":\"\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\",\"description\":\"\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a \u2013 \u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0628\u062e\u0628\u0631\u0629 \u0633\u0639\u0648\u062f\u064a\u0629 \u0645\u0646\u0630 \u0623\u0643\u062b\u0631 \u0645\u0646 25 \u0639\u0627\u0645\u0627\u064b\",\"publisher\":{\"@id\":\"https:\/\/riyadh.hayathospitals.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/riyadh.hayathospitals.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/riyadh.hayathospitals.com\/#organization\",\"name\":\"\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\",\"url\":\"https:\/\/riyadh.hayathospitals.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/riyadh.hayathospitals.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/riyadh.hayathospitals.com\/wp-content\/uploads\/2019\/12\/HNH-New-Logo-02-1-scaled.jpg\",\"contentUrl\":\"https:\/\/riyadh.hayathospitals.com\/wp-content\/uploads\/2019\/12\/HNH-New-Logo-02-1-scaled.jpg\",\"width\":2560,\"height\":1031,\"caption\":\"\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\"},\"image\":{\"@id\":\"https:\/\/riyadh.hayathospitals.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/hnhgrooup\",\"https:\/\/x.com\/hnhgrooup\",\"https:\/\/www.instagram.com\/hnhgrooup\",\"https:\/\/www.youtube.com\/channel\/UCueDME1ckhHWNJOtT41n4XQ\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 - \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a - \u0627\u0644\u0631\u064a\u0627\u0636 | Hayat National Hospital Riyadh","description":"\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646     \u0633\u0648\u0641 \u064a\u062a\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0645\u0643\u062a\u0628 \u0627\u0644\u062d\u062c\u0632","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/riyadh.hayathospitals.com\/en\/book\/","og_locale":"en_US","og_type":"article","og_title":"\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 - \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a - \u0627\u0644\u0631\u064a\u0627\u0636 | Hayat National Hospital Riyadh","og_description":"\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646     \u0633\u0648\u0641 \u064a\u062a\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0645\u0643\u062a\u0628 \u0627\u0644\u062d\u062c\u0632","og_url":"https:\/\/riyadh.hayathospitals.com\/en\/book\/","og_site_name":"\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a - \u0627\u0644\u0631\u064a\u0627\u0636 | Hayat National Hospital Riyadh","article_publisher":"https:\/\/www.facebook.com\/hnhgrooup","article_modified_time":"2025-07-27T17:28:37+00:00","og_image":[{"width":2560,"height":1031,"url":"https:\/\/riyadh.hayathospitals.com\/wp-content\/uploads\/2019\/12\/HNH-New-Logo-02-1-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@hnhgrooup","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/riyadh.hayathospitals.com\/book\/","url":"https:\/\/riyadh.hayathospitals.com\/book\/","name":"\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 - \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a - \u0627\u0644\u0631\u064a\u0627\u0636 | Hayat National Hospital Riyadh","isPartOf":{"@id":"https:\/\/riyadh.hayathospitals.com\/#website"},"datePublished":"2025-07-27T14:48:47+00:00","dateModified":"2025-07-27T17:28:37+00:00","description":"\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646 \u0633\u0648\u0641 \u064a\u062a\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0645\u0643\u062a\u0628 \u0627\u0644\u062d\u062c\u0632","breadcrumb":{"@id":"https:\/\/riyadh.hayathospitals.com\/book\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/riyadh.hayathospitals.com\/book\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/riyadh.hayathospitals.com\/book\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/riyadh.hayathospitals.com\/"},{"@type":"ListItem","position":2,"name":"\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646"}]},{"@type":"WebSite","@id":"https:\/\/riyadh.hayathospitals.com\/#website","url":"https:\/\/riyadh.hayathospitals.com\/","name":"\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a","description":"\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a \u2013 \u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0628\u062e\u0628\u0631\u0629 \u0633\u0639\u0648\u062f\u064a\u0629 \u0645\u0646\u0630 \u0623\u0643\u062b\u0631 \u0645\u0646 25 \u0639\u0627\u0645\u0627\u064b","publisher":{"@id":"https:\/\/riyadh.hayathospitals.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/riyadh.hayathospitals.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/riyadh.hayathospitals.com\/#organization","name":"\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a","url":"https:\/\/riyadh.hayathospitals.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/riyadh.hayathospitals.com\/#\/schema\/logo\/image\/","url":"https:\/\/riyadh.hayathospitals.com\/wp-content\/uploads\/2019\/12\/HNH-New-Logo-02-1-scaled.jpg","contentUrl":"https:\/\/riyadh.hayathospitals.com\/wp-content\/uploads\/2019\/12\/HNH-New-Logo-02-1-scaled.jpg","width":2560,"height":1031,"caption":"\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0648\u0637\u0646\u064a"},"image":{"@id":"https:\/\/riyadh.hayathospitals.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hnhgrooup","https:\/\/x.com\/hnhgrooup","https:\/\/www.instagram.com\/hnhgrooup","https:\/\/www.youtube.com\/channel\/UCueDME1ckhHWNJOtT41n4XQ"]}]}},"_links":{"self":[{"href":"https:\/\/riyadh.hayathospitals.com\/en\/wp-json\/wp\/v2\/pages\/22598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riyadh.hayathospitals.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/riyadh.hayathospitals.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/riyadh.hayathospitals.com\/en\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/riyadh.hayathospitals.com\/en\/wp-json\/wp\/v2\/comments?post=22598"}],"version-history":[{"count":58,"href":"https:\/\/riyadh.hayathospitals.com\/en\/wp-json\/wp\/v2\/pages\/22598\/revisions"}],"predecessor-version":[{"id":22834,"href":"https:\/\/riyadh.hayathospitals.com\/en\/wp-json\/wp\/v2\/pages\/22598\/revisions\/22834"}],"wp:attachment":[{"href":"https:\/\/riyadh.hayathospitals.com\/en\/wp-json\/wp\/v2\/media?parent=22598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}