\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0637\u0644\u0627\u0628 - \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n body {\r\n font-family: 'Tajawal', sans-serif;\r\n direction: rtl;\r\n background-color: #f4f4f4;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .search-title {\r\n text-align: center;\r\n font-size: 24px;\r\n font-weight: bold;\r\n margin: 30px 0 20px;\r\n color: #00598D;\r\n padding: 0 10px;\r\n }\r\n\r\n .search-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 10px;\r\n }\r\n\r\n .search-mode {\r\n margin-bottom: 15px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .search-mode button {\r\n padding: 8px 16px;\r\n margin: 5px;\r\n background-color: #00598D;\r\n color: white;\r\n border: none;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .search-mode button.active {\r\n background-color: #003f6d;\r\n }\r\n\r\n .search-form {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n width: 100%;\r\n max-width: 300px;\r\n margin: 0 auto;\r\n }\r\n\r\n .search-form input {\r\n padding: 10px;\r\n width: 100%;\r\n border: 2px solid #00598D;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .search-form button {\r\n padding: 10px 24px;\r\n background-color: #28a745;\r\n color: white;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n cursor: pointer;\r\n margin-top: 10px;\r\n width: 100%;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .search-form button:hover {\r\n background-color: #1e7e34;\r\n }\r\n\r\n .search-form button.new-search {\r\n background-color: #17a2b8;\r\n }\r\n\r\n .search-form button.new-search:hover {\r\n background-color: #117a8b;\r\n }\r\n\r\n .result-card {\r\n background-color: #f9f9f9;\r\n border: 2px solid #00598D;\r\n border-radius: 12px;\r\n padding: 20px;\r\n max-width: 1000px;\r\n margin: 30px auto;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n overflow-x: auto;\r\n }\r\n\r\n .result-card h2 {\r\n color: #00598D;\r\n text-align: center;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .result-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n\r\n .result-table th,\r\n .result-table td {\r\n border: 1px solid #ccc;\r\n padding: 10px;\r\n text-align: center;\r\n white-space: nowrap;\r\n }\r\n\r\n .result-table th {\r\n background-color: #00598D;\r\n color: white;\r\n }\r\n\r\n .buttons {\r\n margin-top: 20px;\r\n text-align: center;\r\n }\r\n\r\n .buttons button {\r\n background-color: #007bff;\r\n color: white;\r\n padding: 10px 20px;\r\n margin: 5px;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 15px;\r\n cursor: pointer;\r\n min-width: 130px;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .buttons button:hover {\r\n background-color: #0056b3;\r\n }\r\n\r\n \/* \u062f\u0639\u0645 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n @media (max-width: 600px) {\r\n .search-title {\r\n font-size: 20px;\r\n }\r\n\r\n .search-form {\r\n width: 90%;\r\n max-width: 300px;\r\n margin: 0 auto;\r\n }\r\n\r\n .search-form input {\r\n width: 100%;\r\n font-size: 15px;\r\n }\r\n\r\n .result-table th,\r\n .result-table td {\r\n font-size: 14px;\r\n padding: 6px;\r\n }\r\n\r\n .buttons button {\r\n font-size: 14px;\r\n padding: 8px 16px;\r\n }\r\n\r\n .result-card {\r\n padding: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"search-title\">\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 - \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<\/div>\r\n\r\n <div class=\"search-container\">\r\n <div class=\"search-mode\">\r\n <button id=\"bySeat\" class=\"active\" onclick=\"setSearchMode('seat')\">\u0627\u0644\u0628\u062d\u062b \u0628\u0631\u0642\u0645 \u0627\u0644\u062c\u0644\u0648\u0633<\/button>\r\n <button id=\"byName\" onclick=\"setSearchMode('name')\">\u0627\u0644\u0628\u062d\u062b \u0628\u0627\u0644\u0627\u0633\u0645<\/button>\r\n <\/div>\r\n\r\n <div class=\"search-form\">\r\n <input type=\"text\" id=\"searchInput\" placeholder=\"\u0623\u062f\u062e\u0644 \u0631\u0642\u0645 \u0627\u0644\u062c\u0644\u0648\u0633\" \/>\r\n <button onclick=\"searchResult()\">\u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u064a\u062c\u0629<\/button>\r\n <button class=\"new-search\" onclick=\"clearSearch()\">\u0628\u062d\u062b \u062c\u062f\u064a\u062f<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"resultContainer\"><\/div>\r\n\r\n \r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n\r\n <script>\r\n let searchMode = 'seat';\r\n\r\n function setSearchMode(mode) {\r\n searchMode = mode;\r\n const input = document.getElementById('searchInput');\r\n input.placeholder = mode === 'seat' ? '\u0623\u062f\u062e\u0644 \u0631\u0642\u0645 \u0627\u0644\u062c\u0644\u0648\u0633' : '\u0623\u062f\u062e\u0644 \u0627\u0644\u0627\u0633\u0645';\r\n input.value = '';\r\n document.getElementById('bySeat').classList.toggle('active', mode === 'seat');\r\n document.getElementById('byName').classList.toggle('active', mode === 'name');\r\n document.getElementById('resultContainer').innerHTML = '';\r\n }\r\n\r\n function clearSearch() {\r\n document.getElementById('searchInput').value = '';\r\n document.getElementById('resultContainer').innerHTML = '';\r\n document.getElementById('searchInput').focus();\r\n }\r\n\r\n function searchResult() {\r\n const searchInput = document.getElementById('searchInput').value.trim();\r\n const container = document.getElementById('resultContainer');\r\n container.innerHTML = '';\r\n\r\n if (!searchInput) {\r\n alert('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629');\r\n return;\r\n }\r\n\r\n const sheetID = '1sG-v-olQOkNfNuDC5fnzDdmKBuJbLLTNsoC9iGugugM';\r\n const sheetName = 'Sheet1';\r\n const url = `https:\/\/docs.google.com\/spreadsheets\/d\/${sheetID}\/gviz\/tq?tqx=out:json&sheet=${sheetName}`;\r\n\r\n fetch(url)\r\n .then((res) => res.text())\r\n .then((rep) => {\r\n const json = JSON.parse(rep.substr(47).slice(0, -2));\r\n const rows = json.table.rows;\r\n let found = false;\r\n let html = '';\r\n\r\n rows.forEach((row) => {\r\n const data = Array(11).fill('').map((_, i) => (row.c[i] ? row.c[i].v : ''));\r\n const seatNumber = data[1]?.toString();\r\n const studentName = data[2]?.toString();\r\n\r\n const match = searchMode === 'seat'\r\n ? seatNumber === searchInput\r\n : studentName.includes(searchInput);\r\n\r\n if (match) {\r\n found = true;\r\n const subjects = data.slice(4, 9).map((mark) => Number(mark) || 0);\r\n const total = subjects.reduce((sum, val) => sum + val, 0);\r\n const result = data[10] || (subjects.some((m) => m < 50) ? '\u0631\u0627\u0633\u0628' : '\u0646\u0627\u062c\u062d');\r\n const resultColor = result === '\u0631\u0627\u0633\u0628' ? 'red' : 'green';\r\n const today = new Date().toLocaleDateString('ar-EG');\r\n\r\n html += `\r\n <div id=\"printArea\" class=\"result-card\">\r\n <div style=\"text-align:center; margin-bottom:20px;\">\r\n <img decoding=\"async\" src=\"https:\/\/roayae-edu.com\/wp-content\/uploads\/2025\/05\/%D8%B1%D8%A4%D9%8A%D8%A9-2.png\" alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f\" style=\"width:120px; height:auto; margin: 0 auto; display:block;\">\r\n <strong style=\"font-size:18px;\">\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<\/strong><br>\r\n <span style=\"color:gray;\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u0627\u0639\u0629: ${today}<\/span>\r\n <\/div>\r\n <h2>\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0637\u0627\u0644\u0628<\/h2>\r\n <table class=\"result-table\">\r\n <tr>\r\n <th>\u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u062a\u0633\u0644\u0633\u0644\u064a<\/th><td>${data[0]}<\/td>\r\n <th>\u0631\u0642\u0645 \u0627\u0644\u062c\u0644\u0648\u0633<\/th><td>${seatNumber}<\/td>\r\n <\/tr>\r\n <tr>\r\n <th>\u0627\u0633\u0645 \u0627\u0644\u0637\u0627\u0644\u0628<\/th><td colspan=\"3\">${studentName}<\/td>\r\n <\/tr>\r\n <tr>\r\n <th>\u0627\u0644\u062a\u062e\u0635\u0635<\/th><td colspan=\"3\">${data[3]}<\/td>\r\n <\/tr>\r\n <tr>\r\n <th>\u0627\u0644\u0645\u0642\u0631\u0631 1<\/th><td>${data[4]}<\/td>\r\n <th>\u0627\u0644\u0645\u0642\u0631\u0631 2<\/th><td>${data[5]}<\/td>\r\n <\/tr>\r\n <tr>\r\n <th>\u0627\u0644\u0645\u0642\u0631\u0631 3<\/th><td>${data[6]}<\/td>\r\n <th>\u0627\u0644\u0645\u0642\u0631\u0631 4<\/th><td>${data[7]}<\/td>\r\n <\/tr>\r\n <tr>\r\n <th>\u0627\u0644\u0645\u0642\u0631\u0631 5<\/th><td>${data[8]}<\/td>\r\n <th>\u0627\u0644\u0645\u062c\u0645\u0648\u0639<\/th><td>${total}<\/td>\r\n <\/tr>\r\n <tr>\r\n <th>\u0627\u0644\u0646\u062a\u064a\u062c\u0629<\/th><td colspan=\"3\" style=\"color:${resultColor}; font-weight:bold;\">${result}<\/td>\r\n <\/tr>\r\n <\/table>\r\n <div class=\"buttons\">\r\n <button onclick=\"printResult()\">\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0646\u062a\u064a\u062c\u0629<\/button>\r\n <button onclick=\"downloadPDF()\">\u062d\u0641\u0638 \u0643\u0645\u0644\u0641 PDF<\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n });\r\n\r\n if (!found) {\r\n html = `<p style=\"text-align:center; color:red; font-weight:bold; margin-top:40px;\">\u0644\u0627 \u062a\u0648\u062c\u062f \u0646\u062a\u0627\u0626\u062c \u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0644\u0628\u062d\u062b.<\/p>`;\r\n }\r\n\r\n container.innerHTML = html;\r\n })\r\n .catch((error) => {\r\n container.innerHTML = `<p style=\"text-align:center; color:red;\">\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u062c\u0644\u0628 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0644\u0627\u062d\u0642\u064b\u0627.<\/p>`;\r\n console.error(error);\r\n });\r\n }\r\n\r\n function printResult() {\r\n const printContents = document.getElementById('printArea').innerHTML;\r\n const originalContents = document.body.innerHTML;\r\n document.body.innerHTML = printContents;\r\n window.print();\r\n document.body.innerHTML = originalContents;\r\n location.reload(); \/\/ \u0644\u0625\u0639\u0627\u062f\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0639\u062f \u0627\u0644\u0637\u0628\u0627\u0639\u0629\r\n }\r\n\r\n function downloadPDF() {\r\n const { jsPDF } = window.jspdf;\r\n const doc = new jsPDF({\r\n orientation: 'portrait',\r\n unit: 'pt',\r\n format: 'a4',\r\n });\r\n\r\n const printArea = document.getElementById('printArea');\r\n doc.html(printArea, {\r\n callback: function (doc) {\r\n doc.save('\u0646\u062a\u064a\u062c\u0629-\u0627\u0644\u0637\u0627\u0644\u0628.pdf');\r\n },\r\n margin: [40, 40, 40, 40],\r\n autoPaging: 'text',\r\n x: 10,\r\n y: 10,\r\n html2canvas: { scale: 0.8 }\r\n });\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-966061c 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=\"966061c\" 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-a0fd3e3 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-cz_particles\" data-id=\"a0fd3e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_particles.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"xtra-4935\" class=\"cz-particles\"><\/div>\r\n<script>\r\n\r\n\tjQuery( function( $ ) {\r\n\r\n\t\tvar timeout = 2000;\r\n\r\n\t\tsetTimeout(function() {\r\n\t\t\tif ( typeof particlesJS != \"undefined\" ) {\r\n\r\n\t\t\t\tparticlesJS(\"xtra-4935\", {\r\n\t\t\t\t \"particles\": {\r\n\t\t\t\t \"number\": {\r\n\t\t\t\t \"value\": 100\r\n\t\t\t\t },\r\n\t\t\t\t \"color\": {\r\n\t\t\t\t \"value\": \"#5C0F0F\"\r\n\t\t\t\t },\r\n\t\t\t\t \"shape\": {\r\n\t\t\t\t \"type\": \"circle\",\r\n\t\t\t\t },\r\n\t\t\t\t \"line_linked\": {\r\n\t\t\t\t \"enable\": true,\r\n\t\t\t\t \"distance\": 150,\r\n\t\t\t\t \"color\": \"#a7a7a7\",\r\n\t\t\t\t \"opacity\": 0.4,\r\n\t\t\t\t \"width\": 1\r\n\t\t\t\t },\r\n\t\t\t\t \"opacity\": {\r\n\t\t\t\t \"value\": 0.5,\r\n\t\t\t\t \"random\": true,\r\n\t\t\t\t \"anim\": {\r\n\t\t\t\t \"enable\": false,\r\n\t\t\t\t \"speed\": 1,\r\n\t\t\t\t \"opacity_min\": 0.1,\r\n\t\t\t\t \"sync\": false\r\n\t\t\t\t }\r\n\t\t\t\t },\r\n\t\t\t\t \"size\": {\r\n\t\t\t\t \"value\": 5,\r\n\t\t\t\t \"random\": true,\r\n\t\t\t\t \"anim\": {\r\n\t\t\t\t \"enable\": false,\r\n\t\t\t\t \"speed\": 40,\r\n\t\t\t\t \"size_min\": 0.1,\r\n\t\t\t\t \"sync\": false\r\n\t\t\t\t }\r\n\t\t\t\t },\r\n\t\t\t\t \"move\": {\r\n\t\t\t\t \"enable\": true,\r\n\t\t\t\t \"speed\": 6,\r\n\t\t\t\t \"direction\": \"none\",\r\n\t\t\t\t \"random\": false,\r\n\t\t\t\t \"straight\": false,\r\n\t\t\t\t \"out_mode\": \"\",\r\n\t\t\t\t \"bounce\": false,\r\n\t\t\t\t \"attract\": {\r\n\t\t\t\t \"enable\": false,\r\n\t\t\t\t \"rotateX\": 600,\r\n\t\t\t\t \"rotateY\": 1200\r\n\t\t\t\t }\r\n\t\t\t\t }\r\n\t\t\t\t },\r\n\t\t\t\t \"interactivity\": {\r\n\t\t\t\t \"detect_on\": \"canvas\",\r\n\t\t\t\t \"events\": {\r\n\t\t\t\t \"onhover\": {\r\n\t\t\t\t \"enable\": true,\r\n\t\t\t\t \"mode\": \"grab\"\r\n\t\t\t\t },\r\n\t\t\t\t \"onclick\": {\r\n\t\t\t\t \"enable\": true,\r\n\t\t\t\t \"mode\": \"push\"\r\n\t\t\t\t },\r\n\t\t\t\t \"resize\": true\r\n\t\t\t\t },\r\n\t\t\t\t \"modes\": {\r\n\t\t\t\t \"grab\": {\r\n\t\t\t\t \"distance\": 100,\r\n\t\t\t\t \"line_linked\": {\r\n\t\t\t\t \"opacity\": 1\r\n\t\t\t\t }\r\n\t\t\t\t },\r\n\t\t\t\t \"bubble\": {\r\n\t\t\t\t \"distance\": 400,\r\n\t\t\t\t \"size\": 40,\r\n\t\t\t\t \"duration\": 2,\r\n\t\t\t\t \"opacity\": 8,\r\n\t\t\t\t \"speed\": 3\r\n\t\t\t\t },\r\n\t\t\t\t \"repulse\": {\r\n\t\t\t\t \"distance\": 200,\r\n\t\t\t\t \"duration\": 0.4\r\n\t\t\t\t },\r\n\t\t\t\t \"push\": {\r\n\t\t\t\t \"particles_nb\": 4\r\n\t\t\t\t },\r\n\t\t\t\t \"remove\": {\r\n\t\t\t\t \"particles_nb\": 2\r\n\t\t\t\t }\r\n\t\t\t\t }\r\n\t\t\t\t },\r\n\t\t\t\t \"retina_detect\": true\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}, timeout );\r\n\r\n\t});\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0637\u0644\u0627\u0628 – \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 – \u0645\u0639\u0647\u062f … <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2654","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/pages\/2654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/comments?post=2654"}],"version-history":[{"count":213,"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/pages\/2654\/revisions"}],"predecessor-version":[{"id":3451,"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/pages\/2654\/revisions\/3451"}],"wp:attachment":[{"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/media?parent=2654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0637\u0644\u0627\u0628 - \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n body {\r\n font-family: 'Tajawal', sans-serif;\r\n direction: rtl;\r\n background-color: #f4f4f4;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .search-title {\r\n text-align: center;\r\n font-size: 24px;\r\n font-weight: bold;\r\n margin: 30px 0 20px;\r\n color: #00598D;\r\n padding: 0 10px;\r\n }\r\n\r\n .search-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 10px;\r\n }\r\n\r\n .search-mode {\r\n margin-bottom: 15px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .search-mode button {\r\n padding: 8px 16px;\r\n margin: 5px;\r\n background-color: #00598D;\r\n color: white;\r\n border: none;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .search-mode button.active {\r\n background-color: #003f6d;\r\n }\r\n\r\n .search-form {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n width: 100%;\r\n max-width: 300px;\r\n margin: 0 auto;\r\n }\r\n\r\n .search-form input {\r\n padding: 10px;\r\n width: 100%;\r\n border: 2px solid #00598D;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .search-form button {\r\n padding: 10px 24px;\r\n background-color: #28a745;\r\n color: white;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n cursor: pointer;\r\n margin-top: 10px;\r\n width: 100%;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .search-form button:hover {\r\n background-color: #1e7e34;\r\n }\r\n\r\n .search-form button.new-search {\r\n background-color: #17a2b8;\r\n }\r\n\r\n .search-form button.new-search:hover {\r\n background-color: #117a8b;\r\n }\r\n\r\n .result-card {\r\n background-color: #f9f9f9;\r\n border: 2px solid #00598D;\r\n border-radius: 12px;\r\n padding: 20px;\r\n max-width: 1000px;\r\n margin: 30px auto;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n overflow-x: auto;\r\n }\r\n\r\n .result-card h2 {\r\n color: #00598D;\r\n text-align: center;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .result-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n\r\n .result-table th,\r\n .result-table td {\r\n border: 1px solid #ccc;\r\n padding: 10px;\r\n text-align: center;\r\n white-space: nowrap;\r\n }\r\n\r\n .result-table th {\r\n background-color: #00598D;\r\n color: white;\r\n }\r\n\r\n .buttons {\r\n margin-top: 20px;\r\n text-align: center;\r\n }\r\n\r\n .buttons button {\r\n background-color: #007bff;\r\n color: white;\r\n padding: 10px 20px;\r\n margin: 5px;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 15px;\r\n cursor: pointer;\r\n min-width: 130px;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .buttons button:hover {\r\n background-color: #0056b3;\r\n }\r\n\r\n \/* \u062f\u0639\u0645 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n @media (max-width: 600px) {\r\n .search-title {\r\n font-size: 20px;\r\n }\r\n\r\n .search-form {\r\n width: 90%;\r\n max-width: 300px;\r\n margin: 0 auto;\r\n }\r\n\r\n .search-form input {\r\n width: 100%;\r\n font-size: 15px;\r\n }\r\n\r\n .result-table th,\r\n .result-table td {\r\n font-size: 14px;\r\n padding: 6px;\r\n }\r\n\r\n .buttons button {\r\n font-size: 14px;\r\n padding: 8px 16px;\r\n }\r\n\r\n .result-card {\r\n padding: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"search-title\">\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 - \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<\/div>\r\n\r\n <div class=\"search-container\">\r\n <div class=\"search-mode\">\r\n <button id=\"bySeat\" class=\"active\" onclick=\"setSearchMode('seat')\">\u0627\u0644\u0628\u062d\u062b \u0628\u0631\u0642\u0645 \u0627\u0644\u062c\u0644\u0648\u0633<\/button>\r\n <button id=\"byName\" onclick=\"setSearchMode('name')\">\u0627\u0644\u0628\u062d\u062b \u0628\u0627\u0644\u0627\u0633\u0645<\/button>\r\n <\/div>\r\n\r\n <div class=\"search-form\">\r\n <input type=\"text\" id=\"searchInput\" placeholder=\"\u0623\u062f\u062e\u0644 \u0631\u0642\u0645 \u0627\u0644\u062c\u0644\u0648\u0633\" \/>\r\n <button onclick=\"searchResult()\">\u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u064a\u062c\u0629<\/button>\r\n <button class=\"new-search\" onclick=\"clearSearch()\">\u0628\u062d\u062b \u062c\u062f\u064a\u062f<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"resultContainer\"><\/div>\r\n\r\n \r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n\r\n <script>\r\n let searchMode = 'seat';\r\n\r\n function setSearchMode(mode) {\r\n searchMode = mode;\r\n const input = document.getElementById('searchInput');\r\n input.placeholder = mode === 'seat' ? '\u0623\u062f\u062e\u0644 \u0631\u0642\u0645 \u0627\u0644\u062c\u0644\u0648\u0633' : '\u0623\u062f\u062e\u0644 \u0627\u0644\u0627\u0633\u0645';\r\n input.value = '';\r\n document.getElementById('bySeat').classList.toggle('active', mode === 'seat');\r\n document.getElementById('byName').classList.toggle('active', mode === 'name');\r\n document.getElementById('resultContainer').innerHTML = '';\r\n }\r\n\r\n function clearSearch() {\r\n document.getElementById('searchInput').value = '';\r\n document.getElementById('resultContainer').innerHTML = '';\r\n document.getElementById('searchInput').focus();\r\n }\r\n\r\n function searchResult() {\r\n const searchInput = document.getElementById('searchInput').value.trim();\r\n const container = document.getElementById('resultContainer');\r\n container.innerHTML = '';\r\n\r\n if (!searchInput) {\r\n alert('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629');\r\n return;\r\n }\r\n\r\n const sheetID = '1sG-v-olQOkNfNuDC5fnzDdmKBuJbLLTNsoC9iGugugM';\r\n const sheetName = 'Sheet1';\r\n const url = `https:\/\/docs.google.com\/spreadsheets\/d\/${sheetID}\/gviz\/tq?tqx=out:json&sheet=${sheetName}`;\r\n\r\n fetch(url)\r\n .then((res) => res.text())\r\n .then((rep) => {\r\n const json = JSON.parse(rep.substr(47).slice(0, -2));\r\n const rows = json.table.rows;\r\n let found = false;\r\n let html = '';\r\n\r\n rows.forEach((row) => {\r\n const data = Array(11).fill('').map((_, i) => (row.c[i] ? row.c[i].v : ''));\r\n const seatNumber = data[1]?.toString();\r\n const studentName = data[2]?.toString();\r\n\r\n const match = searchMode === 'seat'\r\n ? seatNumber === searchInput\r\n : studentName.includes(searchInput);\r\n\r\n if (match) {\r\n found = true;\r\n const subjects = data.slice(4, 9).map((mark) => Number(mark) || 0);\r\n const total = subjects.reduce((sum, val) => sum + val, 0);\r\n const result = data[10] || (subjects.some((m) => m < 50) ? '\u0631\u0627\u0633\u0628' : '\u0646\u0627\u062c\u062d');\r\n const resultColor = result === '\u0631\u0627\u0633\u0628' ? 'red' : 'green';\r\n const today = new Date().toLocaleDateString('ar-EG');\r\n\r\n html += `\r\n <div id=\"printArea\" class=\"result-card\">\r\n <div style=\"text-align:center; margin-bottom:20px;\">\r\n <img decoding=\"async\" src=\"https:\/\/roayae-edu.com\/wp-content\/uploads\/2025\/05\/%D8%B1%D8%A4%D9%8A%D8%A9-2.png\" alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f\" style=\"width:120px; height:auto; margin: 0 auto; display:block;\">\r\n <strong style=\"font-size:18px;\">\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<\/strong><br>\r\n <span style=\"color:gray;\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u0627\u0639\u0629: ${today}<\/span>\r\n <\/div>\r\n <h2>\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0637\u0627\u0644\u0628<\/h2>\r\n <table class=\"result-table\">\r\n <tr>\r\n <th>\u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u062a\u0633\u0644\u0633\u0644\u064a<\/th><td>${data[0]}<\/td>\r\n <th>\u0631\u0642\u0645 \u0627\u0644\u062c\u0644\u0648\u0633<\/th><td>${seatNumber}<\/td>\r\n <\/tr>\r\n <tr>\r\n <th>\u0627\u0633\u0645 \u0627\u0644\u0637\u0627\u0644\u0628<\/th><td colspan=\"3\">${studentName}<\/td>\r\n <\/tr>\r\n <tr>\r\n <th>\u0627\u0644\u062a\u062e\u0635\u0635<\/th><td colspan=\"3\">${data[3]}<\/td>\r\n <\/tr>\r\n <tr>\r\n <th>\u0627\u0644\u0645\u0642\u0631\u0631 1<\/th><td>${data[4]}<\/td>\r\n <th>\u0627\u0644\u0645\u0642\u0631\u0631 2<\/th><td>${data[5]}<\/td>\r\n <\/tr>\r\n <tr>\r\n <th>\u0627\u0644\u0645\u0642\u0631\u0631 3<\/th><td>${data[6]}<\/td>\r\n <th>\u0627\u0644\u0645\u0642\u0631\u0631 4<\/th><td>${data[7]}<\/td>\r\n <\/tr>\r\n <tr>\r\n <th>\u0627\u0644\u0645\u0642\u0631\u0631 5<\/th><td>${data[8]}<\/td>\r\n <th>\u0627\u0644\u0645\u062c\u0645\u0648\u0639<\/th><td>${total}<\/td>\r\n <\/tr>\r\n <tr>\r\n <th>\u0627\u0644\u0646\u062a\u064a\u062c\u0629<\/th><td colspan=\"3\" style=\"color:${resultColor}; font-weight:bold;\">${result}<\/td>\r\n <\/tr>\r\n <\/table>\r\n <div class=\"buttons\">\r\n <button onclick=\"printResult()\">\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0646\u062a\u064a\u062c\u0629<\/button>\r\n <button onclick=\"downloadPDF()\">\u062d\u0641\u0638 \u0643\u0645\u0644\u0641 PDF<\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n });\r\n\r\n if (!found) {\r\n html = `<p style=\"text-align:center; color:red; font-weight:bold; margin-top:40px;\">\u0644\u0627 \u062a\u0648\u062c\u062f \u0646\u062a\u0627\u0626\u062c \u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0644\u0628\u062d\u062b.<\/p>`;\r\n }\r\n\r\n container.innerHTML = html;\r\n })\r\n .catch((error) => {\r\n container.innerHTML = `<p style=\"text-align:center; color:red;\">\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u062c\u0644\u0628 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0644\u0627\u062d\u0642\u064b\u0627.<\/p>`;\r\n console.error(error);\r\n });\r\n }\r\n\r\n function printResult() {\r\n const printContents = document.getElementById('printArea').innerHTML;\r\n const originalContents = document.body.innerHTML;\r\n document.body.innerHTML = printContents;\r\n window.print();\r\n document.body.innerHTML = originalContents;\r\n location.reload(); \/\/ \u0644\u0625\u0639\u0627\u062f\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0639\u062f \u0627\u0644\u0637\u0628\u0627\u0639\u0629\r\n }\r\n\r\n function downloadPDF() {\r\n const { jsPDF } = window.jspdf;\r\n const doc = new jsPDF({\r\n orientation: 'portrait',\r\n unit: 'pt',\r\n format: 'a4',\r\n });\r\n\r\n const printArea = document.getElementById('printArea');\r\n doc.html(printArea, {\r\n callback: function (doc) {\r\n doc.save('\u0646\u062a\u064a\u062c\u0629-\u0627\u0644\u0637\u0627\u0644\u0628.pdf');\r\n },\r\n margin: [40, 40, 40, 40],\r\n autoPaging: 'text',\r\n x: 10,\r\n y: 10,\r\n html2canvas: { scale: 0.8 }\r\n });\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-966061c 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=\"966061c\" 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-a0fd3e3 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-cz_particles\" data-id=\"a0fd3e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_particles.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"xtra-4935\" class=\"cz-particles\"><\/div>\r\n<script>\r\n\r\n\tjQuery( function( $ ) {\r\n\r\n\t\tvar timeout = 2000;\r\n\r\n\t\tsetTimeout(function() {\r\n\t\t\tif ( typeof particlesJS != \"undefined\" ) {\r\n\r\n\t\t\t\tparticlesJS(\"xtra-4935\", {\r\n\t\t\t\t \"particles\": {\r\n\t\t\t\t \"number\": {\r\n\t\t\t\t \"value\": 100\r\n\t\t\t\t },\r\n\t\t\t\t \"color\": {\r\n\t\t\t\t \"value\": \"#5C0F0F\"\r\n\t\t\t\t },\r\n\t\t\t\t \"shape\": {\r\n\t\t\t\t \"type\": \"circle\",\r\n\t\t\t\t },\r\n\t\t\t\t \"line_linked\": {\r\n\t\t\t\t \"enable\": true,\r\n\t\t\t\t \"distance\": 150,\r\n\t\t\t\t \"color\": \"#a7a7a7\",\r\n\t\t\t\t \"opacity\": 0.4,\r\n\t\t\t\t \"width\": 1\r\n\t\t\t\t },\r\n\t\t\t\t \"opacity\": {\r\n\t\t\t\t \"value\": 0.5,\r\n\t\t\t\t \"random\": true,\r\n\t\t\t\t \"anim\": {\r\n\t\t\t\t \"enable\": false,\r\n\t\t\t\t \"speed\": 1,\r\n\t\t\t\t \"opacity_min\": 0.1,\r\n\t\t\t\t \"sync\": false\r\n\t\t\t\t }\r\n\t\t\t\t },\r\n\t\t\t\t \"size\": {\r\n\t\t\t\t \"value\": 5,\r\n\t\t\t\t \"random\": true,\r\n\t\t\t\t \"anim\": {\r\n\t\t\t\t \"enable\": false,\r\n\t\t\t\t \"speed\": 40,\r\n\t\t\t\t \"size_min\": 0.1,\r\n\t\t\t\t \"sync\": false\r\n\t\t\t\t }\r\n\t\t\t\t },\r\n\t\t\t\t \"move\": {\r\n\t\t\t\t \"enable\": true,\r\n\t\t\t\t \"speed\": 6,\r\n\t\t\t\t \"direction\": \"none\",\r\n\t\t\t\t \"random\": false,\r\n\t\t\t\t \"straight\": false,\r\n\t\t\t\t \"out_mode\": \"\",\r\n\t\t\t\t \"bounce\": false,\r\n\t\t\t\t \"attract\": {\r\n\t\t\t\t \"enable\": false,\r\n\t\t\t\t \"rotateX\": 600,\r\n\t\t\t\t \"rotateY\": 1200\r\n\t\t\t\t }\r\n\t\t\t\t }\r\n\t\t\t\t },\r\n\t\t\t\t \"interactivity\": {\r\n\t\t\t\t \"detect_on\": \"canvas\",\r\n\t\t\t\t \"events\": {\r\n\t\t\t\t \"onhover\": {\r\n\t\t\t\t \"enable\": true,\r\n\t\t\t\t \"mode\": \"grab\"\r\n\t\t\t\t },\r\n\t\t\t\t \"onclick\": {\r\n\t\t\t\t \"enable\": true,\r\n\t\t\t\t \"mode\": \"push\"\r\n\t\t\t\t },\r\n\t\t\t\t \"resize\": true\r\n\t\t\t\t },\r\n\t\t\t\t \"modes\": {\r\n\t\t\t\t \"grab\": {\r\n\t\t\t\t \"distance\": 100,\r\n\t\t\t\t \"line_linked\": {\r\n\t\t\t\t \"opacity\": 1\r\n\t\t\t\t }\r\n\t\t\t\t },\r\n\t\t\t\t \"bubble\": {\r\n\t\t\t\t \"distance\": 400,\r\n\t\t\t\t \"size\": 40,\r\n\t\t\t\t \"duration\": 2,\r\n\t\t\t\t \"opacity\": 8,\r\n\t\t\t\t \"speed\": 3\r\n\t\t\t\t },\r\n\t\t\t\t \"repulse\": {\r\n\t\t\t\t \"distance\": 200,\r\n\t\t\t\t \"duration\": 0.4\r\n\t\t\t\t },\r\n\t\t\t\t \"push\": {\r\n\t\t\t\t \"particles_nb\": 4\r\n\t\t\t\t },\r\n\t\t\t\t \"remove\": {\r\n\t\t\t\t \"particles_nb\": 2\r\n\t\t\t\t }\r\n\t\t\t\t }\r\n\t\t\t\t },\r\n\t\t\t\t \"retina_detect\": true\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}, timeout );\r\n\r\n\t});\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0637\u0644\u0627\u0628 – \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 – \u0645\u0639\u0647\u062f … <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2654","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/pages\/2654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/comments?post=2654"}],"version-history":[{"count":213,"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/pages\/2654\/revisions"}],"predecessor-version":[{"id":3451,"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/pages\/2654\/revisions\/3451"}],"wp:attachment":[{"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/media?parent=2654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}