{"id":1813,"date":"2025-05-04T18:07:51","date_gmt":"2025-05-04T15:07:51","guid":{"rendered":"https:\/\/roayae-edu.com\/?page_id=1813"},"modified":"2025-09-13T18:00:38","modified_gmt":"2025-09-13T15:00:38","slug":"library","status":"publish","type":"page","link":"https:\/\/roayae-edu.com\/en\/library\/","title":{"rendered":"Library"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0645\u0643\u062a\u0628\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<\/title>\r\n <style>\r\n \/* --- \u0643\u0645\u0627 \u0641\u064a \u0643\u0648\u062f\u0643 \u0627\u0644\u0623\u0635\u0644\u064a \u0645\u0639 \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0623\u0644\u0648\u0627\u0646 --- *\/\r\n #roayae-library {\r\n font-family: 'Cairo', sans-serif;\r\n background-color: #f9fafb;\r\n color: #7F5645;\r\n max-width: 1200px;\r\n margin: 20px auto;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n padding: 0;\r\n }\r\n #roayae-library[dir=\"rtl\"] {\r\n direction: rtl;\r\n }\r\n #roayae-library[dir=\"ltr\"] {\r\n direction: ltr;\r\n }\r\n #roayae-library header {\r\n background-color: #7F5645;\r\n color: white;\r\n padding: 15px 20px;\r\n text-align: center;\r\n font-size: 22px;\r\n font-weight: bold;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n max-height: 60px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n #roayae-library .container {\r\n display: flex;\r\n min-height: 90vh;\r\n background: white;\r\n overflow: hidden;\r\n }\r\n #roayae-library nav.sidebar {\r\n width: 260px;\r\n background-color: #7F5645;\r\n padding: 25px 15px;\r\n color: white;\r\n box-sizing: border-box;\r\n }\r\n #roayae-library nav.sidebar h2 {\r\n font-size: 20px;\r\n margin-bottom: 20px;\r\n text-align: center;\r\n font-weight: 700;\r\n border-bottom: 2px solid #A8D5BA;\r\n padding-bottom: 10px;\r\n }\r\n #roayae-library nav.sidebar ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n #roayae-library nav.sidebar ul li {\r\n margin-bottom: 15px;\r\n }\r\n #roayae-library nav.sidebar ul li button {\r\n width: 100%;\r\n background: transparent;\r\n border: none;\r\n color: white;\r\n font-size: 16px;\r\n cursor: pointer;\r\n padding: 12px 10px;\r\n border-right: 4px solid transparent;\r\n text-align: right;\r\n transition: background-color 0.3s, border-color 0.3s;\r\n border-radius: 4px;\r\n user-select: none;\r\n }\r\n #roayae-library nav.sidebar ul li button:hover,\r\n #roayae-library nav.sidebar ul li button.active {\r\n background-color: #5c3f34;\r\n border-color: #A8D5BA;\r\n }\r\n #roayae-library main.content {\r\n flex-grow: 1;\r\n padding: 30px 25px;\r\n box-sizing: border-box;\r\n }\r\n #roayae-library .search-filter {\r\n display: flex;\r\n gap: 15px;\r\n margin-bottom: 25px;\r\n flex-wrap: wrap;\r\n }\r\n #roayae-library .search-filter input[type=\"text\"],\r\n #roayae-library .search-filter select {\r\n padding: 10px 15px;\r\n border: 2px solid #ddd;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n flex-grow: 1;\r\n min-width: 180px;\r\n color: #7F5645;\r\n }\r\n #roayae-library .search-filter button {\r\n background-color: #7F5645;\r\n color: white;\r\n border: none;\r\n padding: 10px 18px;\r\n font-size: 16px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: background-color 0.3s;\r\n user-select: none;\r\n }\r\n #roayae-library .search-filter button:hover {\r\n background-color: #5c3f34;\r\n }\r\n #roayae-library .library-list {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit,minmax(280px,1fr));\r\n gap: 20px;\r\n align-items: stretch;\r\n }\r\n #roayae-library .library-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgb(0 0 0 \/ 0.1);\r\n overflow: hidden;\r\n transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n height: 100%;\r\n cursor: pointer;\r\n }\r\n #roayae-library .library-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 20px rgb(0 0 0 \/ 0.15);\r\n }\r\n #roayae-library .library-card img {\r\n width: 100%;\r\n height: 160px;\r\n object-fit: cover;\r\n border-bottom: 1px solid #ddd;\r\n flex-shrink: 0;\r\n }\r\n #roayae-library .library-card .info {\r\n padding: 16px 20px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n #roayae-library .library-card h3 {\r\n font-size: 1.15rem;\r\n margin-bottom: 8px;\r\n color: #7F5645;\r\n min-height: 48px;\r\n }\r\n #roayae-library .library-card p.author,\r\n #roayae-library .library-card p.year,\r\n #roayae-library .library-card p.description {\r\n margin: 0 0 8px 0;\r\n font-size: 0.9rem;\r\n color: #5c3f34;\r\n }\r\n #roayae-library .library-card a.details-btn {\r\n align-self: flex-start;\r\n background-color: #7F5645;\r\n color: white;\r\n border: none;\r\n padding: 8px 16px;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n cursor: pointer;\r\n transition: background-color 0.3s;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n #roayae-library .library-card a.details-btn:hover {\r\n background-color: #5c3f34;\r\n }\r\n \/* \u062a\u062c\u0627\u0648\u0628 \u0634\u0627\u0634\u0627\u062a \u0635\u063a\u064a\u0631\u0629 *\/\r\n @media (max-width: 768px) {\r\n #roayae-library nav.sidebar {\r\n width: 100%;\r\n display: flex;\r\n overflow-x: auto;\r\n padding: 15px;\r\n }\r\n #roayae-library nav.sidebar ul {\r\n display: flex;\r\n gap: 12px;\r\n }\r\n #roayae-library nav.sidebar ul li button {\r\n border-right: none;\r\n border-left: none;\r\n border-bottom: 4px solid transparent;\r\n text-align: center;\r\n flex-grow: 1;\r\n }\r\n #roayae-library nav.sidebar ul li button.active {\r\n border-bottom-color: #A8D5BA;\r\n }\r\n }\r\n \/* \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0645\u062e\u0641\u064a \u0644\u0625\u0636\u0627\u0641\u0629 \u0645\u0648\u0627\u062f \u062c\u062f\u064a\u062f\u0629 *\/\r\n #adminSection {\r\n max-width: 800px;\r\n margin: 40px auto 80px;\r\n padding: 30px;\r\n background: #fff;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n font-family: 'Cairo', sans-serif;\r\n display: none;\r\n }\r\n #adminSection h2 {\r\n text-align: center;\r\n color: #7F5645;\r\n margin-bottom: 20px;\r\n }\r\n #adminSection label {\r\n display: block;\r\n margin: 15px 0 5px;\r\n font-weight: bold;\r\n color: #5c3f34;\r\n }\r\n #adminSection input[type=\"text\"],\r\n #adminSection input[type=\"url\"],\r\n #adminSection select {\r\n width: 100%;\r\n padding: 10px 15px;\r\n border: 2px solid #ddd;\r\n border-radius: 6px;\r\n font-size: 16px;\r\n box-sizing: border-box;\r\n color: #7F5645;\r\n }\r\n #adminSection button {\r\n margin-top: 20px;\r\n background-color: #7F5645;\r\n color: white;\r\n border: none;\r\n padding: 12px 20px;\r\n font-size: 16px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n transition: background-color 0.3s;\r\n user-select: none;\r\n }\r\n #adminSection button:hover {\r\n background-color: #5c3f34;\r\n }\r\n #adminPassContainer {\r\n max-width: 400px;\r\n margin: 30px auto 10px;\r\n text-align: center;\r\n }\r\n #adminPassContainer input[type=\"password\"] {\r\n width: 80%;\r\n padding: 10px 15px;\r\n font-size: 16px;\r\n border: 2px solid #ddd;\r\n border-radius: 6px;\r\n margin-top: 8px;\r\n color: #7F5645;\r\n }\r\n #adminPassContainer button {\r\n margin-top: 10px;\r\n background-color: #7F5645;\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 6px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n user-select: none;\r\n }\r\n #adminPassContainer button:hover {\r\n background-color: #5c3f34;\r\n }\r\n #passError {\r\n color: red;\r\n margin-top: 10px;\r\n display: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section id=\"roayae-library\" dir=\"rtl\" lang=\"ar\">\r\n <header><span id=\"headerTitle\">\u0645\u0643\u062a\u0628\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<\/span><\/header>\r\n <div class=\"container\">\r\n <nav class=\"sidebar\" aria-label=\"\u0627\u0644\u0623\u0642\u0633\u0627\u0645\">\r\n <h2 id=\"sectionsTitle\">\u0627\u0644\u0623\u0642\u0633\u0627\u0645<\/h2>\r\n <ul id=\"categoryList\">\r\n <!-- \u0623\u0642\u0633\u0627\u0645 \u0633\u062a\u062a\u063a\u064a\u0631 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 -->\r\n <\/ul>\r\n <\/nav>\r\n <main class=\"content\">\r\n <div class=\"search-filter\" role=\"search\" aria-label=\"\u0628\u062d\u062b \u0641\u064a \u0627\u0644\u0645\u0643\u062a\u0628\u0629\">\r\n <input type=\"text\" id=\"searchInput\" placeholder=\"\u0627\u0628\u062d\u062b \u0641\u064a \u0627\u0644\u0645\u0643\u062a\u0628\u0629 ...\" aria-label=\"\u062d\u0642\u0644 \u0627\u0644\u0628\u062d\u062b\" \/>\r\n <select id=\"filterSelect\" aria-label=\"\u062a\u0635\u0641\u064a\u0629 \u062d\u0633\u0628 \u0627\u0644\u062a\u062e\u0635\u0635\">\r\n <!-- \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062e\u0635\u0635 \u0633\u062a\u062a\u063a\u064a\u0631 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 -->\r\n <\/select>\r\n <button id=\"searchBtn\" aria-label=\"\u0632\u0631 \u0627\u0644\u0628\u062d\u062b\">\u0628\u062d\u062b<\/button>\r\n <\/div>\r\n <div id=\"libraryList\" class=\"library-list\" role=\"list\" aria-live=\"polite\" aria-atomic=\"true\">\r\n <!-- \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u062a\u0638\u0647\u0631 \u0647\u0646\u0627 -->\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0645\u062e\u0641\u064a \u0644\u0625\u0636\u0627\u0641\u0629 \u0645\u0648\u0627\u062f \u062c\u062f\u064a\u062f\u0629 -->\r\n <div id=\"adminPassContainer\">\r\n <label for=\"adminPassInput\" id=\"adminPassLabel\">\ud83d\udd10 \u0623\u062f\u062e\u0644 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0644\u0644\u0625\u062f\u0627\u0631\u0629<\/label><br \/>\r\n <input type=\"password\" id=\"adminPassInput\" placeholder=\"\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\" aria-describedby=\"passError\" \/>\r\n <br\/>\r\n <button id=\"adminPassBtn\">\u062a\u0623\u0643\u064a\u062f<\/button>\r\n <p id=\"passError\">\u274c \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d\u0629!<\/p>\r\n <\/div>\r\n\r\n <div id=\"adminSection\" aria-hidden=\"true\">\r\n <h2 id=\"adminSectionTitle\">\ud83d\udce4 \u0625\u0636\u0627\u0641\u0629 \u0645\u0627\u062f\u0629 \u062c\u062f\u064a\u062f\u0629 - \u062e\u0627\u0635 \u0628\u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/h2>\r\n <form id=\"addMaterialForm\">\r\n <label for=\"matTitle\" id=\"labelTitle\">\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0645\u0627\u062f\u0629:<\/label>\r\n <input type=\"text\" id=\"matTitle\" required \/>\r\n <label for=\"matAuthor\" id=\"labelAuthor\">\u0627\u0644\u0645\u0624\u0644\u0641:<\/label>\r\n <input type=\"text\" id=\"matAuthor\" required \/>\r\n <label for=\"matYear\" id=\"labelYear\">\u0633\u0646\u0629 \u0627\u0644\u0625\u0635\u062f\u0627\u0631:<\/label>\r\n <input type=\"text\" id=\"matYear\" required \/>\r\n <label for=\"matCategory\" id=\"labelCategory\">\u0627\u0644\u0642\u0633\u0645:<\/label>\r\n <select id=\"matCategory\" required>\r\n <!-- \u0646\u0641\u0633 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0623\u0642\u0633\u0627\u0645 -->\r\n <\/select>\r\n <label for=\"matSpecialty\" id=\"labelSpecialty\">\u0627\u0644\u062a\u062e\u0635\u0635:<\/label>\r\n <select id=\"matSpecialty\" required>\r\n <!-- \u0646\u0641\u0633 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062e\u0635\u0635 -->\r\n <\/select>\r\n <label for=\"matDescription\" id=\"labelDescription\">\u0648\u0635\u0641 \u0627\u0644\u0645\u0627\u062f\u0629:<\/label>\r\n <input type=\"text\" id=\"matDescription\" \/>\r\n <label for=\"matImgUrl\" id=\"labelImgUrl\">\u0631\u0627\u0628\u0637 \u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0627\u062f\u0629:<\/label>\r\n <input type=\"url\" id=\"matImgUrl\" \/>\r\n <label for=\"matDetailsUrl\" id=\"labelDetailsUrl\">\u0631\u0627\u0628\u0637 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644:<\/label>\r\n <input type=\"url\" id=\"matDetailsUrl\" \/>\r\n <button type=\"submit\" id=\"btnAddMaterial\">\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u062f\u0629<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/section>\r\n\r\n<script>\r\n (() => {\r\n \/\/ \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0644\u063a\u0629 \u0645\u0646 \u0631\u0627\u0628\u0637 \u0627\u0644\u0635\u0641\u062d\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b\r\n let lang = \"ar\";\r\n if(window.location.pathname.includes(\"\/en\/\")){\r\n lang = \"en\";\r\n }\r\n let dir = lang === \"ar\" ? \"rtl\" : \"ltr\";\r\n\r\n \/\/ \u0636\u0628\u0637 \u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\r\n const rootSection = document.getElementById(\"roayae-library\");\r\n rootSection.lang = lang;\r\n rootSection.dir = dir;\r\n\r\n \/\/ \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\r\n const data = {\r\n ar: {\r\n headerTitle: \"\u0645\u0643\u062a\u0628\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\",\r\n sectionsTitle: \"\u0627\u0644\u0623\u0642\u0633\u0627\u0645\",\r\n categories: [\r\n {id: \"all\", name: \"\u0643\u0644 \u0627\u0644\u0645\u0648\u0627\u062f\"},\r\n {id: \"books\", name: \"\u0643\u062a\u0628\"},\r\n {id: \"videos\", name: \"\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a\"},\r\n {id: \"articles\", name: \"\u0645\u0642\u0627\u0644\u0627\u062a\"},\r\n ],\r\n specialties: [\r\n {id: \"all\", name: \"\u0643\u0644 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a\"},\r\n {id: \"lab-tech\", name: \"\u0641\u0646\u064a \u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0637\u0628\u064a\u0629\"},\r\n {id: \"pharmacy-tech\", name: \"\u0641\u0646\u064a \u0635\u064a\u062f\u0644\u0629\"},\r\n {id: \"optometry-tech\", name: \"\u0641\u0646\u064a \u0628\u0635\u0631\u064a\u0627\u062a \u0633\u0631\u064a\u0631\u064a\u0629\"},\r\n {id: \"nursing-tech\", name: \"\u0641\u0646\u064a \u062a\u0645\u0631\u064a\u0636 \u0639\u0627\u0645\"},\r\n {id: \"surgical-tech\", name: \"\u0641\u0646\u064a \u0639\u0645\u0644\u064a\u0627\u062a \u062c\u0631\u0627\u062d\u064a\u0629\"},\r\n ],\r\n placeholders: {\r\n search: \"\u0627\u0628\u062d\u062b \u0641\u064a \u0627\u0644\u0645\u0643\u062a\u0628\u0629 ...\",\r\n searchBtn: \"\u0628\u062d\u062b\",\r\n adminPassLabel: \"\ud83d\udd10 \u0623\u062f\u062e\u0644 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0644\u0644\u0625\u062f\u0627\u0631\u0629\",\r\n adminPassBtn: \"\u062a\u0623\u0643\u064a\u062f\",\r\n passError: \"\u274c \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d\u0629!\",\r\n adminSectionTitle: \"\ud83d\udce4 \u0625\u0636\u0627\u0641\u0629 \u0645\u0627\u062f\u0629 \u062c\u062f\u064a\u062f\u0629 - \u062e\u0627\u0635 \u0628\u0627\u0644\u0625\u062f\u0627\u0631\u0629\",\r\n labelTitle: \"\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0645\u0627\u062f\u0629:\",\r\n labelAuthor: \"\u0627\u0644\u0645\u0624\u0644\u0641:\",\r\n labelYear: \"\u0633\u0646\u0629 \u0627\u0644\u0625\u0635\u062f\u0627\u0631:\",\r\n labelCategory: \"\u0627\u0644\u0642\u0633\u0645:\",\r\n labelSpecialty: \"\u0627\u0644\u062a\u062e\u0635\u0635:\",\r\n labelDescription: \"\u0648\u0635\u0641 \u0627\u0644\u0645\u0627\u062f\u0629:\",\r\n labelImgUrl: \"\u0631\u0627\u0628\u0637 \u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0627\u062f\u0629:\",\r\n labelDetailsUrl: \"\u0631\u0627\u0628\u0637 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644:\",\r\n btnAddMaterial: \"\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u062f\u0629\",\r\n },\r\n materials: [\r\n {\r\n id: 1,\r\n title: \"\u0645\u0628\u0627\u062f\u0626 \u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0637\u0628\u064a\u0629\",\r\n author: \"\u062f. \u0623\u062d\u0645\u062f \u0645\u062d\u0645\u062f\",\r\n year: \"2023\",\r\n category: \"books\",\r\n specialty: \"lab-tech\",\r\n description: \"\u0643\u062a\u0627\u0628 \u0634\u0627\u0645\u0644 \u0644\u0645\u0628\u0627\u062f\u0626 \u0639\u0645\u0644 \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629.\",\r\n img: \"https:\/\/ugc.futurelearn.com\/uploads\/images\/bf\/5d\/thumbnail_bf5dddcd-7672-4b15-8054-4370fb3883f0.jpg\",\r\n detailsUrl: \"#\",\r\n },\r\n {\r\n id: 2,\r\n title: \"\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0635\u064a\u062f\u0644\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629\",\r\n author: \"\u062f. \u0633\u0627\u0645\u064a\u0629 \u0639\u0644\u064a\",\r\n year: \"2024\",\r\n category: \"books\",\r\n specialty: \"pharmacy-tech\",\r\n description: \"\u062f\u0644\u064a\u0644 \u062a\u0642\u0646\u064a \u0644\u0623\u062d\u062f\u062b \u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u0635\u064a\u062f\u0644\u0629.\",\r\n img: \"https:\/\/ugc.futurelearn.com\/uploads\/images\/16\/83\/thumbnail_16831d06-8b02-4e2d-a304-edca12b6c7d0.jpg\",\r\n detailsUrl: \"#\",\r\n },\r\n {\r\n id: 3,\r\n title: \"\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0628\u0635\u0631\u064a\u0627\u062a \u0633\u0631\u064a\u0631\u064a\u0629\",\r\n author: \"\u062f. \u0646\u0648\u0631\u0629 \u062d\u0633\u0646\",\r\n year: \"2022\",\r\n category: \"videos\",\r\n specialty: \"optometry-tech\",\r\n description: \"\u0633\u0644\u0633\u0644\u0629 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0628\u0635\u0631\u064a\u0627\u062a.\",\r\n img: \"https:\/\/ugc.futurelearn.com\/uploads\/images\/c0\/11\/thumbnail_c0113719-88c5-4a6f-bef3-2e1f02fadea2.jpg\",\r\n detailsUrl: \"#\",\r\n },\r\n {\r\n id: 4,\r\n title: \"\u0645\u0642\u0627\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u062a\u0645\u0631\u064a\u0636 \u0627\u0644\u0639\u0627\u0645\",\r\n author: \"\u0623. \u0633\u0627\u0644\u0645 \u062e\u0627\u0644\u062f\",\r\n year: \"2023\",\r\n category: \"articles\",\r\n specialty: \"nursing-tech\",\r\n description: \"\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0642\u0627\u0644\u0627\u062a \u0637\u0628\u064a\u0629 \u0639\u0646 \u0627\u0644\u062a\u0645\u0631\u064a\u0636.\",\r\n img: \"https:\/\/ugc.futurelearn.com\/uploads\/images\/56\/84\/thumbnail_56845b3d-70e6-4e1d-8cbc-3902ca1d0d90.jpg\",\r\n detailsUrl: \"#\",\r\n },\r\n ]\r\n },\r\n en: {\r\n headerTitle: \"Roayae Al-Hadith Medical Sciences Library\",\r\n sectionsTitle: \"Sections\",\r\n categories: [\r\n {id: \"all\", name: \"All Materials\"},\r\n {id: \"books\", name: \"Books\"},\r\n {id: \"videos\", name: \"Videos\"},\r\n {id: \"articles\", name: \"Articles\"},\r\n ],\r\n specialties: [\r\n {id: \"all\", name: \"All Specialties\"},\r\n {id: \"lab-tech\", name: \"Laboratory Technician\"},\r\n {id: \"pharmacy-tech\", name: \"Pharmacy Technician\"},\r\n {id: \"optometry-tech\", name: \"Clinical Optometry\"},\r\n {id: \"nursing-tech\", name: \"General Nursing\"},\r\n {id: \"surgical-tech\", name: \"Surgical Technician\"},\r\n ],\r\n placeholders: {\r\n search: \"Search the library...\",\r\n searchBtn: \"Search\",\r\n adminPassLabel: \"\ud83d\udd10 Enter Admin Password\",\r\n adminPassBtn: \"Confirm\",\r\n passError: \"\u274c Incorrect password!\",\r\n adminSectionTitle: \"\ud83d\udce4 Add New Material - Admin Only\",\r\n labelTitle: \"Material Title:\",\r\n labelAuthor: \"Author:\",\r\n labelYear: \"Year:\",\r\n labelCategory: \"Category:\",\r\n labelSpecialty: \"Specialty:\",\r\n labelDescription: \"Material Description:\",\r\n labelImgUrl: \"Material Image URL:\",\r\n labelDetailsUrl: \"Details URL:\",\r\n btnAddMaterial: \"Add Material\",\r\n },\r\n materials: [\r\n {\r\n id: 1,\r\n title: \"Principles of Medical Laboratories\",\r\n author: \"Dr. Ahmed Mohamed\",\r\n year: \"2023\",\r\n category: \"books\",\r\n specialty: \"lab-tech\",\r\n description: \"Comprehensive book on medical lab principles.\",\r\n img: \"https:\/\/i.imgur.com\/zNqN47H.jpg\",\r\n detailsUrl: \"#\",\r\n },\r\n {\r\n id: 2,\r\n title: \"Modern Pharmacy Techniques\",\r\n author: \"Dr. Samia Ali\",\r\n year: \"2024\",\r\n category: \"books\",\r\n specialty: \"pharmacy-tech\",\r\n description: \"Technical guide to the latest pharmacy methods.\",\r\n img: \"https:\/\/i.imgur.com\/O5dGQaS.jpg\",\r\n detailsUrl: \"#\",\r\n },\r\n {\r\n id: 3,\r\n title: \"Clinical Optometry Lectures\",\r\n author: \"Dr. Noura Hassan\",\r\n year: \"2022\",\r\n category: \"videos\",\r\n specialty: \"optometry-tech\",\r\n description: \"Educational video series on optometry.\",\r\n img: \"https:\/\/i.imgur.com\/BJf5jHY.jpg\",\r\n detailsUrl: \"#\",\r\n },\r\n {\r\n id: 4,\r\n title: \"Articles in General Nursing\",\r\n author: \"Mr. Salem Khaled\",\r\n year: \"2023\",\r\n category: \"articles\",\r\n specialty: \"nursing-tech\",\r\n description: \"A collection of nursing medical articles.\",\r\n img: \"https:\/\/i.imgur.com\/EO4Qo9K.jpg\",\r\n detailsUrl: \"#\",\r\n },\r\n ]\r\n }\r\n };\r\n\r\n \/\/ \u0643\u0644\u0645\u0629 \u0645\u0631\u0648\u0631 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 (\u064a\u0645\u0643\u0646 \u062a\u0639\u062f\u064a\u0644\u0647\u0627 \u0647\u0646\u0627)\r\n const ADMIN_PASSWORD = \"roayae2025\";\r\n\r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0646\u0635\u0648\u0635 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629\r\n const texts = data[lang];\r\n document.getElementById(\"headerTitle\").textContent = texts.headerTitle;\r\n document.getElementById(\"sectionsTitle\").textContent = texts.sectionsTitle;\r\n document.getElementById(\"searchInput\").placeholder = texts.placeholders.search;\r\n document.getElementById(\"searchBtn\").textContent = texts.placeholders.searchBtn;\r\n document.getElementById(\"adminPassLabel\").textContent = texts.placeholders.adminPassLabel;\r\n document.getElementById(\"adminPassBtn\").textContent = texts.placeholders.adminPassBtn;\r\n document.getElementById(\"passError\").textContent = texts.placeholders.passError;\r\n document.getElementById(\"adminSectionTitle\").textContent = texts.placeholders.adminSectionTitle;\r\n document.getElementById(\"labelTitle\").textContent = texts.placeholders.labelTitle;\r\n document.getElementById(\"labelAuthor\").textContent = texts.placeholders.labelAuthor;\r\n document.getElementById(\"labelYear\").textContent = texts.placeholders.labelYear;\r\n document.getElementById(\"labelCategory\").textContent = texts.placeholders.labelCategory;\r\n document.getElementById(\"labelSpecialty\").textContent = texts.placeholders.labelSpecialty;\r\n document.getElementById(\"labelDescription\").textContent = texts.placeholders.labelDescription;\r\n document.getElementById(\"labelImgUrl\").textContent = texts.placeholders.labelImgUrl;\r\n document.getElementById(\"labelDetailsUrl\").textContent = texts.placeholders.labelDetailsUrl;\r\n document.getElementById(\"btnAddMaterial\").textContent = texts.placeholders.btnAddMaterial;\r\n\r\n \/\/ \u0628\u0646\u0627\u0621 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0641\u064a \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\r\n const categoryList = document.getElementById(\"categoryList\");\r\n categoryList.innerHTML = \"\";\r\n texts.categories.forEach(cat => {\r\n const li = document.createElement(\"li\");\r\n const btn = document.createElement(\"button\");\r\n btn.classList.add(\"cat-btn\");\r\n btn.dataset.cat = cat.id;\r\n btn.textContent = cat.name;\r\n btn.setAttribute(\"aria-pressed\", \"false\");\r\n if (cat.id === \"all\") {\r\n btn.classList.add(\"active\");\r\n btn.setAttribute(\"aria-pressed\", \"true\");\r\n }\r\n li.appendChild(btn);\r\n categoryList.appendChild(li);\r\n });\r\n\r\n \/\/ \u0628\u0646\u0627\u0621 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0641\u064a \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062a\u0635\u0641\u064a\u0629 \u0648\u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0627\u062f\u0627\u0631\u064a\r\n const filterSelect = document.getElementById(\"filterSelect\");\r\n const matCategory = document.getElementById(\"matCategory\");\r\n const matSpecialty = document.getElementById(\"matSpecialty\");\r\n\r\n function buildSpecialtyOptions(selectEl) {\r\n selectEl.innerHTML = \"\";\r\n texts.specialties.forEach(spec => {\r\n const opt = document.createElement(\"option\");\r\n opt.value = spec.id;\r\n opt.textContent = spec.name;\r\n selectEl.appendChild(opt);\r\n });\r\n }\r\n buildSpecialtyOptions(filterSelect);\r\n buildSpecialtyOptions(matSpecialty);\r\n\r\n \/\/ \u0628\u0646\u0627\u0621 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0641\u064a \u0627\u0644\u0625\u062f\u062e\u0627\u0644 (\u0646\u0633\u062a\u062e\u062f\u0645 \u0646\u0641\u0633 \u0627\u0644\u0623\u0642\u0633\u0627\u0645)\r\n matCategory.innerHTML = \"\";\r\n texts.categories.forEach(cat => {\r\n if(cat.id !== \"all\"){ \/\/ \u0646\u0633\u062a\u062b\u0646\u064a 'all' \u0645\u0646 \u0627\u0644\u0625\u062f\u062e\u0627\u0644\r\n const opt = document.createElement(\"option\");\r\n opt.value = cat.id;\r\n opt.textContent = cat.name;\r\n matCategory.appendChild(opt);\r\n }\r\n });\r\n\r\n \/\/ \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0641\u0644\u062a\u0631\u0629 \u0648\u0627\u0644\u0639\u0631\u0636\r\n let currentCategory = \"all\";\r\n let currentSpecialty = \"all\";\r\n let currentSearch = \"\";\r\n\r\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u062d\u0633\u0628 \u0627\u0644\u0641\u0644\u0627\u062a\u0631\r\n function renderMaterials() {\r\n const listEl = document.getElementById(\"libraryList\");\r\n listEl.innerHTML = \"\";\r\n\r\n \/\/ \u0641\u0644\u062a\u0631\u0629 \u062d\u0633\u0628 \u0627\u0644\u0641\u0626\u0629 \u0648\u0627\u0644\u062a\u062e\u0635\u0635 \u0648\u0627\u0644\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629\r\n const filtered = texts.materials.filter(mat => {\r\n const matchCategory = currentCategory === \"all\" || mat.category === currentCategory;\r\n const matchSpecialty = currentSpecialty === \"all\" || mat.specialty === currentSpecialty;\r\n const matchSearch = currentSearch.trim() === \"\" || mat.title.toLowerCase().includes(currentSearch.toLowerCase()) || mat.description.toLowerCase().includes(currentSearch.toLowerCase());\r\n return matchCategory && matchSpecialty && matchSearch;\r\n });\r\n\r\n if(filtered.length === 0){\r\n const noResultMsg = document.createElement(\"p\");\r\n noResultMsg.style.color = \"#7F5645\";\r\n noResultMsg.style.fontWeight = \"bold\";\r\n noResultMsg.textContent = lang === \"ar\" ? \"\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0648\u0627\u062f \u0645\u0637\u0627\u0628\u0642\u0629.\" : \"No matching materials found.\";\r\n listEl.appendChild(noResultMsg);\r\n return;\r\n }\r\n\r\n filtered.forEach(mat => {\r\n const card = document.createElement(\"article\");\r\n card.className = \"library-card\";\r\n card.setAttribute(\"role\", \"listitem\");\r\n card.tabIndex = 0;\r\n card.innerHTML = `\r\n <img decoding=\"async\" src=\"${mat.img}\" alt=\"${mat.title}\" loading=\"lazy\" \/>\r\n <div class=\"info\">\r\n <h3>${mat.title}<\/h3>\r\n <p class=\"author\"><strong>${lang===\"ar\" ? \"\u0627\u0644\u0645\u0624\u0644\u0641\" : \"Author\"}:<\/strong> ${mat.author}<\/p>\r\n <p class=\"year\"><strong>${lang===\"ar\" ? \"\u0627\u0644\u0633\u0646\u0629\" : \"Year\"}:<\/strong> ${mat.year}<\/p>\r\n <p class=\"description\">${mat.description}<\/p>\r\n <a href=\"${mat.detailsUrl}\" target=\"_blank\" class=\"details-btn\" rel=\"noopener\">${lang===\"ar\" ? \"\u062a\u0641\u0627\u0635\u064a\u0644\" : \"Details\"}<\/a>\r\n <\/div>\r\n `;\r\n listEl.appendChild(card);\r\n });\r\n }\r\n\r\n \/\/ \u062a\u0641\u0639\u064a\u0644 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 (\u0634\u0631\u064a\u0637 \u062c\u0627\u0646\u0628\u064a)\r\n categoryList.addEventListener(\"click\", e => {\r\n if(e.target.classList.contains(\"cat-btn\")){\r\n document.querySelectorAll(\"#categoryList .cat-btn\").forEach(btn=>{\r\n btn.classList.remove(\"active\");\r\n btn.setAttribute(\"aria-pressed\", \"false\");\r\n });\r\n e.target.classList.add(\"active\");\r\n e.target.setAttribute(\"aria-pressed\", \"true\");\r\n currentCategory = e.target.dataset.cat;\r\n renderMaterials();\r\n }\r\n });\r\n\r\n \/\/ \u062d\u062f\u062b \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0635\u0641\u064a\u0629\r\n document.getElementById(\"searchBtn\").addEventListener(\"click\", () => {\r\n currentSearch = document.getElementById(\"searchInput\").value.trim();\r\n currentSpecialty = filterSelect.value;\r\n renderMaterials();\r\n });\r\n\r\n \/\/ \u064a\u0645\u0643\u0646 \u062c\u0639\u0644 Enter \u0639\u0644\u0649 \u062d\u0642\u0644 \u0627\u0644\u0628\u062d\u062b \u064a\u0634\u063a\u0644 \u0627\u0644\u0628\u062d\u062b\r\n document.getElementById(\"searchInput\").addEventListener(\"keypress\", e => {\r\n if(e.key === \"Enter\"){\r\n e.preventDefault();\r\n document.getElementById(\"searchBtn\").click();\r\n }\r\n });\r\n\r\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0623\u0648\u0644 \u0645\u0631\u0629\r\n renderMaterials();\r\n\r\n \/\/ ==== \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0645\u062e\u0641\u064a \u0644\u0644\u0625\u062f\u0627\u0631\u0629 ====\r\n const adminPassInput = document.getElementById(\"adminPassInput\");\r\n const adminPassBtn = document.getElementById(\"adminPassBtn\");\r\n const passError = document.getElementById(\"passError\");\r\n const adminSection = document.getElementById(\"adminSection\");\r\n\r\n \/\/ \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0632\u0631 \u062a\u0623\u0643\u064a\u062f \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\r\n adminPassBtn.addEventListener(\"click\", () => {\r\n if(adminPassInput.value === ADMIN_PASSWORD){\r\n passError.style.display = \"none\";\r\n adminSection.style.display = \"block\";\r\n adminSection.setAttribute(\"aria-hidden\", \"false\");\r\n adminPassInput.value = \"\";\r\n document.getElementById(\"adminPassContainer\").style.display = \"none\";\r\n } else {\r\n passError.style.display = \"block\";\r\n }\r\n });\r\n\r\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0645\u0627\u062f\u0629 \u062c\u062f\u064a\u062f\u0629 (\u0641\u064a \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u064a)\r\n document.getElementById(\"addMaterialForm\").addEventListener(\"submit\", e => {\r\n e.preventDefault();\r\n const newMat = {\r\n id: Date.now(),\r\n title: document.getElementById(\"matTitle\").value.trim(),\r\n author: document.getElementById(\"matAuthor\").value.trim(),\r\n year: document.getElementById(\"matYear\").value.trim(),\r\n category: document.getElementById(\"matCategory\").value,\r\n specialty: document.getElementById(\"matSpecialty\").value,\r\n description: document.getElementById(\"matDescription\").value.trim(),\r\n img: document.getElementById(\"matImgUrl\").value.trim() || \"https:\/\/via.placeholder.com\/400x200?text=No+Image\",\r\n detailsUrl: document.getElementById(\"matDetailsUrl\").value.trim() || \"#\",\r\n };\r\n texts.materials.push(newMat);\r\n renderMaterials();\r\n e.target.reset();\r\n alert(lang === \"ar\" ? \"\u062a\u0645\u062a \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u062f\u0629 \u0628\u0646\u062c\u0627\u062d.\" : \"Material added successfully.\");\r\n });\r\n })();\r\n<\/script>\r\n\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-0e3f3e8 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=\"0e3f3e8\" 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-e275be0 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"e275be0\" 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<div style=\"max-width: 800px; margin: 40px auto; padding: 30px; background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); font-family: 'Cairo', sans-serif;\">\r\n <h2 style=\"text-align: center; color: #0d6e76;\">\ud83d\udce4 \u0631\u0641\u0639 \u0643\u062a\u0628 \u0623\u0648 \u0645\u0648\u0627\u062f \u062c\u062f\u064a\u062f\u0629 - \u062e\u0627\u0635 \u0628\u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/h2>\r\n\r\n <!-- \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 -->\r\n <div style=\"text-align: center; margin-bottom: 30px;\">\r\n <label for=\"adminPass\" style=\"font-weight: bold;\">\ud83d\udd10 \u0623\u062f\u062e\u0644 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631:<\/label><br>\r\n <input type=\"password\" id=\"adminPass\" placeholder=\"\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\" style=\"padding:10px 15px; width:80%; max-width: 400px; margin-top: 10px; border: 1px solid #ccc; border-radius: 6px;\">\r\n <br>\r\n <button onclick=\"checkPassword()\" style=\"margin-top: 15px; padding: 10px 20px; background-color: #0d6e76; color: white; border: none; border-radius: 6px; font-weight: bold; cursor: pointer;\">\u062a\u0623\u0643\u064a\u062f<\/button>\r\n <p id=\"passError\" style=\"color: red; display: none; margin-top: 10px;\">\u274c \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d\u0629!<\/p>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u064a\u0638\u0647\u0631 \u0628\u0639\u062f \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 -->\r\n <div id=\"addFormContainer\" style=\"display: none;\">\r\n <form class=\"add-book-form\" id=\"addBookForm\">\r\n <label for=\"bookTitle\">\ud83d\udcd8 \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0643\u062a\u0627\u0628 \/ \u0627\u0644\u0645\u0627\u062f\u0629:<\/label>\r\n <input type=\"text\" id=\"bookTitle\" required>\r\n\r\n <label for=\"bookAuthor\">\u270d\ufe0f \u0627\u0633\u0645 \u0627\u0644\u0645\u0624\u0644\u0641:<\/label>\r\n <input type=\"text\" id=\"bookAuthor\" required>\r\n\r\n <label for=\"bookYear\">\ud83d\udcc5 \u0633\u0646\u0629 \u0627\u0644\u0625\u0635\u062f\u0627\u0631:<\/label>\r\n <input type=\"text\" id=\"bookYear\" required>\r\n\r\n <label for=\"bookCategory\">\ud83d\udcc2 \u0646\u0648\u0639 \u0627\u0644\u0645\u0627\u062f\u0629:<\/label>\r\n <select id=\"bookCategory\" required>\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0645\u0627\u062f\u0629<\/option>\r\n <option value=\"book\">\u0643\u062a\u0627\u0628<\/option>\r\n <option value=\"article\">\u0645\u0642\u0627\u0644\u0629<\/option>\r\n <option value=\"video\">\u0641\u064a\u062f\u064a\u0648<\/option>\r\n <option value=\"pdf\">\u0645\u0644\u0641 PDF<\/option>\r\n <\/select>\r\n\r\n <label for=\"bookSpecialization\">\ud83c\udf93 \u0627\u0644\u062a\u062e\u0635\u0635:<\/label>\r\n <select id=\"bookSpecialization\" required>\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062a\u062e\u0635\u0635<\/option>\r\n <option value=\"lab-tech\">\u0641\u0646\u064a \u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0637\u0628\u064a\u0629<\/option>\r\n <option value=\"pharmacy-tech\">\u0641\u0646\u064a \u0635\u064a\u062f\u0644\u0629<\/option>\r\n <option value=\"optometry-tech\">\u0641\u0646\u064a \u0628\u0635\u0631\u064a\u0627\u062a \u0633\u0631\u064a\u0631\u064a\u0629<\/option>\r\n <option value=\"nursing-tech\">\u0641\u0646\u064a \u062a\u0645\u0631\u064a\u0636 \u0639\u0627\u0645<\/option>\r\n <option value=\"surgical-tech\">\u0641\u0646\u064a \u0639\u0645\u0644\u064a\u0627\u062a \u062c\u0631\u0627\u062d\u064a\u0629<\/option>\r\n <option value=\"general\">\u0639\u0627\u0645<\/option>\r\n <\/select>\r\n\r\n <label for=\"bookCover\">\ud83d\udcf8 \u0635\u0648\u0631\u0629 \u0627\u0644\u063a\u0644\u0627\u0641 (\u0631\u0627\u0628\u0637 \u0645\u0628\u0627\u0634\u0631):<\/label>\r\n <input type=\"url\" id=\"bookCover\" placeholder=\"https:\/\/example.com\/cover.jpg\" required>\r\n\r\n <label for=\"bookFileLink\">\ud83d\udd17 \u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0644\u0641 (PDF \u0623\u0648 \u0641\u064a\u062f\u064a\u0648):<\/label>\r\n <input type=\"url\" id=\"bookFileLink\" placeholder=\"https:\/\/example.com\/file.pdf\" required>\r\n\r\n <button type=\"submit\">\ud83d\udce5 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u062f\u0629<\/button>\r\n <\/form>\r\n\r\n <div style=\"margin-top: 20px;\" id=\"bookPreviewMessage\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n function checkPassword() {\r\n const input = document.getElementById('adminPass').value.trim();\r\n const correctPass = '553807';\r\n const formContainer = document.getElementById('addFormContainer');\r\n const errorMsg = document.getElementById('passError');\r\n if (input === correctPass) {\r\n formContainer.style.display = 'block';\r\n errorMsg.style.display = 'none';\r\n } else {\r\n errorMsg.style.display = 'block';\r\n formContainer.style.display = 'none';\r\n }\r\n }\r\n\r\n document.getElementById('addBookForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const title = document.getElementById('bookTitle').value;\r\n const author = document.getElementById('bookAuthor').value;\r\n const year = document.getElementById('bookYear').value;\r\n const category = document.getElementById('bookCategory').value;\r\n const specialization = document.getElementById('bookSpecialization').value;\r\n const cover = document.getElementById('bookCover').value;\r\n const fileLink = document.getElementById('bookFileLink').value;\r\n\r\n const message = `\r\n \u2705 \u062a\u0645 \u0631\u0641\u0639 \u0627\u0644\u0643\u062a\u0627\u0628 \/ \u0627\u0644\u0645\u0627\u062f\u0629 \u0628\u0646\u062c\u0627\u062d:<br>\r\n <strong>\u0627\u0644\u0639\u0646\u0648\u0627\u0646:<\/strong> ${title}<br>\r\n <strong>\u0627\u0644\u0645\u0624\u0644\u0641:<\/strong> ${author}<br>\r\n <strong>\u0627\u0644\u0633\u0646\u0629:<\/strong> ${year}<br>\r\n <strong>\u0627\u0644\u0646\u0648\u0639:<\/strong> ${category}<br>\r\n <strong>\u0627\u0644\u062a\u062e\u0635\u0635:<\/strong> ${specialization}<br>\r\n <strong>\u0627\u0644\u0631\u0627\u0628\u0637:<\/strong> <a href=\"${fileLink}\" target=\"_blank\">\u0639\u0631\u0636 \/ \u062a\u062d\u0645\u064a\u0644<\/a>\r\n `;\r\n document.getElementById('bookPreviewMessage').innerHTML = message;\r\n document.getElementById('addBookForm').reset();\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<div class=\"elementor-element elementor-element-6f8efc6 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=\"6f8efc6\" 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-7aaa74a exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"7aaa74a\" 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\nhtml\n\u0646\u0633\u062e\n\u062a\u062d\u0631\u064a\u0631\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n <meta charset=\"UTF-8\">\n <title>\u0643\u062a\u0628 \u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0637\u0628\u064a\u0629<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Cairo', sans-serif; background:#f9f9f9; margin:0; padding:0; color:#222; direction: rtl; text-align: center;}\n .books-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap:20px; padding:30px; max-width:1200px; margin:auto;}\n .book-card { background:#fff; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.1); overflow:hidden; text-align:center; transition:transform .3s;}\n .book-card:hover { transform:scale(1.02);}\n .book-card img { width:100%; height:300px; object-fit:cover; }\n .book-title { padding:15px; font-size:18px; font-weight:600; min-height:60px;}\n .download-btn { display:inline-block; margin-bottom:20px; padding:10px 20px; background:#005f73;color:#fff;border:none;border-radius:30px;cursor:pointer; transition:opacity .3s;}\n .download-btn:hover { opacity:0.9;}\n <\/style>\n<\/head>\n<body>\n\n<h2 id=\"section-title\">\ud83d\udcda \u0645\u062c\u0645\u0648\u0639\u0629 \u0643\u062a\u0628 \u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0637\u0628\u064a\u0629<\/h2>\n<div class=\"books-grid\" id=\"books-grid\">\n <!-- \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0643\u062a\u0628 \u062a\u0648\u0644\u062f \u0647\u0646\u0627 -->\n<\/div>\n\n<script>\n const books = [\n {\n title: \"Psychological Foundations of Culture\",\n img: \"https:\/\/via.placeholder.com\/300x400?text=Psychological+Foundations\",\n file: \"#\"\n },\n {\n title: \"Introducing Cognitive Analytic Therapy\",\n img: \"https:\/\/via.placeholder.com\/300x400?text=Cognitive+Analytic+Therapy\",\n file: \"#\"\n },\n {\n title: \"Play in Child Development and Psychotherapy\",\n img: \"https:\/\/via.placeholder.com\/300x400?text=Child+Development\",\n file: \"#\"\n }\n \/\/ \u0623\u0636\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u062d\u0633\u0628 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629\n ];\n\n const grid = document.getElementById('books-grid');\n books.forEach((b,i) => {\n const card = document.createElement('div');\n card.className = 'book-card';\n card.innerHTML = `\n <img decoding=\"async\" src=\"${b.img}\" alt=\"\u063a\u0644\u0627\u0641 ${b.title}\">\n <div class=\"book-title\" id=\"title${i}\">${b.title}<\/div>\n <a href=\"${b.file}\" class=\"download-btn\" id=\"btn${i}\" download>\u062a\u062d\u0645\u064a\u0644<\/a>\n `;\n grid.appendChild(card);\n });\n\n \/\/ \u062a\u0631\u062c\u0645\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0629\n const lang = document.documentElement.lang;\n if (lang && lang.startsWith('en')) {\n document.body.style.direction = 'ltr';\n document.getElementById('section-title').innerText = \"\ud83d\udcda Medical Sciences Library Books\";\n books.forEach((b,i) => {\n document.getElementById(`title${i}`).innerText = b.title;\n document.getElementById(`btn${i}`).innerText = \"Download\";\n });\n }\n<\/script>\n\n<\/body>\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-7234076 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=\"7234076\" 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-f0018fd 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=\"f0018fd\" 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-e898f3e exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"e898f3e\" 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 <title>\u0645\u0643\u062a\u0628\u0629 \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629<\/title>\r\n <style>\r\n body {\r\n font-family: 'Arial', sans-serif;\r\n background: #f4f4f4;\r\n padding: 20px;\r\n }\r\n .library-container {\r\n max-width: 900px;\r\n margin: auto;\r\n }\r\n .book {\r\n background: #fff;\r\n padding: 15px;\r\n margin: 10px 0;\r\n border-radius: 10px;\r\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n }\r\n .book h3 {\r\n margin: 0;\r\n font-size: 18px;\r\n flex: 1;\r\n }\r\n .book a {\r\n background-color: #007bff;\r\n color: white;\r\n padding: 8px 15px;\r\n text-decoration: none;\r\n border-radius: 8px;\r\n font-size: 14px;\r\n }\r\n html[lang=\"en\"] .ar {\r\n display: none;\r\n }\r\n html[lang=\"en\"] .en {\r\n display: inline;\r\n }\r\n html[lang=\"ar\"] .en {\r\n display: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"library-container\">\r\n \r\n <div class=\"book\">\r\n <h3>\r\n <span class=\"ar\">\u0627\u0644\u0623\u0633\u0633 \u0627\u0644\u0646\u0641\u0633\u064a\u0629 \u0644\u0644\u062b\u0642\u0627\u0641\u0629<\/span>\r\n <span class=\"en\">Psychological Foundations of Culture<\/span>\r\n <\/h3>\r\n <a href=\"https:\/\/www.al-edu.com\/wp-content\/uploads\/2014\/05\/SchallerCrandall-eds-Psychological-Foundations-of-Culture.pdf\" target=\"_blank\">\ud83d\udce5 \u062a\u062d\u0645\u064a\u0644<\/a>\r\n <\/div>\r\n\r\n <div class=\"book\">\r\n <h3>\r\n <span class=\"ar\">\u0645\u0642\u062f\u0645\u0629 \u0641\u064a \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u064a \u0627\u0644\u0645\u0639\u0631\u0641\u064a<\/span>\r\n <span class=\"en\">Introducing Cognitive Analytic Therapy<\/span>\r\n <\/h3>\r\n <a href=\"http:\/\/www.al-edu.com\/wp-content\/uploads\/2014\/05\/RyleKerr-Introducing-Cognitive-Analytic-Therapy-Principles-and-Practice.pdf\" target=\"_blank\">\ud83d\udce5 \u062a\u062d\u0645\u064a\u0644<\/a>\r\n <\/div>\r\n\r\n <div class=\"book\">\r\n <h3>\r\n <span class=\"ar\">\u0627\u0644\u0644\u0639\u0628 \u0641\u064a \u062a\u0637\u0648\u0631 \u0627\u0644\u0637\u0641\u0644 \u0648\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0646\u0641\u0633\u064a<\/span>\r\n <span class=\"en\">Play in Child Development and Psychotherapy<\/span>\r\n <\/h3>\r\n <a href=\"http:\/\/www.al-edu.com\/wp-content\/uploads\/2014\/05\/Russ-Play-in-Child-Development-and-Psychotherapy.pdf\" target=\"_blank\">\ud83d\udce5 \u062a\u062d\u0645\u064a\u0644<\/a>\r\n <\/div>\r\n\r\n <div class=\"book\">\r\n <h3>\r\n <span class=\"ar\">\u0627\u0636\u0637\u0631\u0627\u0628 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0635\u062f\u0645\u0629: \u0642\u0636\u0627\u064a\u0627 \u0648\u062c\u062f\u0644\u064a\u0627\u062a<\/span>\r\n <span class=\"en\">Posttraumatic Stress Disorder: Issues and Controversies<\/span>\r\n <\/h3>\r\n <a href=\"http:\/\/www.al-edu.com\/wp-content\/uploads\/2014\/05\/Rosen-ed-Posttraumatic-Stress-Disorder-Issues-and-Controversies.pdf\" target=\"_blank\">\ud83d\udce5 \u062a\u062d\u0645\u064a\u0644<\/a>\r\n <\/div>\r\n\r\n <div class=\"book\">\r\n <h3>\r\n <span class=\"ar\">\u062f\u0644\u064a\u0644 \u0627\u0644\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0632\u0627\u062c\u064a\u0629<\/span>\r\n <span class=\"en\">A Handbook of Science and Practice<\/span>\r\n <\/h3>\r\n <a href=\"http:\/\/www.al-edu.com\/wp-content\/uploads\/2014\/05\/Power-ed-Modd-Disorders-A-Handbook-of-Science-and-Practice.pdf\" target=\"_blank\">\ud83d\udce5 \u062a\u062d\u0645\u064a\u0644<\/a>\r\n <\/div>\r\n\r\n <div class=\"book\">\r\n <h3>\r\n <span class=\"ar\">\u0639\u0644\u0645 \u0627\u0644\u0646\u0641\u0633 \u0627\u0644\u0625\u0643\u0644\u064a\u0646\u064a\u0643\u064a \u0627\u0644\u0645\u0639\u0627\u0635\u0631<\/span>\r\n <span class=\"en\">Contemporary Clinical Psychology<\/span>\r\n <\/h3>\r\n <a href=\"http:\/\/www.al-edu.com\/wp-content\/uploads\/2014\/05\/Plante-Contemporary-Clinical-Psychology.pdf\" target=\"_blank\">\ud83d\udce5 \u062a\u062d\u0645\u064a\u0644<\/a>\r\n <\/div>\r\n\r\n <!-- \u062a\u0627\u0628\u0639 \u0628\u0646\u0641\u0633 \u0627\u0644\u0646\u0645\u0637 \u0628\u0625\u0636\u0627\u0641\u0629 \u0628\u0642\u064a\u0629 \u0627\u0644\u0643\u062a\u0628 \u0647\u0646\u0627 -->\r\n\r\n <\/div>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0643\u062a\u0628\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 \u0645\u0643\u062a\u0628\u0629 \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b \u0644\u0644\u0639\u0644\u0648\u0645 … <\/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-1813","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/pages\/1813","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=1813"}],"version-history":[{"count":125,"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/pages\/1813\/revisions"}],"predecessor-version":[{"id":5592,"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/pages\/1813\/revisions\/5592"}],"wp:attachment":[{"href":"https:\/\/roayae-edu.com\/en\/wp-json\/wp\/v2\/media?parent=1813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}