{"id":6074,"date":"2025-09-09T20:42:40","date_gmt":"2025-09-09T17:42:40","guid":{"rendered":"https:\/\/roayae-edu.com\/?page_id=6074"},"modified":"2025-09-22T17:34:57","modified_gmt":"2025-09-22T14:34:57","slug":"electronic-registration-portal","status":"publish","type":"page","link":"https:\/\/roayae-edu.com\/ar\/electronic-registration-portal\/","title":{"rendered":"\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6074\" class=\"elementor elementor-6074\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f03d615 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"f03d615\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edaf7f1 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"edaf7f1\" 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<!-- \u0634\u0639\u0627\u0631 \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b -->\r\n<div id=\"instituteLogo\" style=\"\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-bottom: 20px;\r\n\">\r\n  <img decoding=\"async\" src=\"https:\/\/roayae-edu.com\/wp-content\/uploads\/2025\/05\/cropped-%D8%B1%D8%A4%D9%8A%D8%A9-2.png\" \r\n       alt=\"\u0634\u0639\u0627\u0631 \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\" \r\n       style=\"\r\n         max-width: 180px;\r\n         width: 100%;\r\n         height: auto;\r\n         border-radius: 12px;\r\n         box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n         transition: transform 0.3s;\r\n       \" \r\n       onmouseover=\"this.style.transform='scale(1.05)';\" \r\n       onmouseout=\"this.style.transform='scale(1)';\"\r\n  >\r\n<\/div>\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<div class=\"elementor-element elementor-element-cfa66ec e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"cfa66ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5117964 elementor-widget__width-initial exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"5117964\" 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<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 - \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b<\/title>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700&display=swap');\r\nbody { font-family:'Cairo',sans-serif; background:#f0f4f8; margin:0; padding:0; display:flex; justify-content:center; align-items:center; min-height:100vh; }\r\n.container { background:#fff; padding:25px; border-radius:12px; width:95%; max-width:800px; box-shadow:0 12px 25px rgba(0,0,0,0.15); }\r\nh1 { text-align:center; color:#007bff; margin-bottom:20px; }\r\ninput, select, button, textarea { width:100%; padding:10px; margin:8px 0; border-radius:8px; border:1px solid #ccc; font-size:15px; box-sizing:border-box; }\r\nbutton { background:#007bff; color:#fff; border:none; font-weight:bold; cursor:pointer; transition:0.3s; }\r\nbutton:hover { background:#0056b3; }\r\n.hidden { display:none; }\r\n.error { color:red; font-weight:bold; margin-top:10px; text-align:center; }\r\n.success { color:green; font-weight:bold; margin-top:10px; text-align:center; }\r\n#specialtyChart { margin-top:5px; width:100%; height:20px; background:#eee; border-radius:12px; overflow:hidden; }\r\n#specialtyChart div { height:100%; width:0; line-height:20px; text-align:center; color:#fff; border-radius:12px; font-weight:bold; transition: width 1s ease-in-out, background 0.5s; }\r\n.print-btn, .reset-btn { background:#28a745; margin-top:10px; }\r\n.print-btn:hover { background:#218838; }\r\n.reset-btn { background:#dc3545; }\r\n.reset-btn:hover { background:#c82333; }\r\nlabel { font-weight:bold; margin-top:10px; display:block; }\r\n@media (max-width:600px){ .container{ padding:15px; } }\r\n.notice { background:#fff3cd; color:#856404; padding:10px; border-radius:8px; margin-bottom:10px; text-align:center; font-weight:bold; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n\r\n<h1 id=\"formTitle\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 - \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b<\/h1>\r\n\r\n<div class=\"notice\" id=\"noticeText\">\u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0623\u064a\u0636\u064b\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/div>\r\n\r\n<form id=\"registrationForm\">\r\n<label id=\"lblFullName\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 (\u0631\u0628\u0627\u0639\u064a)<\/label>\r\n<input type=\"text\" id=\"fullName\" name=\"fullName\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\" required>\r\n\r\n<label id=\"lblBirthDate\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f<\/label>\r\n<input type=\"text\" id=\"birthDate\" name=\"birthDate\" placeholder=\"\u0645\u062b\u0627\u0644: 2001-05-15\" required>\r\n\r\n<label id=\"lblGender\">\u0627\u0644\u062c\u0646\u0633<\/label>\r\n<select id=\"gender\" name=\"gender\" required>\r\n<option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062c\u0646\u0633<\/option>\r\n<option value=\"\u0630\u0643\u0631\">\u0630\u0643\u0631<\/option>\r\n<option value=\"\u0623\u0646\u062b\u0649\">\u0623\u0646\u062b\u0649<\/option>\r\n<\/select>\r\n\r\n<label id=\"lblBirthPlace\">\u0645\u0643\u0627\u0646 \u0627\u0644\u0645\u064a\u0644\u0627\u062f<\/label>\r\n<input type=\"text\" id=\"birthPlace\" name=\"birthPlace\" placeholder=\"\u0645\u0643\u0627\u0646 \u0627\u0644\u0645\u064a\u0644\u0627\u062f\" required>\r\n\r\n<label id=\"lblNationality\">\u0627\u0644\u062c\u0646\u0633\u064a\u0629<\/label>\r\n<input type=\"text\" id=\"nationality\" name=\"nationality\" placeholder=\"\u0627\u0644\u062c\u0646\u0633\u064a\u0629\" required>\r\n\r\n<label id=\"lblIdNumber\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0648\u064a\u0629<\/label>\r\n<input type=\"text\" id=\"idNumber\" name=\"idNumber\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0648\u064a\u0629\" required>\r\n\r\n<label id=\"lblPhone\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\r\n<input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\" required pattern=\"[0-9]{5,15}\" title=\"\u0623\u0631\u0642\u0627\u0645 \u0641\u0642\u0637\">\r\n\r\n<label id=\"lblParentPhone\">\u0631\u0642\u0645 \u0647\u0627\u062a\u0641 \u0648\u0644\u064a \u0627\u0644\u0623\u0645\u0631<\/label>\r\n<input type=\"tel\" id=\"parentPhone\" name=\"parentPhone\" placeholder=\"\u0631\u0642\u0645 \u0647\u0627\u062a\u0641 \u0648\u0644\u064a \u0627\u0644\u0623\u0645\u0631\" required pattern=\"[0-9]{5,15}\" title=\"\u0623\u0631\u0642\u0627\u0645 \u0641\u0642\u0637\">\r\n\r\n<label id=\"lblAddress\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/label>\r\n<input type=\"text\" id=\"address\" name=\"address\" placeholder=\"\u0627\u0644\u0639\u0646\u0648\u0627\u0646\" required>\r\n\r\n<label id=\"lblEmail\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\r\n<input type=\"email\" id=\"email\" name=\"email\" placeholder=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required>\r\n\r\n<label id=\"lblQualification\">\u0627\u0644\u0645\u0624\u0647\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/label>\r\n<input type=\"text\" id=\"qualification\" name=\"qualification\" placeholder=\"\u0627\u0644\u0645\u0624\u0647\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\" required>\r\n\r\n<label id=\"lblHighSchoolType\">\u0646\u0648\u0639 \u0627\u0644\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629<\/label>\r\n<select id=\"highSchoolType\" name=\"highSchoolType\" required>\r\n<option value=\"\">\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0634\u0647\u0627\u062f\u0629<\/option>\r\n<option value=\"\u0639\u0644\u0645\u064a\">\u0639\u0644\u0645\u064a<\/option>\r\n<option value=\"\u0623\u062f\u0628\u064a\">\u0623\u062f\u0628\u064a<\/option>\r\n<\/select>\r\n\r\n<label id=\"lblGraduationYear\">\u0633\u0646\u0629 \u0627\u0644\u062a\u062e\u0631\u062c<\/label>\r\n<select id=\"graduationYear\" name=\"graduationYear\" required><\/select>\r\n\r\n<label id=\"lblSeatNumber\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0644\u0648\u0633<\/label>\r\n<input type=\"text\" id=\"seatNumber\" name=\"seatNumber\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u062c\u0644\u0648\u0633\" required>\r\n\r\n<label id=\"lblCity\">\u0627\u0644\u0645\u062d\u0627\u0641\u0638\u0629 \/ \u0627\u0644\u0645\u062f\u064a\u0646\u0629<\/label>\r\n<input type=\"text\" id=\"city\" name=\"city\" placeholder=\"\u0627\u0644\u0645\u062d\u0627\u0641\u0638\u0629 \/ \u0627\u0644\u0645\u062f\u064a\u0646\u0629\" required>\r\n\r\n<label id=\"lblGrade\">\u0627\u0644\u0645\u0639\u062f\u0644 \u0627\u0644\u0639\u0627\u0645 (%)<\/label>\r\n<input type=\"number\" id=\"grade\" name=\"grade\" placeholder=\"\u0627\u0644\u0645\u0639\u062f\u0644 \u0627\u0644\u0639\u0627\u0645\" min=\"0\" max=\"100\" required>\r\n\r\n<label id=\"lblSpecialty\">\u0627\u0644\u062a\u062e\u0635\u0635 \u0627\u0644\u0645\u0637\u0644\u0648\u0628<\/label>\r\n<select id=\"specialty\" name=\"specialty\" required>\r\n<option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062a\u062e\u0635\u0635<\/option>\r\n<option value=\"\u0641\u0646\u064a \u062a\u0645\u0631\u064a\u0636\">\u0641\u0646\u064a \u062a\u0645\u0631\u064a\u0636 (60%)<\/option>\r\n<option value=\"\u0641\u0646\u064a \u0639\u0645\u0644\u064a\u0627\u062a\">\u0641\u0646\u064a \u0639\u0645\u0644\u064a\u0627\u062a (65%)<\/option>\r\n<option value=\"\u0641\u0646\u064a \u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0637\u0628\u064a\u0629\">\u0641\u0646\u064a \u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0637\u0628\u064a\u0629 (65%)<\/option>\r\n<option value=\"\u0641\u0646\u064a \u0635\u064a\u062f\u0644\u0629\">\u0641\u0646\u064a \u0635\u064a\u062f\u0644\u0629 (65%)<\/option>\r\n<option value=\"\u0641\u0646\u064a \u0628\u0635\u0631\u064a\u0627\u062a\">\u0641\u0646\u064a \u0628\u0635\u0631\u064a\u0627\u062a (70%)<\/option>\r\n<\/select>\r\n<div id=\"specialtyChart\"><div><\/div><\/div>\r\n\r\n<label id=\"lblWorkPlace\">\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0638\u064a\u0641 - \u062c\u0647\u0629 \u0627\u0644\u0639\u0645\u0644<\/label>\r\n<input type=\"text\" id=\"workPlace\" name=\"workPlace\" placeholder=\"\u062c\u0647\u0629 \u0627\u0644\u0639\u0645\u0644\">\r\n\r\n<label id=\"lblWorkNature\">\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0639\u0645\u0644<\/label>\r\n<input type=\"text\" id=\"workNature\" name=\"workNature\" placeholder=\"\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0639\u0645\u0644\">\r\n\r\n<label id=\"lblCurrentlyWorking\">\u0647\u0644 \u062a\u0639\u0645\u0644 \u062d\u0627\u0644\u064a\u064b\u0627\u061f<\/label>\r\n<select id=\"currentlyWorking\" name=\"currentlyWorking\">\r\n<option value=\"\">\u0627\u062e\u062a\u0631<\/option>\r\n<option value=\"\u0646\u0639\u0645\">\u0646\u0639\u0645<\/option>\r\n<option value=\"\u0644\u0627\">\u0644\u0627<\/option>\r\n<\/select>\r\n\r\n<label id=\"lblWorkApproval\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0645\u0648\u0627\u0641\u0642\u0629 \u0645\u0646 \u062c\u0647\u0629 \u0627\u0644\u0639\u0645\u0644\u061f<\/label>\r\n<select id=\"workApproval\" name=\"workApproval\">\r\n<option value=\"\">\u0627\u062e\u062a\u0631<\/option>\r\n<option value=\"\u0646\u0639\u0645\">\u0646\u0639\u0645<\/option>\r\n<option value=\"\u0644\u0627\">\u0644\u0627<\/option>\r\n<\/select>\r\n\r\n<label id=\"lblAgreement\">\u0627\u0644\u0625\u0642\u0631\u0627\u0631 \u0648\u0627\u0644\u062a\u0639\u0647\u062f<\/label>\r\n<textarea id=\"agreement\" readonly rows=\"3\">\u0623\u0642\u0631\u0651 \u0623\u0646\u0627 \u0627\u0644\u0637\u0627\u0644\u0628 \u0628\u0623\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0623\u0639\u0644\u0627\u0647 \u0635\u062d\u064a\u062d\u0629<\/textarea>\r\n\r\n<button type=\"submit\" id=\"submitBtn\">\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/button>\r\n<\/form>\r\n\r\n<div id=\"message\"><\/div>\r\n<button class=\"print-btn hidden\" id=\"printBtn\">\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/button>\r\n<button class=\"reset-btn\" id=\"resetBtn\">\u062a\u0633\u062c\u064a\u0644 \u062c\u062f\u064a\u062f<\/button>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ \u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u0623\u0639\u0648\u0627\u0645 \u062d\u062a\u0649 2030\r\nconst yearSelect = document.getElementById(\"graduationYear\");\r\nfor(let y=2000; y<=2030; y++){\r\n  const option = document.createElement(\"option\");\r\n  option.value = y;\r\n  option.textContent = y;\r\n  yearSelect.appendChild(option);\r\n}\r\n\r\n\/\/ \u0646\u0633\u0628 \u0627\u0644\u0642\u0628\u0648\u0644\r\nconst specialtyThresholds = {\r\n  \"\u0641\u0646\u064a \u062a\u0645\u0631\u064a\u0636\":60,\r\n  \"\u0641\u0646\u064a \u0639\u0645\u0644\u064a\u0627\u062a\":65,\r\n  \"\u0641\u0646\u064a \u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0637\u0628\u064a\u0629\":65,\r\n  \"\u0641\u0646\u064a \u0635\u064a\u062f\u0644\u0629\":65,\r\n  \"\u0641\u0646\u064a \u0628\u0635\u0631\u064a\u0627\u062a\":70\r\n};\r\n\r\nconst gradeInput = document.getElementById(\"grade\");\r\nconst specialtySelect = document.getElementById(\"specialty\");\r\nconst specialtyChartBar = document.querySelector(\"#specialtyChart div\");\r\n\r\n\/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u062e\u0637\u0637\r\nfunction updateChart(){\r\n  const spec = specialtySelect.value;\r\n  const grade = Number(gradeInput.value);\r\n  if(spec && grade){\r\n    const threshold = specialtyThresholds[spec];\r\n    if(grade>=threshold){\r\n      specialtyChartBar.style.width = \"100%\";\r\n      specialtyChartBar.style.background = \"#28a745\";\r\n      specialtyChartBar.textContent = `${grade}% \/ ${threshold}%`;\r\n    } else {\r\n      specialtyChartBar.style.width = \"100%\";\r\n      specialtyChartBar.style.background = \"#ffc107\";\r\n      specialtyChartBar.textContent = `\u274c ${grade}% \/ ${threshold}% - \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u062c\u0647 \u0644\u0644\u0625\u062f\u0627\u0631\u0629`;\r\n    }\r\n  } else {\r\n    specialtyChartBar.style.width=\"0\"; specialtyChartBar.textContent=\"\";\r\n  }\r\n}\r\nspecialtySelect.addEventListener(\"change\", updateChart);\r\ngradeInput.addEventListener(\"input\", updateChart);\r\n\r\n\/\/ \u062d\u0635\u0631 \u0627\u0644\u0647\u0627\u062a\u0641 \u0639\u0644\u0649 \u0623\u0631\u0642\u0627\u0645 \u0641\u0642\u0637\r\ndocument.getElementById(\"phone\").addEventListener(\"input\", e=>{ e.target.value = e.target.value.replace(\/\\D\/g,''); });\r\ndocument.getElementById(\"parentPhone\").addEventListener(\"input\", e=>{ e.target.value = e.target.value.replace(\/\\D\/g,''); });\r\n\r\n\/\/ \u062a\u0631\u062c\u0645\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0629\r\nconst lang = document.documentElement.lang;\r\nif(lang===\"en\"){\r\n  document.getElementById(\"formTitle\").innerText = \"Registration Portal - Roayae Al-Hadith Institute\";\r\n  document.getElementById(\"noticeText\").innerText = \"You can also register through the online form\";\r\n  document.getElementById(\"lblFullName\").innerText=\"Full Name\";\r\n  document.getElementById(\"lblBirthDate\").innerText=\"Date of Birth\";\r\n  document.getElementById(\"lblGender\").innerText=\"Gender\";\r\n  document.getElementById(\"lblBirthPlace\").innerText=\"Place of Birth\";\r\n  document.getElementById(\"lblNationality\").innerText=\"Nationality\";\r\n  document.getElementById(\"lblIdNumber\").innerText=\"ID Number\";\r\n  document.getElementById(\"lblPhone\").innerText=\"Phone Number\";\r\n  document.getElementById(\"lblParentPhone\").innerText=\"Parent Phone\";\r\n  document.getElementById(\"lblAddress\").innerText=\"Address\";\r\n  document.getElementById(\"lblEmail\").innerText=\"Email\";\r\n  document.getElementById(\"lblQualification\").innerText=\"Qualification\";\r\n  document.getElementById(\"lblHighSchoolType\").innerText=\"High School Type\";\r\n  document.getElementById(\"lblGraduationYear\").innerText=\"Graduation Year\";\r\n  document.getElementById(\"lblSeatNumber\").innerText=\"Seat Number\";\r\n  document.getElementById(\"lblCity\").innerText=\"City \/ Province\";\r\n  document.getElementById(\"lblGrade\").innerText=\"Overall Grade (%)\";\r\n  document.getElementById(\"lblSpecialty\").innerText=\"Desired Specialty\";\r\n  document.getElementById(\"lblWorkPlace\").innerText=\"Employment - Workplace\";\r\n  document.getElementById(\"lblWorkNature\").innerText=\"Nature of Work\";\r\n  document.getElementById(\"lblCurrentlyWorking\").innerText=\"Currently Working?\";\r\n  document.getElementById(\"lblWorkApproval\").innerText=\"Work Approval?\";\r\n  document.getElementById(\"lblAgreement\").innerText=\"Agreement\";\r\n  document.getElementById(\"submitBtn\").innerText=\"Submit Registration\";\r\n  document.getElementById(\"printBtn\").innerText=\"Print Data\";\r\n  document.getElementById(\"resetBtn\").innerText=\"New Registration\";\r\n}\r\n\r\n\/\/ Web3Forms API\r\nconst form = document.getElementById(\"registrationForm\");\r\nconst message = document.getElementById(\"message\");\r\nconst printBtn = document.getElementById(\"printBtn\");\r\nconst resetBtn = document.getElementById(\"resetBtn\");\r\nconst officialEmail = \"info@roayae-edu.com\";\r\n\r\nform.addEventListener(\"submit\", async function(e){\r\n  e.preventDefault();\r\n  const formData = new FormData(form);\r\n  formData.append(\"access_key\",\"e1caebbb-8f86-4c60-9728-25160f60dfa7\"); \/\/ \u0636\u0639 \u0645\u0641\u062a\u0627\u062d Web3Forms \u0647\u0646\u0627\r\n  formData.append(\"subject\", \"\u062a\u0633\u062c\u064a\u0644 \u0637\u0627\u0644\u0628 \u062c\u062f\u064a\u062f - Registration\");\r\n\r\n  try {\r\n    const response = await fetch(\"https:\/\/api.web3forms.com\/submit\", { method:\"POST\", body: formData });\r\n    const result = await response.json();\r\n    if(result.success){\r\n      \/\/ \u0646\u0633\u062e\u0629 \u0628\u0631\u064a\u062f \u0631\u0633\u0645\u064a\r\n      const emailBody = Array.from(formData.entries()).map(([k,v])=>`${k}: ${v}`).join(\"\\n\");\r\n      window.location.href = `mailto:${officialEmail}?subject=${encodeURIComponent(\"\u0646\u0633\u062e\u0629 \u062a\u0633\u062c\u064a\u0644 \u0637\u0627\u0644\u0628 \u062c\u062f\u064a\u062f\")}&body=${encodeURIComponent(emailBody)}`;\r\n\r\n      message.innerHTML = `<p class='success'>\u2705 \u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0646\u062c\u0627\u062d!<\/p>`;\r\n      form.reset();\r\n      specialtyChartBar.style.width=\"0\";\r\n      printBtn.classList.remove(\"hidden\");\r\n    } else {\r\n      message.innerHTML = `<p class='error'>\u274c \u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0631\u0633\u0627\u0644<\/p>`;\r\n      console.error(result);\r\n    }\r\n  } catch(err){\r\n    message.innerHTML = `<p class='error'>\u274c \u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0631\u0633\u0627\u0644<\/p>`;\r\n    console.error(err);\r\n  }\r\n});\r\n\r\n\/\/ \u0632\u0631 \u0627\u0644\u0637\u0628\u0627\u0639\u0629\r\nprintBtn.addEventListener(\"click\", ()=>{\r\n  const printWindow = window.open('', '', 'width=800,height=600');\r\n  printWindow.document.write('<h2>\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0637\u0627\u0644\u0628<\/h2>');\r\n  const studentData = Array.from(new FormData(form).entries());\r\n  studentData.forEach(([k,v])=>{\r\n    printWindow.document.write(`<p>${k}: ${v}<\/p>`);\r\n  });\r\n  printWindow.document.close();\r\n  printWindow.print();\r\n});\r\n\r\n\/\/ \u0632\u0631 \u062a\u0633\u062c\u064a\u0644 \u062c\u062f\u064a\u062f\r\nresetBtn.addEventListener(\"click\", ()=>{\r\n  form.reset();\r\n  printBtn.classList.add(\"hidden\");\r\n  message.innerHTML = \"\";\r\n  specialtyChartBar.style.width = \"0\";\r\n});\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-636a140 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"636a140\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f41073 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6f41073\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6ba4a6 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"a6ba4a6\" 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<!-- \u0645\u0644\u0627\u062d\u0638\u0629 \u0628\u0627\u0631\u0632\u0629 \u0623\u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648\u0630\u062c -->\r\n<div id=\"noteBanner\" style=\"\r\n  background-color: #fffae6;\r\n  border-left: 5px solid #ffc107;\r\n  padding: 15px;\r\n  margin-bottom: 20px;\r\n  border-radius: 8px;\r\n  font-weight: bold;\r\n  text-align: center;\r\n  color: #856404;\r\n\">\r\n  \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0623\u064a\u0636\u064b\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\r\n<\/div>\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<div class=\"elementor-element elementor-element-04c32ff e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"04c32ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79c5936 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"79c5936\" 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  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@600&display=swap');\r\n\r\n  .roeyah-register-section {\r\n    font-family: 'Cairo', sans-serif;\r\n    background: linear-gradient(to bottom, #fff, #f7f5f4);\r\n    padding: 50px 20px;\r\n    text-align: center;\r\n    border-radius: 16px;\r\n    margin: 40px auto;\r\n    max-width: 700px;\r\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\r\n  }\r\n\r\n  .roeyah-register-section h2 {\r\n    color: #7F5645;\r\n    font-size: 26px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .roeyah-register-section p {\r\n    color: #444;\r\n    font-size: 18px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .roeyah-register-btn {\r\n    display: inline-block;\r\n    background-color: #7F5645;\r\n    color: #fff;\r\n    padding: 14px 30px;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    border: none;\r\n    border-radius: 12px;\r\n    text-decoration: none;\r\n    transition: background-color 0.3s ease, transform 0.2s ease;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n  }\r\n\r\n  .roeyah-register-btn:hover,\r\n  .roeyah-register-btn:focus {\r\n    background-color: #A06D4E; \/* \u0644\u0648\u0646 \u062a\u062d\u0648\u064a\u0645 \u0645\u0645\u064a\u0632 *\/\r\n    transform: scale(1.05);\r\n    color: #fff;\r\n  }\r\n\r\n  .roeyah-register-btn:active {\r\n    background-color: #B07A56; \/* \u0644\u0648\u0646 \u0639\u0646\u062f \u0627\u0644\u0646\u0642\u0631 *\/\r\n    color: #fff;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .roeyah-register-section h2 {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .roeyah-register-section p {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .roeyah-register-btn {\r\n      font-size: 16px;\r\n      padding: 12px 24px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"roeyah-register-section\">\r\n  <h2>\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646 \u0641\u064a \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b \u0644\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0637\u0628\u064a\u0629<\/h2>\r\n  <p>\u0627\u0646\u0637\u0644\u0642 \u0628\u0645\u0633\u062a\u0642\u0628\u0644\u0643 \u0627\u0644\u0637\u0628\u064a \u0641\u064a \u0628\u064a\u0626\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629\u060c \u0648\u0645\u0639 \u0643\u0627\u062f\u0631 \u0645\u0624\u0647\u0644 \u0648\u0645\u0646\u0627\u0647\u062c \u062a\u0648\u0627\u0643\u0628 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u062d\u062f\u064a\u062b.<\/p>\r\n  <a href=\"https:\/\/forms.gle\/wzLz1BLjpnQ2BgCJ6\" class=\"roeyah-register-btn\" target=\"_blank\">\r\n    \ud83c\udf93 \u0627\u0636\u063a\u0637 \u0647\u0646\u0627 \u0644\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0622\u0646\r\n  <\/a>\r\n<\/div>\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<div class=\"elementor-element elementor-element-abf5fc7 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"abf5fc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-961a321 animated-slow exad-sticky-section-no exad-glass-effect-no elementor-invisible elementor-widget elementor-widget-cz_social_icons\" data-id=\"961a321\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"cz_social_icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"cz_social_icons cz_social clr cz_social_fx_2 tac cz_social_colored_bg_hover cz_tooltip cz_tooltip_up\"><a href=\"https:\/\/www.facebook.com\/roaya.edu\" target=\"_blank\" class=\"cz-facebook\" data-title=\"\u0641\u064a\u0633\u0628\u0648\u0643 \" aria-label=\"\u0641\u064a\u0633\u0628\u0648\u0643 \"><i class=\"fa fa-facebook\"><\/i><\/a><a href=\"https:\/\/x.com\/roayae_edu\" target=\"_blank\" class=\"cz-twitter\" data-title=\"\u062a\u0648\u064a\u062a\u0631\" aria-label=\"\u062a\u0648\u064a\u062a\u0631\"><i class=\"fab fa-twitter\"><\/i><\/a><a href=\"https:\/\/www.instagram.com\/roayae_edu\/\" target=\"_blank\" class=\"cz-instagram\" data-title=\"\u0627\u0646\u0633\u062a\u063a\u0631\u0627\u0645 \" aria-label=\"\u0627\u0646\u0633\u062a\u063a\u0631\u0627\u0645 \"><i class=\"fab fa-instagram\"><\/i><\/a><a href=\"https:\/\/wa.me\/967784554552\" target=\"_blank\" class=\"cz-013-whatsapp-logo\" data-title=\"Whatsapp\" aria-label=\"Whatsapp\"><i class=\"fa czico-013-whatsapp-logo\"><\/i><\/a><a href=\"https:\/\/www.youtube.com\/@roayae-edu\" target=\"_blank\" class=\"cz-youtube\" data-title=\" \u064a\u0648\u062a\u064a\u0648\u0628\" aria-label=\" \u064a\u0648\u062a\u064a\u0648\u0628\"><i class=\"fab fa-youtube\"><\/i><\/a><a href=\"tel:+967784554552\" target=\"_blank\" class=\"cz-czi 123-call\" data-title=\"\u0627\u062a\u0635\u0627\u0644 \u0645\u0628\u0627\u0634\u0631\" aria-label=\"\u0627\u062a\u0635\u0627\u0644 \u0645\u0628\u0627\u0634\u0631\"><i class=\"czi czico-123-call\"><\/i><\/a><\/div>\r\n\t\t\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","protected":false},"excerpt":{"rendered":"<p>\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 &#8211; \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 &#8211; \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 &#8230; <\/p>\n","protected":false},"author":1,"featured_media":6280,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6074","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/pages\/6074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/comments?post=6074"}],"version-history":[{"count":93,"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/pages\/6074\/revisions"}],"predecessor-version":[{"id":6341,"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/pages\/6074\/revisions\/6341"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/media\/6280"}],"wp:attachment":[{"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/media?parent=6074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}