{"id":18269,"date":"2025-09-11T09:40:12","date_gmt":"2025-09-11T09:40:12","guid":{"rendered":"https:\/\/plan.nrru.ac.th\/?p=18269"},"modified":"2025-09-16T08:01:28","modified_gmt":"2025-09-16T08:01:28","slug":"%e0%b9%80%e0%b8%ad%e0%b8%81%e0%b8%aa%e0%b8%b2%e0%b8%a3%e0%b8%9b%e0%b8%a3%e0%b8%b0%e0%b8%81%e0%b8%ad%e0%b8%9a%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%8a%e0%b8%b5%e0%b9%89%e0%b9%81%e0%b8%88%e0%b8%87%e0%b9%81","status":"publish","type":"post","link":"https:\/\/plan.nrru.ac.th\/?p=18269","title":{"rendered":"\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e0a\u0e35\u0e49\u0e41\u0e08\u0e07\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07 \u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e07\u0e32\u0e19 (TOR) \u0e1e.\u0e28.2569"},"content":{"rendered":"<p style=\"text-align: center;\"><!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 - \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e0a\u0e20\u0e31\u0e0f\u0e19\u0e04\u0e23\u0e23\u0e32\u0e0a\u0e2a\u0e35\u0e21\u0e32<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <style>\r\n        body { font-family: 'Sarabun', sans-serif; }\r\n        .gradient-bg {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n        .card-hover {\r\n            transition: all 0.3s ease;\r\n        }\r\n        .card-hover:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n        }\r\n        .document-row {\r\n            transition: all 0.3s ease;\r\n            border-left: 4px solid transparent;\r\n        }\r\n        .document-row:hover {\r\n            background: linear-gradient(90deg, #f8fafc 0%, #e2e8f0 100%);\r\n            border-left-color: #3b82f6;\r\n        }\r\n        @media (min-width: 1024px) {\r\n            .document-row:hover {\r\n                transform: translateX(5px);\r\n            }\r\n        }\r\n        .icon-bg {\r\n            background: linear-gradient(135deg, #3b82f6, #1d4ed8);\r\n        }\r\n        .download-btn {\r\n            background: linear-gradient(135deg, #10b981, #059669);\r\n            transition: all 0.3s ease;\r\n            min-height: 44px; \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e02\u0e31\u0e49\u0e19\u0e15\u0e48\u0e33\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e15\u0e30\u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        .download-btn:hover {\r\n            background: linear-gradient(135deg, #059669, #047857);\r\n            transform: scale(1.05);\r\n        }\r\n        .meeting-header {\r\n            background: linear-gradient(135deg, #1e3a8a, #3730a3);\r\n        }\r\n        .table-header {\r\n            background: linear-gradient(135deg, #f1f5f9, #e2e8f0);\r\n        }\r\n        \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\r\n        @media (max-width: 1023px) {\r\n            .mobile-download-btn {\r\n                padding: 12px 16px;\r\n                min-height: 44px;\r\n                font-size: 14px;\r\n                width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 min-h-screen\">\r\n    <!-- Header Section -->\r\n    <div class=\"meeting-header text-white py-8 md:py-4 mb-6 md:mb-8\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"text-center max-w-4xl mx-auto\">\r\n                <div class=\"flex justify-center mb-4\">                     \r\n                <\/div>\r\n                 \r\n                <div class=\"bg-white bg-opacity-10 rounded-lg p-4 md:p-6 mb-4\">                     \r\n                    <p class=\"text-blue-100 text-sm md:text-lg mb-2\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e0a\u0e35\u0e49\u0e41\u0e08\u0e07\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07 <br>\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e07\u0e32\u0e19 (TOR) \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e41\u0e1c\u0e48\u0e19\u0e14\u0e34\u0e19 <br>\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e0a\u0e20\u0e31\u0e0f\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/p>\r\n                    <p class=\"text-blue-100 font-medium text-sm md:text-base\">\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2569<\/p>\r\n                <\/div>\r\n                <div class=\"flex flex-col lg:flex-row justify-center items-center space-y-3 lg:space-y-0 lg:space-x-8 text-blue-100 text-sm md:text-base\">\r\n                    <div class=\"flex items-center space-x-2\">\r\n                        <i class=\"fas fa-calendar-alt\"><\/i>\r\n                        <span>\u0e27\u0e31\u0e19\u0e28\u0e38\u0e01\u0e23\u0e4c\u0e17\u0e35\u0e48 12 \u0e01\u0e31\u0e19\u0e22\u0e32\u0e22\u0e19 2568<\/span>\r\n                    <\/div>\r\n                    <div class=\"flex items-center space-x-2 text-center\">\r\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                        <span class=\"hidden md:inline\">\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e14\u0e23.\u0e40\u0e28\u0e32\u0e27\u0e19\u0e34\u0e15 \u0e40\u0e28\u0e32\u0e13\u0e32\u0e19\u0e19\u0e17\u0e4c \u0e2d\u0e32\u0e04\u0e32\u0e23 9 \u0e0a\u0e31\u0e49\u0e19 3<\/span>\r\n                        <span class=\"md:hidden\">\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e2d\u0e32\u0e04\u0e32\u0e23 9 \u0e0a\u0e31\u0e49\u0e19 3<\/span>\r\n                    <\/div>\r\n                    <div class=\"flex items-center space-x-2\">\r\n                        <i class=\"fas fa-video\"><\/i>\r\n                        <span>\u0e41\u0e25\u0e30\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a Zoom<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Content -->\r\n    <div class=\"container mx-auto px-4 pb-12\">\r\n        <!-- Statistics Cards -->\r\n         \r\n        <!-- Documents Table -->\r\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden\">\r\n            <!-- Table Header -->\r\n            <div class=\"table-header px-4 md:px-6 py-4 border-b\">\r\n                <h3 class=\"text-lg md:text-xl font-bold text-gray-800 flex items-center\">\r\n                    <i class=\"fas fa-folder-open text-blue-600 mr-2 md:mr-3\"><\/i>\r\n                    \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23    \r\n                <\/h3>\r\n            <\/div>\r\n\r\n            <!-- Desktop Table View -->\r\n            <div class=\"hidden lg:block overflow-x-auto\">\r\n                <table class=\"w-full\">\r\n                    <thead class=\"bg-gray-50\">\r\n                        <tr>\r\n                            <th class=\"px-6 py-4 text-left text-sm font-semibold text-black w-16\">\u0e25\u0e33\u0e14\u0e31\u0e1a<\/th>\r\n                            <th class=\"px-6 py-4 text-left text-sm font-semibold text-black\"><center>\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/center><\/th>\r\n                            <th class=\"px-6 py-4 text-center text-sm font-semibold text-black w-32\">\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17<\/th>\r\n                            <th class=\"px-6 py-4 text-center text-sm font-semibold text-black w-32\">view\/download<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody class=\"divide-y divide-gray-100\">\r\n                        <tr class=\"document-row\">\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm\">1<\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center space-x-3\">\r\n                                    <div class=\"bg-gradient-to-br from-red-500 to-red-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                        <i class=\"fas fa-file-powerpoint text-white\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <div class=\"font-semibold text-gray-900\">PPT \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e2f<\/div>\r\n                                        <div class=\"text-sm text-gray-500\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800\">\r\n                                    <i class=\"fas fa-file-powerpoint mr-1\"><\/i>\r\n                                    PPT\r\n                                <\/span>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <button class=\"download-btn text-white px-4 py-2 rounded-lg text-sm font-medium inline-flex items-center\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/td>\r\n                        <\/tr>\r\n\r\n                        <tr class=\"document-row\">\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm\">2<\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center space-x-3\">\r\n                                    <div class=\"bg-gradient-to-br from-blue-500 to-blue-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                        <i class=\"fas fa-file-contract text-white\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <div class=\"font-semibold text-gray-900\">TOR \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e41\u0e1c\u0e48\u0e19\u0e14\u0e34\u0e19 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e0a\u0e20\u0e31\u0e0f\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19 \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2569<\/div>\r\n                                        <div class=\"text-sm text-gray-500\">\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <button class=\"download-btn text-white px-4 py-2 rounded-lg text-sm font-medium inline-flex items-center\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/td>\r\n                        <\/tr>\r\n\r\n                        <tr class=\"document-row\">\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm\">3<\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center space-x-3\">\r\n                                    <div class=\"bg-gradient-to-br from-green-500 to-green-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                        <i class=\"fa-regular fa-file-word text-white\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <div class=\"font-semibold text-gray-900\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e40\u0e2a\u0e19\u0e2d\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/div>\r\n                                        <div class=\"text-sm text-gray-500\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800\">\r\n                                    <i class=\"fas fa-file-word mr-1\"><\/i>\r\n                                    WORD\r\n                                <\/span>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <button class=\"download-btn text-white px-4 py-2 rounded-lg text-sm font-medium inline-flex items-center\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/td>\r\n                        <\/tr>\r\n\r\n                        <tr class=\"document-row\">\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm\">4<\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center space-x-3\">\r\n                                    <div class=\"bg-gradient-to-br from-purple-500 to-purple-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                        <i class=\"fas fa-chess-rook text-white\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <div class=\"font-semibold text-gray-900\">\u0e41\u0e1c\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e0a\u0e20\u0e31\u0e0f\u0e19\u0e04\u0e23\u0e23\u0e32\u0e0a\u0e2a\u0e35\u0e21\u0e32 (\u0e1e.\u0e28. 2566-2570) \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e1a\u0e17\u0e27\u0e19 \u0e40\u0e14\u0e37\u0e2d\u0e19\u0e15\u0e38\u0e25\u0e32\u0e04\u0e21 2567<\/div>\r\n                                        <div class=\"text-sm text-gray-500\">\u0e41\u0e1c\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e09\u0e1a\u0e31\u0e1a\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-purple-100 text-purple-800\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <button class=\"download-btn text-white px-4 py-2 rounded-lg text-sm font-medium inline-flex items-center\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/td>\r\n                        <\/tr>\r\n\r\n                        <tr class=\"document-row\">\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm\">5<\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center space-x-3\">\r\n                                    <div class=\"bg-gradient-to-br from-orange-500 to-orange-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                        <i class=\"fas fa-award text-white\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <div class=\"font-semibold text-gray-900\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e01\u0e25\u0e38\u0e48\u0e21\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e2d\u0e38\u0e14\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e01\u0e25\u0e38\u0e48\u0e21 3<\/div>\r\n                                        <div class=\"text-sm text-gray-500\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e40\u0e01\u0e13\u0e11\u0e4c \u0e2f<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-orange-100 text-orange-800\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <button class=\"download-btn text-white px-4 py-2 rounded-lg text-sm font-medium inline-flex items-center\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/td>\r\n                        <\/tr>\r\n\r\n                        <tr class=\"document-row\">\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm\">6<\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center space-x-3\">\r\n                                    <div class=\"bg-gradient-to-br from-teal-500 to-teal-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                        <i class=\"fas fa-money-check-alt text-white\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <div class=\"font-semibold text-gray-900\">\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1a\u0e34\u0e01\u0e08\u0e48\u0e32\u0e22\u0e07\u0e1a\u0e41\u0e1c\u0e48\u0e19\u0e14\u0e34\u0e19<\/div>\r\n                                        <div class=\"text-sm text-gray-500\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1a\u0e34\u0e01\u0e08\u0e48\u0e32\u0e22\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-teal-100 text-teal-800\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <button class=\"download-btn text-white px-4 py-2 rounded-lg text-sm font-medium inline-flex items-center\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/td>\r\n                        <\/tr>\r\n\r\n                        <tr class=\"document-row\">\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm\">7<\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center space-x-3\">\r\n                                    <div class=\"bg-gradient-to-br from-indigo-500 to-indigo-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                        <i class=\"fas fa-file-alt text-white\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <div class=\"font-semibold text-gray-900\">Onepage \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e0a\u0e20\u0e31\u0e0f\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19 \u0e1e.\u0e28. 2567<\/div>\r\n                                        <div class=\"text-sm text-gray-500\">\u0e2a\u0e23\u0e38\u0e1b\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2f<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <button class=\"download-btn text-white px-4 py-2 rounded-lg text-sm font-medium inline-flex items-center\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/td>\r\n                        <\/tr>\r\n\r\n                        <tr class=\"document-row\">\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm\">8<\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center space-x-3\">\r\n                                    <div class=\"bg-gradient-to-br from-pink-500 to-pink-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                        <i class=\"fas fa-cogs text-white\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <div class=\"font-semibold text-gray-900\">\u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2f \u0e1e.\u0e28. 2567<\/div>\r\n                                        <div class=\"text-sm text-gray-500\">\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-pink-100 text-pink-800\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <button class=\"download-btn text-white px-4 py-2 rounded-lg text-sm font-medium inline-flex items-center\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/td>\r\n                        <\/tr>\r\n\r\n                        <tr class=\"document-row\">\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm\">9<\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4\">\r\n                                <div class=\"flex items-center space-x-3\">\r\n                                    <div class=\"bg-gradient-to-br from-yellow-500 to-yellow-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                        <i class=\"fas fa-bullseye text-white\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <div class=\"font-semibold text-gray-900\">\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 2568 \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2567<\/div>\r\n                                        <div class=\"text-sm text-gray-500\">\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                            <\/td>\r\n                            <td class=\"px-6 py-4 text-center\">\r\n                                <button class=\"download-btn text-white px-4 py-2 rounded-lg text-sm font-medium inline-flex items-center\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n\r\n            <!-- Mobile\/Tablet Card View -->\r\n            <div class=\"lg:hidden\">\r\n                <!-- Document Card 1 -->\r\n                <div class=\"document-row border-b border-gray-100 p-4\">\r\n                    <div class=\"flex items-start space-x-3\">\r\n                        <div class=\"flex-shrink-0\">\r\n                            <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm mb-2\">1<\/div>\r\n                            <div class=\"bg-gradient-to-br from-red-500 to-red-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                <i class=\"fas fa-file-powerpoint text-white text-sm\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex-1 min-w-0\">\r\n                            <div class=\"font-semibold text-gray-900 text-sm md:text-base mb-1\">PPT \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e2f<\/div>\r\n                            <div class=\"text-xs md:text-sm text-gray-500 mb-3\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21<\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between space-y-2 sm:space-y-0\">\r\n                                <span class=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800 w-fit\">\r\n                                    <i class=\"fas fa-file-powerpoint mr-1\"><\/i>\r\n                                    PPT\r\n                                <\/span>\r\n                                <button class=\"download-btn mobile-download-btn text-white px-3 py-2 rounded-lg text-xs font-medium inline-flex items-center justify-center w-full sm:w-auto\" data-doc-id=\"1\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Document Card 2 -->\r\n                <div class=\"document-row border-b border-gray-100 p-4\">\r\n                    <div class=\"flex items-start space-x-3\">\r\n                        <div class=\"flex-shrink-0\">\r\n                            <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm mb-2\">2<\/div>\r\n                            <div class=\"bg-gradient-to-br from-blue-500 to-blue-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                <i class=\"fas fa-file-contract text-white text-sm\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex-1 min-w-0\">\r\n                            <div class=\"font-semibold text-gray-900 text-sm md:text-base mb-1\">TOR \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e41\u0e1c\u0e48\u0e19\u0e14\u0e34\u0e19 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e0a\u0e20\u0e31\u0e0f\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19 \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2569<\/div>\r\n                            <div class=\"text-xs md:text-sm text-gray-500 mb-3\">\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19<\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between space-y-2 sm:space-y-0\">\r\n                                <span class=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800 w-fit\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                                <button class=\"download-btn mobile-download-btn text-white px-3 py-2 rounded-lg text-xs font-medium inline-flex items-center justify-center w-full sm:w-auto\" data-doc-id=\"2\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Document Card 3 -->\r\n                <div class=\"document-row border-b border-gray-100 p-4\">\r\n                    <div class=\"flex items-start space-x-3\">\r\n                        <div class=\"flex-shrink-0\">\r\n                            <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm mb-2\">3<\/div>\r\n                            <div class=\"bg-gradient-to-br from-green-500 to-green-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                <i class=\"fa-regular fa-file-word text-white text-sm\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex-1 min-w-0\">\r\n                            <div class=\"font-semibold text-gray-900 text-sm md:text-base mb-1\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e40\u0e2a\u0e19\u0e2d\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/div>\r\n                            <div class=\"text-xs md:text-sm text-gray-500 mb-3\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between space-y-2 sm:space-y-0\">\r\n                                <span class=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800 w-fit\">\r\n                                    <i class=\"fas fa-file-word mr-1\"><\/i>\r\n                                    WORD\r\n                                <\/span>\r\n                                <button class=\"download-btn mobile-download-btn text-white px-3 py-2 rounded-lg text-xs font-medium inline-flex items-center justify-center w-full sm:w-auto\" data-doc-id=\"3\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Document Card 4 -->\r\n                <div class=\"document-row border-b border-gray-100 p-4\">\r\n                    <div class=\"flex items-start space-x-3\">\r\n                        <div class=\"flex-shrink-0\">\r\n                            <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm mb-2\">4<\/div>\r\n                            <div class=\"bg-gradient-to-br from-purple-500 to-purple-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                <i class=\"fas fa-chess-rook text-white text-sm\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex-1 min-w-0\">\r\n                            <div class=\"font-semibold text-gray-900 text-sm md:text-base mb-1\">\u0e41\u0e1c\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e0a\u0e20\u0e31\u0e0f\u0e19\u0e04\u0e23\u0e23\u0e32\u0e0a\u0e2a\u0e35\u0e21\u0e32 (\u0e1e.\u0e28. 2566-2570) \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e1a\u0e17\u0e27\u0e19 \u0e40\u0e14\u0e37\u0e2d\u0e19\u0e15\u0e38\u0e25\u0e32\u0e04\u0e21 2567<\/div>\r\n                            <div class=\"text-xs md:text-sm text-gray-500 mb-3\">\u0e41\u0e1c\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e09\u0e1a\u0e31\u0e1a\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07<\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between space-y-2 sm:space-y-0\">\r\n                                <span class=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-purple-100 text-purple-800 w-fit\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                                <button class=\"download-btn mobile-download-btn text-white px-3 py-2 rounded-lg text-xs font-medium inline-flex items-center justify-center w-full sm:w-auto\" data-doc-id=\"4\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Document Card 5 -->\r\n                <div class=\"document-row border-b border-gray-100 p-4\">\r\n                    <div class=\"flex items-start space-x-3\">\r\n                        <div class=\"flex-shrink-0\">\r\n                            <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm mb-2\">5<\/div>\r\n                            <div class=\"bg-gradient-to-br from-orange-500 to-orange-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                <i class=\"fas fa-award text-white text-sm\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex-1 min-w-0\">\r\n                            <div class=\"font-semibold text-gray-900 text-sm md:text-base mb-1\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e01\u0e25\u0e38\u0e48\u0e21\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e2d\u0e38\u0e14\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e01\u0e25\u0e38\u0e48\u0e21 3<\/div>\r\n                            <div class=\"text-xs md:text-sm text-gray-500 mb-3\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between space-y-2 sm:space-y-0\">\r\n                                <span class=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-orange-100 text-orange-800 w-fit\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                                <button class=\"download-btn mobile-download-btn text-white px-3 py-2 rounded-lg text-xs font-medium inline-flex items-center justify-center w-full sm:w-auto\" data-doc-id=\"5\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Document Card 6 -->\r\n                <div class=\"document-row border-b border-gray-100 p-4\">\r\n                    <div class=\"flex items-start space-x-3\">\r\n                        <div class=\"flex-shrink-0\">\r\n                            <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm mb-2\">6<\/div>\r\n                            <div class=\"bg-gradient-to-br from-teal-500 to-teal-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                <i class=\"fas fa-money-check-alt text-white text-sm\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex-1 min-w-0\">\r\n                            <div class=\"font-semibold text-gray-900 text-sm md:text-base mb-1\">\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1a\u0e34\u0e01\u0e08\u0e48\u0e32\u0e22\u0e07\u0e1a\u0e41\u0e1c\u0e48\u0e19\u0e14\u0e34\u0e19<\/div>\r\n                            <div class=\"text-xs md:text-sm text-gray-500 mb-3\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1a\u0e34\u0e01\u0e08\u0e48\u0e32\u0e22\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between space-y-2 sm:space-y-0\">\r\n                                <span class=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-teal-100 text-teal-800 w-fit\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                                <button class=\"download-btn mobile-download-btn text-white px-3 py-2 rounded-lg text-xs font-medium inline-flex items-center justify-center w-full sm:w-auto\" data-doc-id=\"6\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Document Card 7 -->\r\n                <div class=\"document-row border-b border-gray-100 p-4\">\r\n                    <div class=\"flex items-start space-x-3\">\r\n                        <div class=\"flex-shrink-0\">\r\n                            <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm mb-2\">7<\/div>\r\n                            <div class=\"bg-gradient-to-br from-indigo-500 to-indigo-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                <i class=\"fas fa-file-alt text-white text-sm\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex-1 min-w-0\">\r\n                            <div class=\"font-semibold text-gray-900 text-sm md:text-base mb-1\">Onepage \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e0a\u0e20\u0e31\u0e0f\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19 \u0e1e.\u0e28. 2567<\/div>\r\n                            <div class=\"text-xs md:text-sm text-gray-500 mb-3\">\u0e2a\u0e23\u0e38\u0e1b\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e14\u0e35\u0e22\u0e27<\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between space-y-2 sm:space-y-0\">\r\n                                <span class=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800 w-fit\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                                <button class=\"download-btn mobile-download-btn text-white px-3 py-2 rounded-lg text-xs font-medium inline-flex items-center justify-center w-full sm:w-auto\" data-doc-id=\"7\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\ub4dc\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Document Card 8 -->\r\n                <div class=\"document-row border-b border-gray-100 p-4\">\r\n                    <div class=\"flex items-start space-x-3\">\r\n                        <div class=\"flex-shrink-0\">\r\n                            <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm mb-2\">8<\/div>\r\n                            <div class=\"bg-gradient-to-br from-pink-500 to-pink-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                <i class=\"fas fa-cogs text-white text-sm\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex-1 min-w-0\">\r\n                            <div class=\"font-semibold text-gray-900 text-sm md:text-base mb-1\">\u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2f \u0e1e.\u0e28. 2567<\/div>\r\n                            <div class=\"text-xs md:text-sm text-gray-500 mb-3\">\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between space-y-2 sm:space-y-0\">\r\n                                <span class=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-pink-100 text-pink-800 w-fit\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                                <button class=\"download-btn mobile-download-btn text-white px-3 py-2 rounded-lg text-xs font-medium inline-flex items-center justify-center w-full sm:w-auto\" data-doc-id=\"8\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Document Card 9 -->\r\n                <div class=\"document-row p-4\">\r\n                    <div class=\"flex items-start space-x-3\">\r\n                        <div class=\"flex-shrink-0\">\r\n                            <div class=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-600 rounded-full font-semibold text-sm mb-2\">9<\/div>\r\n                            <div class=\"bg-gradient-to-br from-yellow-500 to-yellow-600 w-10 h-10 rounded-lg flex items-center justify-center\">\r\n                                <i class=\"fas fa-bullseye text-white text-sm\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex-1 min-w-0\">\r\n                            <div class=\"font-semibold text-gray-900 text-sm md:text-base mb-1\">\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 2568 \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2567<\/div>\r\n                            <div class=\"text-xs md:text-sm text-gray-500 mb-3\">\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between space-y-2 sm:space-y-0\">\r\n                                <span class=\"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800 w-fit\">\r\n                                    <i class=\"fas fa-file-pdf mr-1\"><\/i>\r\n                                    PDF\r\n                                <\/span>\r\n                                <button class=\"download-btn mobile-download-btn text-white px-3 py-2 rounded-lg text-xs font-medium inline-flex items-center justify-center w-full sm:w-auto\" data-doc-id=\"9\">\r\n                                    <i class=\"fas fa-download mr-2\"><\/i>\r\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\t\t\t\t\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Download All Button -->\r\n         <div class=\"bg-white bg-opacity-10 rounded-lg p-4 md:p-6 mb-4\">  \r\n                   <p> <img decoding=\"async\" src=\"https:\/\/plan.nrru.ac.th\/wp-content\/uploads\/2025\/09\/timelimeTOR2569.png\"><\/P>\r\n                     \r\n                <\/div>\r\n    <\/div>\r\n\t\t\t\t \r\n    <script>\r\n        \/\/ Document download links - \u0e41\u0e01\u0e49\u0e44\u0e02 URL \u0e15\u0e23\u0e07\u0e19\u0e35\u0e49\r\n        const downloadLinks = {\r\n            1: 'https:\/\/plan.nrru.ac.th\/wp-content\/uploads\/2025\/09\/PPT_TOR-2569.pdf', \/\/ PPT \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e2f\r\n            2: 'https:\/\/plan.nrru.ac.th\/wp-content\/uploads\/2025\/09\/TOR.pdf', \/\/ TOR \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e41\u0e1c\u0e48\u0e19\u0e14\u0e34\u0e19\r\n            3: 'https:\/\/plan.nrru.ac.th\/wp-content\/uploads\/2025\/09\/form.docx', \/\/ \u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e40\u0e2a\u0e19\u0e2d\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n            4: 'https:\/\/plan.nrru.ac.th\/wp-content\/uploads\/2025\/09\/plan6670.pdf', \/\/ \u0e41\u0e1c\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e23\u0e19.\r\n            5: 'https:\/\/plan.nrru.ac.th\/wp-content\/uploads\/2025\/09\/manual003.pdf', \/\/ \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e01\u0e25\u0e38\u0e48\u0e21\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e2d\u0e38\u0e14\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\r\n            6: 'https:\/\/plan.nrru.ac.th\/wp-content\/uploads\/2025\/09\/mn2569.pdf', \/\/ \u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1a\u0e34\u0e01\u0e08\u0e48\u0e32\u0e22\u0e07\u0e1a\u0e41\u0e1c\u0e48\u0e19\u0e14\u0e34\u0e19\r\n            7: 'https:\/\/plan.nrru.ac.th\/wp-content\/uploads\/2025\/03\/onepage2567.pdf', \/\/ Onepage \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\r\n            8: 'https:\/\/plan.nrru.ac.th\/wp-content\/uploads\/2025\/02\/report-propulsion-2567.pdf', \/\/ \u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2f\r\n            9: 'https:\/\/plan.nrru.ac.th\/wp-content\/uploads\/2025\/09\/news2569.pdf' \/\/ \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\r\n        };\r\n\r\n        \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n        function handleDownload(docNumber, buttonElement) {\r\n            const downloadUrl = downloadLinks[docNumber];\r\n            \r\n            if (downloadUrl && downloadUrl !== 'https:\/\/example.com\/documents\/') {\r\n                \/\/ \u0e21\u0e35 URL \u0e08\u0e23\u0e34\u0e07 - \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c\r\n                const originalContent = buttonElement.innerHTML;\r\n                buttonElement.innerHTML = '<i class=\"fas fa-spinner fa-spin mr-2\"><\/i>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14...';\r\n                buttonElement.disabled = true;\r\n                \r\n                \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07 link \u0e0a\u0e31\u0e48\u0e27\u0e04\u0e23\u0e32\u0e27\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n                const link = document.createElement('a');\r\n                link.href = downloadUrl;\r\n                link.download = '';\r\n                link.target = '_blank';\r\n                document.body.appendChild(link);\r\n                link.click();\r\n                document.body.removeChild(link);\r\n                \r\n                setTimeout(() => {\r\n                    buttonElement.innerHTML = '<i class=\"fas fa-check mr-2\"><\/i>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08';\r\n                    setTimeout(() => {\r\n                        buttonElement.innerHTML = originalContent;\r\n                        buttonElement.disabled = false;\r\n                    }, 2000);\r\n                }, 1000);\r\n            } else {\r\n                \/\/ \u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35 URL - \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\r\n                const originalContent = buttonElement.innerHTML;\r\n                buttonElement.innerHTML = '<i class=\"fas fa-exclamation-triangle mr-2\"><\/i>\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e25\u0e34\u0e07\u0e01\u0e4c';\r\n                buttonElement.disabled = true;\r\n                \r\n                setTimeout(() => {\r\n                    buttonElement.innerHTML = originalContent;\r\n                    buttonElement.disabled = false;\r\n                }, 2000);\r\n            }\r\n        }\r\n\r\n        \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21 event listeners \u0e40\u0e21\u0e37\u0e48\u0e2d DOM \u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ Download button functionality \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e14\u0e2a\u0e01\u0e4c\u0e17\u0e47\u0e2d\u0e1b\r\n            const desktopDownloadButtons = document.querySelectorAll('.download-btn:not(.mobile-download-btn)');\r\n            desktopDownloadButtons.forEach((btn, index) => {\r\n                btn.addEventListener('click', function() {\r\n                    const docNumber = index + 1;\r\n                    handleDownload(docNumber, this);\r\n                });\r\n            });\r\n\r\n            \/\/ Download button functionality \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\r\n            const mobileDownloadButtons = document.querySelectorAll('.mobile-download-btn');\r\n            mobileDownloadButtons.forEach(btn => {\r\n                btn.addEventListener('click', function() {\r\n                    const docNumber = parseInt(this.getAttribute('data-doc-id'));\r\n                    handleDownload(docNumber, this);\r\n                });\r\n                \r\n                \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21 event listener \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e1a\u0e19\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c touch\r\n                btn.addEventListener('touchstart', function(e) {\r\n                    e.preventDefault(); \/\/ \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e40\u0e01\u0e34\u0e14\u0e40\u0e2b\u0e15\u0e38\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e2d\u0e37\u0e48\u0e19\r\n                    this.style.opacity = '0.7';\r\n                });\r\n                \r\n                btn.addEventListener('touchend', function(e) {\r\n                    e.preventDefault();\r\n                    this.style.opacity = '1';\r\n                    const docNumber = parseInt(this.getAttribute('data-doc-id'));\r\n                    handleDownload(docNumber, this);\r\n                });\r\n            });\r\n\r\n            \/\/ Download all functionality\r\n            const downloadAllBtn = document.querySelector('button[class*=\"bg-gradient-to-r\"]');\r\n            if (downloadAllBtn) {\r\n                downloadAllBtn.addEventListener('click', function() {\r\n                    const originalContent = this.innerHTML;\r\n                    this.innerHTML = '<i class=\"fas fa-spinner fa-spin mr-3\"><\/i>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e44\u0e1f\u0e25\u0e4c...';\r\n                    this.disabled = true;\r\n                    \r\n                    \/\/ \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e17\u0e35\u0e48\u0e21\u0e35 URL\r\n                    let downloadCount = 0;\r\n                    Object.values(downloadLinks).forEach((url, index) => {\r\n                        if (url && url !== 'https:\/\/example.com\/documents\/') {\r\n                            setTimeout(() => {\r\n                                const link = document.createElement('a');\r\n                                link.href = url;\r\n                                link.download = '';\r\n                                link.target = '_blank';\r\n                                document.body.appendChild(link);\r\n                                link.click();\r\n                                document.body.removeChild(link);\r\n                                downloadCount++;\r\n                            }, index * 500);\r\n                        }\r\n                    });\r\n                    \r\n                    setTimeout(() => {\r\n                        if (downloadCount > 0) {\r\n                            this.innerHTML = `<i class=\"fas fa-check mr-3\"><\/i>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 ${downloadCount} \u0e44\u0e1f\u0e25\u0e4c\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08`;\r\n                        } else {\r\n                            this.innerHTML = '<i class=\"fas fa-exclamation-triangle mr-3\"><\/i>\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14';\r\n                        }\r\n                        setTimeout(() => {\r\n                            this.innerHTML = originalContent;\r\n                            this.disabled = false;\r\n                        }, 3000);\r\n                    }, 2500);\r\n                });\r\n            }\r\n\r\n            \/\/ Add smooth scrolling animation on page load\r\n            const rows = document.querySelectorAll('.document-row');\r\n            rows.forEach((row, index) => {\r\n                row.style.opacity = '0';\r\n                row.style.transform = 'translateY(20px)';\r\n                setTimeout(() => {\r\n                    row.style.transition = 'all 0.5s ease';\r\n                    row.style.opacity = '1';\r\n                    row.style.transform = 'translateY(0)';\r\n                }, index * 100);\r\n            });\r\n        });\r\n\r\n        \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e44\u0e02 URL\r\n        console.log('\ud83d\udd27 \u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e44\u0e02 URL \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14:');\r\n        console.log('1. \u0e2b\u0e32 section \"\/\/ Document download links - \u0e41\u0e01\u0e49\u0e44\u0e02 URL \u0e15\u0e23\u0e07\u0e19\u0e35\u0e49\"');\r\n        console.log('2. \u0e41\u0e17\u0e19\u0e17\u0e35\u0e48 URL \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e14\u0e49\u0e27\u0e22 URL \u0e08\u0e23\u0e34\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23');\r\n        console.log('3. \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07: downloadLinks[1] = \"https:\/\/yoursite.com\/document1.pdf\"');\r\n        console.log('\ud83d\udcc1 \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19:', Object.keys(downloadLinks).length, '\u0e44\u0e1f\u0e25\u0e4c');\r\n    <\/script>\r\n<\/body>\r\n<\/html><\/p>\n\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p><span class=\"more-link\"><a href=\"https:\/\/plan.nrru.ac.th\/?p=18269\">\u0e2d\u0e48\u0e32\u0e19\u0e15\u0e48\u0e2d<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"categories":[1],"tags":[],"class_list":["entry","author-jejodata","post-18269","post","type-post","status-publish","format-standard","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/plan.nrru.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/18269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plan.nrru.ac.th\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plan.nrru.ac.th\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plan.nrru.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plan.nrru.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18269"}],"version-history":[{"count":23,"href":"https:\/\/plan.nrru.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/18269\/revisions"}],"predecessor-version":[{"id":18321,"href":"https:\/\/plan.nrru.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/18269\/revisions\/18321"}],"wp:attachment":[{"href":"https:\/\/plan.nrru.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plan.nrru.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=18269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plan.nrru.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=18269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}