{"id":19278,"date":"2026-04-03T13:45:47","date_gmt":"2026-04-03T10:45:47","guid":{"rendered":"https:\/\/cms.atu.edu.iq\/?page_id=19278"},"modified":"2026-04-03T13:56:40","modified_gmt":"2026-04-03T10:56:40","slug":"%d9%85%d8%b4%d8%a7%d8%b1%d9%83%d8%a9","status":"publish","type":"page","link":"https:\/\/cms.atu.edu.iq\/?page_id=19278","title":{"rendered":"\u062e\u0627\u0631\u0637\u0629 \u0627\u0644\u0645\u0648\u0642\u0639"},"content":{"rendered":"\n<div style=\"height:266px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<div class=\"links-directory-container\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .links-directory-container {\n            font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f7fa;\n            color: #1e2a3e;\n            line-height: 1.5;\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 20px 16px;\n        }\n\n        \/* Header *\/\n        .ld-header {\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .ld-header h1 {\n            font-size: 1.8rem;\n            color: #0a2942;\n            margin-bottom: 8px;\n            font-weight: 700;\n            border-bottom: 3px solid #2c5282;\n            display: inline-block;\n            padding-bottom: 8px;\n        }\n\n        .ld-header .subtitle {\n            font-size: 0.85rem;\n            color: #4a627a;\n            margin-top: 12px;\n        }\n\n        \/* Search Box *\/\n        .search-box {\n            background: white;\n            border-radius: 12px;\n            padding: 12px 16px;\n            margin-bottom: 20px;\n            border: 1px solid #e2e8f0;\n            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n        }\n\n        .search-box input {\n            width: 100%;\n            padding: 12px 16px;\n            font-size: 0.9rem;\n            font-family: inherit;\n            border: 1px solid #cbd5e0;\n            border-radius: 8px;\n            background: #ffffff;\n            transition: all 0.2s;\n        }\n\n        .search-box input:focus {\n            outline: none;\n            border-color: #2c5282;\n            box-shadow: 0 0 0 3px rgba(44, 82, 130, 0.1);\n        }\n\n        \/* Stats *\/\n        .stats {\n            background: #eef2f6;\n            border-radius: 10px;\n            padding: 10px 16px;\n            margin-bottom: 20px;\n            text-align: center;\n            border: 1px solid #dce5ec;\n            font-size: 0.85rem;\n        }\n\n        .stats span {\n            font-weight: 700;\n            color: #2c5282;\n            font-size: 1.1rem;\n        }\n\n        \/* Card Layout for Mobile *\/\n        .links-cards {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .link-card {\n            background: white;\n            border-radius: 16px;\n            border: 1px solid #e2e8f0;\n            overflow: hidden;\n            transition: all 0.2s ease;\n            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n        }\n\n        .link-card:hover {\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        }\n\n        .card-content {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 16px;\n            gap: 12px;\n        }\n\n        \/* Label Section *\/\n        .card-label-section {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .serial-badge {\n            display: inline-block;\n            background: #2c5282;\n            color: white;\n            font-size: 0.7rem;\n            font-weight: 600;\n            padding: 2px 8px;\n            border-radius: 20px;\n            margin-bottom: 6px;\n        }\n\n        .card-label {\n            font-size: 1rem;\n            font-weight: 800;\n            color: #0a2942;\n            line-height: 1.4;\n            word-break: break-word;\n            font-weight: bold;\n        }\n\n        \/* QR Section *\/\n        .card-qr-section {\n            flex-shrink: 0;\n            text-align: center;\n        }\n\n        .qr-code {\n            cursor: pointer;\n            transition: transform 0.2s;\n            display: inline-block;\n        }\n\n        .qr-code:hover {\n            transform: scale(1.05);\n        }\n\n        canvas.qr-canvas {\n            width: 65px;\n            height: 65px;\n            border: 2px solid #2c5282;\n            border-radius: 12px;\n            background: white;\n            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n        }\n\n        .qr-tooltip {\n            font-size: 0.6rem;\n            color: #2c5282;\n            margin-top: 4px;\n            display: block;\n            font-weight: 500;\n        }\n\n        \/* Copy Button *\/\n        .copy-btn {\n            background: #eef2f6;\n            border: 1px solid #cbd5e0;\n            padding: 8px 12px;\n            border-radius: 8px;\n            font-size: 0.7rem;\n            font-weight: 600;\n            color: #2c5282;\n            cursor: pointer;\n            transition: all 0.2s;\n            font-family: inherit;\n            width: 100%;\n            margin-top: 8px;\n        }\n\n        .copy-btn:hover {\n            background: #2c5282;\n            color: white;\n            border-color: #2c5282;\n        }\n\n        .copy-btn.copied {\n            background: #2f855a;\n            color: white;\n            border-color: #2f855a;\n        }\n\n        \/* Hidden URL (for mobile, not displayed) *\/\n        .hidden-url {\n            display: none;\n        }\n\n        \/* Modal Styles *\/\n        .qr-modal {\n            display: none;\n            position: fixed;\n            z-index: 1000;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(10, 41, 66, 0.95);\n            backdrop-filter: blur(5px);\n            justify-content: center;\n            align-items: center;\n        }\n\n        .qr-modal-content {\n            background: white;\n            border-radius: 24px;\n            padding: 24px;\n            text-align: center;\n            max-width: 90%;\n            width: 340px;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n            animation: modalFadeIn 0.3s ease;\n        }\n\n        @keyframes modalFadeIn {\n            from {\n                opacity: 0;\n                transform: scale(0.9);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n\n        .qr-modal-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 20px;\n            padding-bottom: 12px;\n            border-bottom: 2px solid #e2e8f0;\n        }\n\n        .qr-modal-header h3 {\n            color: #0a2942;\n            font-size: 1.1rem;\n            font-weight: 800;\n            margin: 0;\n            word-break: break-word;\n            text-align: right;\n            flex: 1;\n            padding-left: 12px;\n        }\n\n        .qr-modal-close {\n            background: #eef2f6;\n            border: none;\n            font-size: 1.3rem;\n            cursor: pointer;\n            color: #2c5282;\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.2s;\n            flex-shrink: 0;\n        }\n\n        .qr-modal-close:hover {\n            background: #2c5282;\n            color: white;\n        }\n\n        .qr-modal-body {\n            padding: 16px 0;\n        }\n\n        .qr-modal-body canvas {\n            margin: 0 auto;\n            border: 3px solid #2c5282;\n            border-radius: 20px;\n            padding: 12px;\n            background: white;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n        }\n\n        .qr-modal-url {\n            margin-top: 16px;\n            padding: 10px;\n            background: #f8fafc;\n            border-radius: 10px;\n            word-break: break-all;\n        }\n\n        .qr-modal-url a {\n            color: #2c5282;\n            text-decoration: none;\n            font-size: 0.75rem;\n        }\n\n        .qr-modal-url a:hover {\n            text-decoration: underline;\n        }\n\n        .qr-modal-buttons {\n            margin-top: 20px;\n            display: flex;\n            gap: 10px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n\n        .modal-copy-btn {\n            background: #2c5282;\n            color: white;\n            border: none;\n            padding: 10px 20px;\n            border-radius: 8px;\n            font-size: 0.8rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.2s;\n            font-family: inherit;\n        }\n\n        .modal-copy-btn:hover {\n            background: #1e3a5f;\n        }\n\n        .modal-download-btn {\n            background: #eef2f6;\n            color: #2c5282;\n            border: 1px solid #cbd5e0;\n            padding: 10px 20px;\n            border-radius: 8px;\n            font-size: 0.8rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.2s;\n            font-family: inherit;\n        }\n\n        .modal-download-btn:hover {\n            background: #2c5282;\n            color: white;\n            border-color: #2c5282;\n        }\n\n        \/* Footer *\/\n        .ld-footer {\n            text-align: center;\n            margin-top: 32px;\n            padding-top: 20px;\n            border-top: 1px solid #e2e8f0;\n            color: #6c7a89;\n            font-size: 0.7rem;\n        }\n\n        \/* Loading *\/\n        .loading-placeholder {\n            width: 65px;\n            height: 65px;\n            background: #f0f0f0;\n            border-radius: 12px;\n            border: 2px solid #e2e8f0;\n        }\n\n        \/* No results *\/\n        .no-results {\n            text-align: center;\n            padding: 40px;\n            background: white;\n            border-radius: 16px;\n            color: #4a627a;\n        }\n    <\/style>\n\n    <!-- Header -->\n    <div class=\"ld-header\">\n        <h1>\u062f\u0644\u064a\u0644 \u0627\u0644\u0631\u0648\u0627\u0628\u0637<\/h1>\n        <div class=\"subtitle\">\u0634\u0639\u0628 \u0648\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0643\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u064a\u0628<\/div>\n    <\/div>\n\n    <!-- Search Box -->\n    <div class=\"search-box\">\n        <input type=\"text\" id=\"searchInput\" placeholder=\"\ud83d\udd0d \u0628\u062d\u062b \u0641\u064a \u0627\u0644\u0631\u0648\u0627\u0628\u0637...\" onkeyup=\"filterLinks()\">\n    <\/div>\n\n    <!-- Stats -->\n    <div class=\"stats\">\n        \ud83d\udcca \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0631\u0648\u0627\u0628\u0637: <span id=\"totalCount\">54<\/span>\n    <\/div>\n\n    <!-- Cards Container -->\n    <div id=\"linksContainer\" class=\"links-cards\">\n        <!-- \u0633\u064a\u062a\u0645 \u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0648\u0627\u0633\u0637\u0629 JavaScript -->\n    <\/div>\n\n    <!-- Modal -->\n    <div id=\"qrModal\" class=\"qr-modal\" onclick=\"closeModalOnOutside(event)\">\n        <div class=\"qr-modal-content\">\n            <div class=\"qr-modal-header\">\n                <button class=\"qr-modal-close\" onclick=\"closeModal()\">\u2715<\/button>\n                <h3 id=\"modalTitle\">\u0628\u0627\u0631\u0643\u0648\u062f \u0627\u0644\u0631\u0627\u0628\u0637<\/h3>\n            <\/div>\n            <div class=\"qr-modal-body\">\n                <div id=\"modalQrContainer\"><\/div>\n                <div class=\"qr-modal-url\">\n                    <a href=\"#\" id=\"modalUrlLink\" target=\"_blank\"><\/a>\n                <\/div>\n                <div class=\"qr-modal-buttons\">\n                    <button class=\"modal-copy-btn\" onclick=\"copyModalUrl()\">\ud83d\udccb \u0646\u0633\u062e \u0627\u0644\u0631\u0627\u0628\u0637<\/button>\n                    <button class=\"modal-download-btn\" onclick=\"downloadModalQr()\">\u2b07\ufe0f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Footer -->\n    <div class=\"ld-footer\">\n        <p>\u062f\u0644\u064a\u0644 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 | \u0627\u0644\u0643\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u064a\u0628<\/p>\n        <p>\u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f \u0644\u062a\u0643\u0628\u064a\u0631\u0647 | \u0627\u0636\u063a\u0637 \u0646\u0633\u062e \u0644\u0646\u0633\u062e \u0627\u0644\u0631\u0627\u0628\u0637<\/p>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcodejs@1.0.0\/qrcode.min.js\"><\/script>\n    <script>\n        \/\/ \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0648\u0627\u0628\u0637\n        const linksData = [\n            { serial: 1, label: \"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/\" },\n            { serial: 2, label: \"\u0634\u0631\u0648\u0637 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=17380\" },\n            { serial: 3, label: \"\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=17378\" },\n            { serial: 4, label: \"\u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?e-landing-page=%d8%a7%d9%84%d8%a3%d9%82%d8%b3%d8%a7%d9%85-%d8%a7%d9%84%d9%87%d9%86%d8%af%d8%b3%d9%8a%d8%a9\" },\n            { serial: 5, label: \"\u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=17961\" },\n            { serial: 6, label: \"\u0642\u0633\u0645 \u0647\u0646\u062f\u0633\u0629 \u062a\u0642\u0646\u064a\u0627\u062a \u0645\u064a\u0643\u0627\u0646\u064a\u0643 \u0627\u0644\u0642\u062f\u0631\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=18466\" },\n            { serial: 7, label: \"\u0647\u0646\u062f\u0633\u0629 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0643\u0627\u0626\u0646 \u0648\u0627\u0644\u0645\u0639\u062f\u0627\u062a\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=18400\" },\n            { serial: 8, label: \"\u0642\u0633\u0645 \u0647\u0646\u062f\u0633\u0629 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0627\u0646\u0634\u0627\u0621\u0627\u062a\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=8582\" },\n            { serial: 9, label: \"\u0642\u0633\u0645 \u0647\u0646\u062f\u0633\u0629 \u062a\u0642\u0646\u064a\u0627\u062a \u0645\u064a\u0643\u0627\u0646\u064a\u0643 \u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0648\u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u064a\u0631\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=18440\" },\n            { serial: 10, label: \"\u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0637\u0628\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?e-landing-page=%d8%a7%d9%84%d8%a3%d9%82%d8%b3%d8%a7%d9%85-%d8%a7%d9%84%d8%b7%d8%a8%d9%8a%d8%a9-2\" },\n            { serial: 11, label: \"\u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0641\u062d\u0635 \u0627\u0644\u0628\u0635\u0631\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=18336\" },\n            { serial: 12, label: \"\u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0623\u0637\u0631\u0627\u0641 \u0648\u0627\u0644\u0645\u0633\u0627\u0646\u062f \u0627\u0644\u0637\u0628\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=18090\" },\n            { serial: 13, label: \"\u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0632\u0631\u0627\u0639\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?e-landing-page=%d8%a7%d9%84%d8%a3%d9%82%d8%b3%d8%a7%d9%85-%d8%b2%d8%b1%d8%a7%d8%b9%d9%8a%d8%a9\" },\n            { serial: 14, label: \"\u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0646\u0628\u0627\u062a\u064a\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=18004\" },\n            { serial: 15, label: \"\u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u064a\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=18459\" },\n            { serial: 16, label: \"\u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0631\u0628\u0629 \u0648\u0627\u0644\u0645\u064a\u0627\u0647\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=18199\" },\n            { serial: 17, label: \"\u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0627\u062d\u064a\u0627\u0626\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=18409\" },\n            { serial: 18, label: \"\u0645\u062c\u0644\u0629 FJIAS \u0627\u0644\u0632\u0631\u0627\u0639\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=13856\" },\n            { serial: 19, label: \"\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0639\u0644\u064a\u0627\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=19238\" },\n            { serial: 20, label: \"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=163\" },\n            { serial: 21, label: \"\u0627\u0644\u0634\u0639\u0628 \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a\", url: \"https:\/\/cms.atu.edu.iq\/\" },\n            { serial: 22, label: \"\u062f\u0627\u0626\u0631\u0629 \u0627\u0644\u0639\u0645\u064a\u062f\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=1128\" },\n            { serial: 23, label: \"\u0648\u062d\u062f\u0629 \u0645\u0643\u062a\u0628 \u0627\u0644\u0639\u0645\u064a\u062f\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=1128\" },\n            { serial: 24, label: \"\u0648\u062d\u062f\u0629 \u0623\u0645\u0627\u0646\u0629 \u0645\u062c\u0644\u0633 \u0627\u0644\u0643\u0644\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=13298\" },\n            { serial: 25, label: \"\u0648\u062d\u062f\u0629 \u0634\u0624\u0648\u0646 \u0627\u0644\u0645\u0648\u0627\u0637\u0646\u064a\u0646\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=5877\" },\n            { serial: 26, label: \"\u0634\u0639\u0628\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=945\" },\n            { serial: 27, label: \"\u0648\u062d\u062f\u0629 \u0627\u0644\u0646\u0634\u0627\u0637\u0627\u062a \u0627\u0644\u0637\u0644\u0627\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0631\u0634\u0627\u062f \u0627\u0644\u0646\u0641\u0633\u064a\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=16998\" },\n            { serial: 28, label: \"\u0634\u0639\u0628\u0647 \u0627\u0644\u0631\u0642\u0627\u0628\u0647 \u0648\u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=565\" },\n            { serial: 29, label: \"\u0634\u0639\u0628\u0629 \u0627\u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=13500\" },\n            { serial: 30, label: \"\u0634\u0639\u0628\u0629 \u0627\u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=1290\" },\n            { serial: 31, label: \"\u0634\u0639\u0628\u0629 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=529\" },\n            { serial: 32, label: \"\u0634\u0639\u0628\u0629 \u0627\u0644\u0627\u0639\u0644\u0627\u0645 \u0648\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=1291\" },\n            { serial: 33, label: \"\u0634\u0639\u0628\u0629 \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u062c\u0627\u0645\u0639\u064a\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=1125\" },\n            { serial: 34, label: \"\u0648\u062d\u062f\u0629 \u0627\u0644\u0627\u0639\u0645\u0627\u0631 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=562\" },\n            { serial: 35, label: \"\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=11052\" },\n            { serial: 36, label: \"\u0634\u0639\u0628\u0629 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=558\" },\n            { serial: 37, label: \"\u0648\u062d\u062f\u0629 \u0634\u0624\u0648\u0646 \u0627\u0644\u0645\u0631\u0623\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=11801\" },\n            { serial: 38, label: \"\u0634\u0639\u0628\u0629 \u0627\u0644\u062a\u0635\u0627\u0631\u064a\u062d \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=7321\" },\n            { serial: 39, label: \"\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=404\" },\n            { serial: 40, label: \"\u0627\u0644\u0634\u0639\u0628\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=1722\" },\n            { serial: 41, label: \"\u0634\u0639\u0628\u0629 \u0634\u0624\u0648\u0646 \u0627\u0644\u0637\u0644\u0628\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=1724\" },\n            { serial: 42, label: \"\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=2874\" },\n            { serial: 43, label: \"\u0648\u062d\u062f\u0629 \u0627\u0644\u0627\u0631\u0634\u0627\u062f \u0627\u0644\u0646\u0641\u0633\u064a \u0648\u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u062a\u0631\u0628\u0648\u064a\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=5859\" },\n            { serial: 44, label: \"\u0648\u062d\u062f\u0629 \u0627\u0644\u0627\u0642\u0633\u0627\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \/ \u0637\u0627\u0644\u0628\u0627\u062a\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=1292\" },\n            { serial: 45, label: \"English\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=18869&lang=en\" },\n            { serial: 46, label: \"\u0643\u0644\u0645\u0629 \u0627\u0644\u0633\u064a\u062f \u0639\u0645\u064a\u062f \u0627\u0644\u0643\u0644\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=13048\" },\n            { serial: 47, label: \"\u0646\u0628\u0630\u0629 \u0639\u0646 \u0627\u0644\u0643\u0644\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=1712\" },\n            { serial: 48, label: \"\u0627\u0644\u0631\u0624\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=1711\" },\n            { serial: 49, label: \"\u0627\u0644\u0631\u0633\u0627\u0644\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=230\" },\n            { serial: 50, label: \"\u0627\u0644\u0627\u0647\u062f\u0627\u0641\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=228\" },\n            { serial: 51, label: \"\u0644\u0648\u062d\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a\", url: \"https:\/\/cms.atu.edu.iq\/?cat=7\" },\n            { serial: 52, label: \"\u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0627\u0633\u0627\u0633\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=1713\" },\n            { serial: 53, label: \"\u0639\u0646 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u0644\u0643\u0644\u064a\u0629\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=5563\" },\n            { serial: 54, label: \"\u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631\", url: \"https:\/\/cms.atu.edu.iq\/?page_id=2137\" }\n        ];\n\n        let currentModalUrl = '';\n        let currentModalQrCanvas = null;\n\n        function renderCards(data) {\n            const container = document.getElementById('linksContainer');\n            container.innerHTML = '';\n            \n            if (data.length === 0) {\n                container.innerHTML = '<div class=\"no-results\">\u274c \u0644\u0627 \u062a\u0648\u062c\u062f \u0646\u062a\u0627\u0626\u062c \u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0644\u0628\u062d\u062b<\/div>';\n                document.getElementById('totalCount').textContent = '0';\n                return;\n            }\n            \n            data.forEach((item) => {\n                const card = document.createElement('div');\n                card.className = 'link-card';\n                \n                card.innerHTML = `\n                    <div class=\"card-content\">\n                        <div class=\"card-label-section\">\n                            <span class=\"serial-badge\">#${item.serial}<\/span>\n                            <div class=\"card-label\">${escapeHtml(item.label)}<\/div>\n                            <button class=\"copy-btn\" data-url=\"${escapeHtml(item.url)}\">\ud83d\udccb \u0646\u0633\u062e \u0627\u0644\u0631\u0627\u0628\u0637<\/button>\n                        <\/div>\n                        <div class=\"card-qr-section\">\n                            <div class=\"qr-code\" data-url=\"${escapeHtml(item.url)}\" data-label=\"${escapeHtml(item.label)}\" id=\"qr-${item.serial}\">\n                                <div class=\"loading-placeholder\"><\/div>\n                            <\/div>\n                            <span class=\"qr-tooltip\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631<\/span>\n                        <\/div>\n                    <\/div>\n                `;\n                \n                container.appendChild(card);\n                \n                \/\/ Create QR code\n                const qrDiv = card.querySelector(`#qr-${item.serial}`);\n                setTimeout(() => {\n                    try {\n                        qrDiv.innerHTML = '';\n                        const qr = new QRCode(qrDiv, {\n                            text: item.url,\n                            width: 65,\n                            height: 65,\n                            colorDark: \"#0a2942\",\n                            colorLight: \"#ffffff\",\n                            correctLevel: QRCode.CorrectLevel.M\n                        });\n                        \n                        \/\/ Add click event\n                        qrDiv.onclick = (function(url, label) {\n                            return function() { openModal(url, label); };\n                        })(item.url, item.label);\n                        \n                    } catch(e) {\n                        qrDiv.innerHTML = '<span style=\"font-size:10px;color:#2c5282;\">\u062e\u0637\u0623<\/span>';\n                    }\n                }, 10);\n                \n                \/\/ Copy button event\n                const copyBtn = card.querySelector('.copy-btn');\n                copyBtn.addEventListener('click', function() {\n                    const url = this.getAttribute('data-url');\n                    navigator.clipboard.writeText(url).then(() => {\n                        const originalText = this.textContent;\n                        this.textContent = '\u2705 \u062a\u0645 \u0627\u0644\u0646\u0633\u062e';\n                        this.classList.add('copied');\n                        setTimeout(() => {\n                            this.textContent = originalText;\n                            this.classList.remove('copied');\n                        }, 2000);\n                    });\n                });\n            });\n            \n            document.getElementById('totalCount').textContent = data.length;\n        }\n        \n        function escapeHtml(text) {\n            const div = document.createElement('div');\n            div.textContent = text;\n            return div.innerHTML;\n        }\n\n        function filterLinks() {\n            const searchTerm = document.getElementById('searchInput').value.toLowerCase();\n            const filtered = linksData.filter(item => \n                item.label.toLowerCase().includes(searchTerm) ||\n                item.url.toLowerCase().includes(searchTerm) ||\n                item.serial.toString().includes(searchTerm)\n            );\n            renderCards(filtered);\n        }\n\n        \/\/ Modal functions\n        function openModal(url, label) {\n            currentModalUrl = url;\n            const modal = document.getElementById('qrModal');\n            const modalTitle = document.getElementById('modalTitle');\n            const modalUrlLink = document.getElementById('modalUrlLink');\n            \n            modalTitle.textContent = label;\n            modalUrlLink.textContent = url.length > 60 ? url.substring(0, 57) + '...' : url;\n            modalUrlLink.href = url;\n            \n            \/\/ Clear previous QR\n            const modalQrContainer = document.getElementById('modalQrContainer');\n            modalQrContainer.innerHTML = '';\n            \n            \/\/ Create new large QR code\n            const largeQrDiv = document.createElement('div');\n            largeQrDiv.id = 'large-qr-temp';\n            modalQrContainer.appendChild(largeQrDiv);\n            \n            setTimeout(() => {\n                try {\n                    const largeQr = new QRCode(largeQrDiv, {\n                        text: url,\n                        width: 220,\n                        height: 220,\n                        colorDark: \"#0a2942\",\n                        colorLight: \"#ffffff\",\n                        correctLevel: QRCode.CorrectLevel.H\n                    });\n                    \n                    setTimeout(() => {\n                        const canvas = largeQrDiv.querySelector('canvas');\n                        if (canvas) {\n                            currentModalQrCanvas = canvas;\n                        }\n                    }, 100);\n                } catch(e) {\n                    modalQrContainer.innerHTML = '<p style=\"color:red;\">\u062d\u062f\u062b \u062e\u0637\u0623<\/p>';\n                }\n            }, 10);\n            \n            modal.style.display = 'flex';\n        }\n\n        function closeModal() {\n            const modal = document.getElementById('qrModal');\n            modal.style.display = 'none';\n            currentModalQrCanvas = null;\n        }\n\n        function closeModalOnOutside(event) {\n            if (event.target === document.getElementById('qrModal')) {\n                closeModal();\n            }\n        }\n\n        function copyModalUrl() {\n            navigator.clipboard.writeText(currentModalUrl).then(() => {\n                const copyBtn = document.querySelector('.modal-copy-btn');\n                const originalText = copyBtn.textContent;\n                copyBtn.textContent = '\u2705 \u062a\u0645 \u0627\u0644\u0646\u0633\u062e';\n                setTimeout(() => {\n                    copyBtn.textContent = originalText;\n                }, 2000);\n            });\n        }\n\n        function downloadModalQr() {\n            if (currentModalQrCanvas) {\n                const link = document.createElement('a');\n                link.download = 'qrcode.png';\n                link.href = currentModalQrCanvas.toDataURL('image\/png');\n                link.click();\n            } else {\n                alert('\u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f\u060c \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649');\n            }\n        }\n\n        \/\/ Make functions global for onclick\n        window.openModal = openModal;\n        window.closeModal = closeModal;\n        window.closeModalOnOutside = closeModalOnOutside;\n        window.copyModalUrl = copyModalUrl;\n        window.downloadModalQr = downloadModalQr;\n        window.filterLinks = filterLinks;\n\n        \/\/ Initial render\n        renderCards(linksData);\n    <\/script>\n<\/div>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062f\u0644\u064a\u0644 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0634\u0639\u0628 \u0648\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0643\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u064a\u0628 \ud83d\udcca \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0631\u0648\u0627\u0628\u0637: 54 \u2715 \u0628\u0627\u0631\u0643\u0648\u062f \u0627\u0644\u0631\u0627\u0628\u0637 \ud83d\udccb \u0646\u0633\u062e \u0627\u0644\u0631\u0627\u0628\u0637 \u2b07\ufe0f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f \u062f\u0644\u064a\u0644 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 | \u0627\u0644\u0643\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u064a\u0628 \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0628\u0627\u0631\u0643\u0648\u062f \u0644\u062a\u0643\u0628\u064a\u0631\u0647 | \u0627\u0636\u063a\u0637 \u0646\u0633\u062e \u0644\u0646\u0633\u062e \u0627\u0644\u0631\u0627\u0628\u0637<\/p>\n","protected":false},"author":123457,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19278","page","type-page","status-publish","hentry"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/19278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/123457"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19278"}],"version-history":[{"count":7,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/19278\/revisions"}],"predecessor-version":[{"id":19471,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/19278\/revisions\/19471"}],"wp:attachment":[{"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}