\u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 | E-Document Portal<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n prompt: ['Prompt', 'sans-serif'],\n },\n colors: {\n themepink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 300: '#f9a8d4',\n 500: '#f472b6',\n 600: '#db2777',\n 700: '#be185d',\n },\n charcoal: '#4B5563'\n }\n }\n }\n }\n <\/script>\n\n <style>\n body {\n font-family: 'Prompt', sans-serif;\n color: #4B5563;\n }\n \n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Scrollbar *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #fdf2f8; \n }\n ::-webkit-scrollbar-thumb {\n background: #f9a8d4; \n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #f472b6; \n }\n\n \/* Animation \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Toast *\/\n @keyframes slideInUp {\n from { transform: translateY(100%); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n @keyframes slideOutDown {\n from { transform: translateY(0); opacity: 1; }\n to { transform: translateY(100%); opacity: 0; }\n }\n .toast-enter {\n animation: slideInUp 0.3s ease-out forwards;\n }\n .toast-exit {\n animation: slideOutDown 0.3s ease-in forwards;\n }\n\n \/* \u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e41\u0e25\u0e30\u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e40\u0e1a\u0e25\u0e2d *\/\n .bg-image {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background-image: url('https:\/\/images.unsplash.com\/photo-1513542789411-b6a5d4f31634?auto=format&fit=crop&w=1920&q=80');\n background-size: cover;\n background-position: center;\n z-index: -2;\n }\n .bg-blur-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(255, 255, 255, 0.75);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n z-index: -1;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased min-h-screen flex flex-col relative\">\n\n \n <div class=\"bg-image\"><\/div>\n <div class=\"bg-blur-overlay\"><\/div>\n\n \n <header class=\"bg-white\/80 backdrop-blur-md shadow-sm border-b-4 border-themepink-500 sticky top-0 z-40\">\n <div class=\"max-w-6xl mx-auto px-4 py-4 sm:px-6 lg:px-8 flex justify-between items-center\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 bg-themepink-50 text-themepink-500 rounded-full flex items-center justify-center text-xl shadow-sm border border-themepink-100\">\n <i class=\"fa-solid fa-book-open\"><\/i>\n <\/div>\n <div>\n <h1 class=\"text-xl font-semibold text-gray-800 leading-tight\">\u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e21\u0e04\u0e2d.\u0e52<\/h1>\n <p class=\"text-xs text-gray-500 font-light\">E-Document Portal<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <main class=\"flex-grow max-w-6xl mx-auto w-full px-4 sm:px-6 lg:px-8 py-10\">\n \n <div class=\"mb-10 text-center sm:text-left bg-white\/60 p-6 rounded-2xl shadow-sm border border-white\/50 backdrop-blur-sm\">\n <h2 class=\"text-3xl font-semibold mb-2 flex items-center justify-center sm:justify-start gap-2 text-gray-800\">\n <i class=\"fa-solid fa-file-arrow-down text-themepink-500\"><\/i>\n \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e19\u0e30\u0e19\u0e33\n <\/h2>\n <p class=\"text-gray-600 text-sm sm:text-base\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e34\u0e2a\u0e34\u0e15<\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n\n \n <div class=\"bg-white\/90 backdrop-blur-sm rounded-2xl shadow-sm hover:shadow-xl transition-all duration-300 overflow-hidden border border-themepink-100 flex flex-col group\">\n <div class=\"relative h-48 sm:h-56 bg-themepink-50 overflow-hidden border-b border-gray-100\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497633762265-9d179a990aa6?auto=format&fit=crop&w=800&q=80\" alt=\"\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\" class=\"w-full h-full object-cover object-top group-hover:scale-105 transition-transform duration-500 opacity-90\">\n <div class=\"absolute top-3 right-3 bg-white\/95 backdrop-blur-md px-3 py-1 rounded-full text-xs font-medium text-gray-700 shadow-sm border border-gray-100\">\n <i class=\"fa-solid fa-file-pdf mr-1 text-red-500\"><\/i> PDF\n <\/div>\n <\/div>\n <div class=\"p-6 flex-grow flex flex-col\">\n <h3 class=\"text-xl font-semibold mb-3 line-clamp-2 text-gray-800 group-hover:text-themepink-600 transition-colors\">\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e51<\/h3>\n <p class=\"text-gray-500 text-sm mb-6 line-clamp-2\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e51<\/p>\n \n <div class=\"mt-auto\">\n <div class=\"flex items-center justify-between text-sm text-gray-400 mb-4 pb-4 border-b border-gray-100\">\n <div class=\"flex items-center gap-4\">\n <span class=\"flex items-center gap-1\"><i class=\"fa-regular fa-eye\"><\/i> <span id=\"view-count-1\">2<\/span><\/span>\n <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-download text-[12px]\"><\/i> <span id=\"dl-count-1\">1<\/span><\/span>\n <\/div>\n <\/div>\n <div class=\"flex gap-3\">\n <button onclick=\"openPreview(1)\" class=\"flex-1 bg-white border-2 border-themepink-200 text-themepink-600 hover:bg-themepink-50 hover:border-themepink-300 px-4 py-2.5 rounded-xl font-medium transition-all flex items-center justify-center gap-2\">\n <i class=\"fa-solid fa-magnifying-glass-chart\"><\/i> \u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\n <\/button>\n <button onclick=\"downloadDocument(1)\" class=\"flex-1 bg-gradient-to-r from-themepink-400 to-themepink-500 hover:from-themepink-500 hover:to-themepink-600 text-white px-4 py-2.5 rounded-xl font-medium shadow-md shadow-themepink-500\/30 transition-all flex items-center justify-center gap-2\">\n <i class=\"fa-solid fa-download\"><\/i> \u0e42\u0e2b\u0e25\u0e14\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white\/90 backdrop-blur-sm rounded-2xl shadow-sm hover:shadow-xl transition-all duration-300 overflow-hidden border border-themepink-100 flex flex-col group\">\n <div class=\"relative h-48 sm:h-56 bg-themepink-50 overflow-hidden border-b border-gray-100\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497633762265-9d179a990aa6?auto=format&fit=crop&w=800&q=80\" alt=\"\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\" class=\"w-full h-full object-cover object-top group-hover:scale-105 transition-transform duration-500 opacity-90\">\n <div class=\"absolute top-3 right-3 bg-white\/95 backdrop-blur-md px-3 py-1 rounded-full text-xs font-medium text-gray-700 shadow-sm border border-gray-100\">\n <i class=\"fa-solid fa-file-pdf mr-1 text-red-500\"><\/i> PDF\n <\/div>\n <\/div>\n <div class=\"p-6 flex-grow flex flex-col\">\n <h3 class=\"text-xl font-semibold mb-3 line-clamp-2 text-gray-800 group-hover:text-themepink-600 transition-colors\">\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e52<\/h3>\n <p class=\"text-gray-500 text-sm mb-6 line-clamp-2\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e52<\/p>\n \n <div class=\"mt-auto\">\n <div class=\"flex items-center justify-between text-sm text-gray-400 mb-4 pb-4 border-b border-gray-100\">\n <div class=\"flex items-center gap-4\">\n <span class=\"flex items-center gap-1\"><i class=\"fa-regular fa-eye\"><\/i> <span id=\"view-count-2\">1<\/span><\/span>\n <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-download text-[12px]\"><\/i> <span id=\"dl-count-2\">1<\/span><\/span>\n <\/div>\n <\/div>\n <div class=\"flex gap-3\">\n <button onclick=\"openPreview(2)\" class=\"flex-1 bg-white border-2 border-themepink-200 text-themepink-600 hover:bg-themepink-50 hover:border-themepink-300 px-4 py-2.5 rounded-xl font-medium transition-all flex items-center justify-center gap-2\">\n <i class=\"fa-solid fa-magnifying-glass-chart\"><\/i> \u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\n <\/button>\n <button onclick=\"downloadDocument(2)\" class=\"flex-1 bg-gradient-to-r from-themepink-400 to-themepink-500 hover:from-themepink-500 hover:to-themepink-600 text-white px-4 py-2.5 rounded-xl font-medium shadow-md shadow-themepink-500\/30 transition-all flex items-center justify-center gap-2\">\n <i class=\"fa-solid fa-download\"><\/i> \u0e42\u0e2b\u0e25\u0e14\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/main>\n\n \n <footer class=\"bg-white\/80 backdrop-blur-md border-t border-themepink-100 mt-12 py-8 text-gray-600\">\n <div class=\"max-w-6xl mx-auto px-4 text-center text-sm\">\n <p>© 2569 \u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e21\u0e04\u0e2d.\u0e52 \u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e34\u0e2a\u0e34\u0e15.<\/p>\n <p class=\"mt-2 text-xs flex items-center justify-center gap-1\">\n \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e14\u0e49\u0e27\u0e22\u0e43\u0e08 <i class=\"fa-solid fa-heart text-themepink-500\"><\/i>\n <\/p>\n <\/div>\n <\/footer>\n\n \n \n \n <div id=\"previewModal\" class=\"fixed inset-0 z-50 flex items-center justify-center hidden\">\n \n <div class=\"absolute inset-0 bg-gray-900\/60 backdrop-blur-sm transition-opacity\" onclick=\"closePreview()\"><\/div>\n \n \n <div class=\"bg-white rounded-2xl shadow-2xl w-full max-w-5xl mx-4 relative z-10 flex flex-col h-[90vh] transform transition-all border border-themepink-100 overflow-hidden\">\n \n \n <div class=\"flex justify-between items-center px-6 py-4 border-b border-gray-100 bg-white shadow-sm z-20\">\n <div class=\"flex items-center gap-3\">\n <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i>\n <h3 id=\"modalTitle\" class=\"text-xl font-semibold text-gray-800\">\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/h3>\n <\/div>\n <button onclick=\"closePreview()\" class=\"text-gray-400 hover:text-red-500 hover:bg-red-50 w-8 h-8 rounded-full flex items-center justify-center transition-colors\">\n <i class=\"fa-solid fa-xmark text-lg\"><\/i>\n <\/button>\n <\/div>\n \n \n <div class=\"flex-grow bg-gray-100 relative w-full h-full\">\n \n <iframe id=\"pdfIframe\" src=\"\" class=\"w-full h-full border-0\" title=\"PDF Document Preview\"><\/iframe>\n \n \n <div id=\"pdfFallback\" class=\"absolute inset-0 flex flex-col items-center justify-center text-gray-500 bg-gray-50 hidden pointer-events-none\">\n <i class=\"fa-solid fa-file-circle-exclamation text-4xl mb-3 text-gray-300\"><\/i>\n <p>\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e44\u0e21\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 PDF<\/p>\n <p class=\"text-sm\">\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"px-6 py-4 border-t border-gray-100 flex justify-end gap-3 bg-white z-20\">\n <button onclick=\"closePreview()\" class=\"px-5 py-2.5 rounded-xl font-medium text-gray-600 hover:bg-gray-100 transition-colors border border-transparent\">\n \u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07\n <\/button>\n <button id=\"modalDownloadBtn\" class=\"bg-gradient-to-r from-themepink-400 to-themepink-500 hover:from-themepink-500 hover:to-themepink-600 text-white px-6 py-2.5 rounded-xl font-medium shadow-md shadow-themepink-500\/30 transition-all flex items-center gap-2\">\n <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c\u0e15\u0e49\u0e19\u0e09\u0e1a\u0e31\u0e1a\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n \n \n <div id=\"toastContainer\" class=\"fixed bottom-6 right-6 z-50 flex flex-col gap-3\">\n \n <\/div>\n\n \n \n \n <script>\n \/\/ \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 (\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 URL \u0e40\u0e1b\u0e47\u0e19\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e08\u0e23\u0e34\u0e07)\n const documentDatabase = {\n 1: {\n title: \"\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48 \u0e51\",\n views: 1542,\n downloads: 423,\n url: \"https:\/\/medkorat.mcu.ac.th\/wp-content\/uploads\/2026\/03\/\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48-\u0e51.pdf\"\n },\n 2: {\n title: \"\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48 \u0e52\",\n views: 891,\n downloads: 156,\n url: \"https:\/\/medkorat.mcu.ac.th\/wp-content\/uploads\/2026\/03\/\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48-\u0e52.pdf\"\n }\n };\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e41\u0e1a\u0e1a\u0e21\u0e35\u0e04\u0e2d\u0e21\u0e21\u0e48\u0e32\n function formatNumber(num) {\n return num.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 (\u0e42\u0e2b\u0e25\u0e14 PDF \u0e08\u0e23\u0e34\u0e07\u0e40\u0e02\u0e49\u0e32 iFrame)\n function openPreview(id) {\n const doc = documentDatabase[id];\n if (!doc) return;\n\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e22\u0e2d\u0e14\u0e27\u0e34\u0e27\n doc.views += 1;\n document.getElementById(`view-count-${id}`).innerText = formatNumber(doc.views);\n\n \/\/ \u0e40\u0e0b\u0e47\u0e15\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19 Modal\n document.getElementById('modalTitle').innerText = doc.title;\n \n \/\/ \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 iFrame Source \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19 URL \u0e02\u0e2d\u0e07\u0e44\u0e1f\u0e25\u0e4c PDF \u0e08\u0e23\u0e34\u0e07\n const iframe = document.getElementById('pdfIframe');\n iframe.src = doc.url + \"#toolbar=0&navpanes=0&scrollbar=1\"; \/\/ \u0e0b\u0e48\u0e2d\u0e19 toolbar \u0e1a\u0e32\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e16\u0e49\u0e32\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\n \n \/\/ \u0e1c\u0e39\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e43\u0e19 Modal \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n const dlBtn = document.getElementById('modalDownloadBtn');\n dlBtn.onclick = function() {\n closePreview();\n downloadDocument(id);\n };\n\n \/\/ \u0e41\u0e2a\u0e14\u0e07 Modal\n const modal = document.getElementById('previewModal');\n modal.classList.remove('hidden');\n \n \/\/ \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e08\u0e2d\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\n document.body.style.overflow = 'hidden';\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\n function closePreview() {\n const modal = document.getElementById('previewModal');\n modal.classList.add('hidden');\n document.body.style.overflow = 'auto'; \/\/ \u0e04\u0e37\u0e19\u0e04\u0e48\u0e32\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e08\u0e2d\n \n \/\/ \u0e40\u0e04\u0e25\u0e35\u0e22\u0e23\u0e4c iframe src \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2b\u0e22\u0e38\u0e14\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07 PDF viewer \u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e07\n setTimeout(() => {\n document.getElementById('pdfIframe').src = \"\";\n }, 300);\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n function downloadDocument(id) {\n const doc = documentDatabase[id];\n if (!doc) return;\n\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e22\u0e2d\u0e14\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n doc.downloads += 1;\n document.getElementById(`dl-count-${id}`).innerText = formatNumber(doc.downloads);\n\n \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19 (Toast)\n showToast(`\u0e40\u0e23\u0e34\u0e48\u0e21\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14: ${doc.title}`, 'success');\n\n \/\/ \u0e2a\u0e31\u0e48\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e44\u0e1f\u0e25\u0e4c\u0e2b\u0e23\u0e37\u0e2d\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c\u0e08\u0e32\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e08\u0e23\u0e34\u0e07\n if (doc.url) {\n setTimeout(() => {\n window.open(doc.url, '_blank');\n }, 800); \/\/ \u0e2b\u0e19\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e41\u0e2a\u0e14\u0e07 Toast \u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e01\u0e48\u0e2d\u0e19\n }\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e41\u0e2a\u0e14\u0e07 Toast Message\n function showToast(message, type = 'success') {\n const container = document.getElementById('toastContainer');\n \n \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07 Element\n const toast = document.createElement('div');\n toast.className = `toast-enter flex items-center gap-3 min-w-[300px] p-4 rounded-xl shadow-lg border-l-4 bg-white text-charcoal`;\n \n \/\/ \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e41\u0e25\u0e30\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\n let iconClass = 'fa-solid fa-circle-check text-green-400';\n toast.classList.add('border-green-400');\n\n if (type === 'error') {\n iconClass = 'fa-solid fa-circle-exclamation text-red-400';\n toast.classList.add('border-red-400');\n toast.classList.remove('border-green-400');\n } else if (type === 'info') {\n iconClass = 'fa-solid fa-circle-info text-blue-400';\n toast.classList.add('border-blue-400');\n toast.classList.remove('border-green-400');\n }\n\n toast.innerHTML = `\n <i class=\"${iconClass} text-2xl\"><\/i>\n <div class=\"flex-grow\">\n <p class=\"font-medium text-sm text-gray-800\">${message}<\/p>\n <p class=\"text-xs text-gray-500\">\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e34\u0e49\u0e19<\/p>\n <\/div>\n <button class=\"text-gray-400 hover:text-themepink-500 transition-colors\" onclick=\"this.parentElement.remove()\">\n <i class=\"fa-solid fa-xmark\"><\/i>\n <\/button>\n `;\n\n container.appendChild(toast);\n\n \/\/ \u0e25\u0e1a Toast \u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e2b\u0e25\u0e31\u0e07 3 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35\n setTimeout(() => {\n toast.classList.remove('toast-enter');\n toast.classList.add('toast-exit');\n setTimeout(() => {\n toast.remove();\n }, 300);\n }, 3000);\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 | E-Document Portal \u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e21\u0e04\u0e2d.\u0e52 E-Document Portal \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e19\u0e30\u0e19\u0e33 \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e34\u0e2a\u0e34\u0e15 PDF \u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e51 \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e51 2 1 \u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27 \u0e42\u0e2b\u0e25\u0e14 PDF \u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e52 \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e52 1…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-956","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=956"}],"version-history":[{"count":12,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/956\/revisions"}],"predecessor-version":[{"id":1369,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/956\/revisions\/1369"}],"wp:attachment":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":956,"date":"2026-03-06T07:31:11","date_gmt":"2026-03-06T07:31:11","guid":{"rendered":"https:\/\/medkorat.mcu.ac.th\/?page_id=956"},"modified":"2026-03-11T04:38:00","modified_gmt":"2026-03-11T04:38:00","slug":"%e0%b9%81%e0%b8%9c%e0%b8%99%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%a8%e0%b8%b6%e0%b8%81%e0%b8%a9%e0%b8%b2-%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%ab%e0%b8%b2%e0%b8%a3%e0%b8%81%e0%b8%b2","status":"publish","type":"page","link":"https:\/\/medkorat.mcu.ac.th\/?page_id=956","title":{"rendered":"\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32)"},"content":{"rendered":"\n\n\n\n \n \n \u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 | E-Document Portal<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n prompt: ['Prompt', 'sans-serif'],\n },\n colors: {\n themepink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 300: '#f9a8d4',\n 500: '#f472b6',\n 600: '#db2777',\n 700: '#be185d',\n },\n charcoal: '#4B5563'\n }\n }\n }\n }\n <\/script>\n\n <style>\n body {\n font-family: 'Prompt', sans-serif;\n color: #4B5563;\n }\n \n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Scrollbar *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #fdf2f8; \n }\n ::-webkit-scrollbar-thumb {\n background: #f9a8d4; \n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #f472b6; \n }\n\n \/* Animation \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Toast *\/\n @keyframes slideInUp {\n from { transform: translateY(100%); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n @keyframes slideOutDown {\n from { transform: translateY(0); opacity: 1; }\n to { transform: translateY(100%); opacity: 0; }\n }\n .toast-enter {\n animation: slideInUp 0.3s ease-out forwards;\n }\n .toast-exit {\n animation: slideOutDown 0.3s ease-in forwards;\n }\n\n \/* \u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e41\u0e25\u0e30\u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e40\u0e1a\u0e25\u0e2d *\/\n .bg-image {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background-image: url('https:\/\/images.unsplash.com\/photo-1513542789411-b6a5d4f31634?auto=format&fit=crop&w=1920&q=80');\n background-size: cover;\n background-position: center;\n z-index: -2;\n }\n .bg-blur-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(255, 255, 255, 0.75);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n z-index: -1;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased min-h-screen flex flex-col relative\">\n\n \n <div class=\"bg-image\"><\/div>\n <div class=\"bg-blur-overlay\"><\/div>\n\n \n <header class=\"bg-white\/80 backdrop-blur-md shadow-sm border-b-4 border-themepink-500 sticky top-0 z-40\">\n <div class=\"max-w-6xl mx-auto px-4 py-4 sm:px-6 lg:px-8 flex justify-between items-center\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 bg-themepink-50 text-themepink-500 rounded-full flex items-center justify-center text-xl shadow-sm border border-themepink-100\">\n <i class=\"fa-solid fa-book-open\"><\/i>\n <\/div>\n <div>\n <h1 class=\"text-xl font-semibold text-gray-800 leading-tight\">\u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e21\u0e04\u0e2d.\u0e52<\/h1>\n <p class=\"text-xs text-gray-500 font-light\">E-Document Portal<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <main class=\"flex-grow max-w-6xl mx-auto w-full px-4 sm:px-6 lg:px-8 py-10\">\n \n <div class=\"mb-10 text-center sm:text-left bg-white\/60 p-6 rounded-2xl shadow-sm border border-white\/50 backdrop-blur-sm\">\n <h2 class=\"text-3xl font-semibold mb-2 flex items-center justify-center sm:justify-start gap-2 text-gray-800\">\n <i class=\"fa-solid fa-file-arrow-down text-themepink-500\"><\/i>\n \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e19\u0e30\u0e19\u0e33\n <\/h2>\n <p class=\"text-gray-600 text-sm sm:text-base\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e34\u0e2a\u0e34\u0e15<\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n\n \n <div class=\"bg-white\/90 backdrop-blur-sm rounded-2xl shadow-sm hover:shadow-xl transition-all duration-300 overflow-hidden border border-themepink-100 flex flex-col group\">\n <div class=\"relative h-48 sm:h-56 bg-themepink-50 overflow-hidden border-b border-gray-100\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497633762265-9d179a990aa6?auto=format&fit=crop&w=800&q=80\" alt=\"\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\" class=\"w-full h-full object-cover object-top group-hover:scale-105 transition-transform duration-500 opacity-90\">\n <div class=\"absolute top-3 right-3 bg-white\/95 backdrop-blur-md px-3 py-1 rounded-full text-xs font-medium text-gray-700 shadow-sm border border-gray-100\">\n <i class=\"fa-solid fa-file-pdf mr-1 text-red-500\"><\/i> PDF\n <\/div>\n <\/div>\n <div class=\"p-6 flex-grow flex flex-col\">\n <h3 class=\"text-xl font-semibold mb-3 line-clamp-2 text-gray-800 group-hover:text-themepink-600 transition-colors\">\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e51<\/h3>\n <p class=\"text-gray-500 text-sm mb-6 line-clamp-2\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e51<\/p>\n \n <div class=\"mt-auto\">\n <div class=\"flex items-center justify-between text-sm text-gray-400 mb-4 pb-4 border-b border-gray-100\">\n <div class=\"flex items-center gap-4\">\n <span class=\"flex items-center gap-1\"><i class=\"fa-regular fa-eye\"><\/i> <span id=\"view-count-1\">2<\/span><\/span>\n <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-download text-[12px]\"><\/i> <span id=\"dl-count-1\">1<\/span><\/span>\n <\/div>\n <\/div>\n <div class=\"flex gap-3\">\n <button onclick=\"openPreview(1)\" class=\"flex-1 bg-white border-2 border-themepink-200 text-themepink-600 hover:bg-themepink-50 hover:border-themepink-300 px-4 py-2.5 rounded-xl font-medium transition-all flex items-center justify-center gap-2\">\n <i class=\"fa-solid fa-magnifying-glass-chart\"><\/i> \u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\n <\/button>\n <button onclick=\"downloadDocument(1)\" class=\"flex-1 bg-gradient-to-r from-themepink-400 to-themepink-500 hover:from-themepink-500 hover:to-themepink-600 text-white px-4 py-2.5 rounded-xl font-medium shadow-md shadow-themepink-500\/30 transition-all flex items-center justify-center gap-2\">\n <i class=\"fa-solid fa-download\"><\/i> \u0e42\u0e2b\u0e25\u0e14\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white\/90 backdrop-blur-sm rounded-2xl shadow-sm hover:shadow-xl transition-all duration-300 overflow-hidden border border-themepink-100 flex flex-col group\">\n <div class=\"relative h-48 sm:h-56 bg-themepink-50 overflow-hidden border-b border-gray-100\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497633762265-9d179a990aa6?auto=format&fit=crop&w=800&q=80\" alt=\"\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\" class=\"w-full h-full object-cover object-top group-hover:scale-105 transition-transform duration-500 opacity-90\">\n <div class=\"absolute top-3 right-3 bg-white\/95 backdrop-blur-md px-3 py-1 rounded-full text-xs font-medium text-gray-700 shadow-sm border border-gray-100\">\n <i class=\"fa-solid fa-file-pdf mr-1 text-red-500\"><\/i> PDF\n <\/div>\n <\/div>\n <div class=\"p-6 flex-grow flex flex-col\">\n <h3 class=\"text-xl font-semibold mb-3 line-clamp-2 text-gray-800 group-hover:text-themepink-600 transition-colors\">\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e52<\/h3>\n <p class=\"text-gray-500 text-sm mb-6 line-clamp-2\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e52<\/p>\n \n <div class=\"mt-auto\">\n <div class=\"flex items-center justify-between text-sm text-gray-400 mb-4 pb-4 border-b border-gray-100\">\n <div class=\"flex items-center gap-4\">\n <span class=\"flex items-center gap-1\"><i class=\"fa-regular fa-eye\"><\/i> <span id=\"view-count-2\">1<\/span><\/span>\n <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-download text-[12px]\"><\/i> <span id=\"dl-count-2\">1<\/span><\/span>\n <\/div>\n <\/div>\n <div class=\"flex gap-3\">\n <button onclick=\"openPreview(2)\" class=\"flex-1 bg-white border-2 border-themepink-200 text-themepink-600 hover:bg-themepink-50 hover:border-themepink-300 px-4 py-2.5 rounded-xl font-medium transition-all flex items-center justify-center gap-2\">\n <i class=\"fa-solid fa-magnifying-glass-chart\"><\/i> \u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\n <\/button>\n <button onclick=\"downloadDocument(2)\" class=\"flex-1 bg-gradient-to-r from-themepink-400 to-themepink-500 hover:from-themepink-500 hover:to-themepink-600 text-white px-4 py-2.5 rounded-xl font-medium shadow-md shadow-themepink-500\/30 transition-all flex items-center justify-center gap-2\">\n <i class=\"fa-solid fa-download\"><\/i> \u0e42\u0e2b\u0e25\u0e14\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/main>\n\n \n <footer class=\"bg-white\/80 backdrop-blur-md border-t border-themepink-100 mt-12 py-8 text-gray-600\">\n <div class=\"max-w-6xl mx-auto px-4 text-center text-sm\">\n <p>© 2569 \u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e21\u0e04\u0e2d.\u0e52 \u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e34\u0e2a\u0e34\u0e15.<\/p>\n <p class=\"mt-2 text-xs flex items-center justify-center gap-1\">\n \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e14\u0e49\u0e27\u0e22\u0e43\u0e08 <i class=\"fa-solid fa-heart text-themepink-500\"><\/i>\n <\/p>\n <\/div>\n <\/footer>\n\n \n \n \n <div id=\"previewModal\" class=\"fixed inset-0 z-50 flex items-center justify-center hidden\">\n \n <div class=\"absolute inset-0 bg-gray-900\/60 backdrop-blur-sm transition-opacity\" onclick=\"closePreview()\"><\/div>\n \n \n <div class=\"bg-white rounded-2xl shadow-2xl w-full max-w-5xl mx-4 relative z-10 flex flex-col h-[90vh] transform transition-all border border-themepink-100 overflow-hidden\">\n \n \n <div class=\"flex justify-between items-center px-6 py-4 border-b border-gray-100 bg-white shadow-sm z-20\">\n <div class=\"flex items-center gap-3\">\n <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i>\n <h3 id=\"modalTitle\" class=\"text-xl font-semibold text-gray-800\">\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/h3>\n <\/div>\n <button onclick=\"closePreview()\" class=\"text-gray-400 hover:text-red-500 hover:bg-red-50 w-8 h-8 rounded-full flex items-center justify-center transition-colors\">\n <i class=\"fa-solid fa-xmark text-lg\"><\/i>\n <\/button>\n <\/div>\n \n \n <div class=\"flex-grow bg-gray-100 relative w-full h-full\">\n \n <iframe id=\"pdfIframe\" src=\"\" class=\"w-full h-full border-0\" title=\"PDF Document Preview\"><\/iframe>\n \n \n <div id=\"pdfFallback\" class=\"absolute inset-0 flex flex-col items-center justify-center text-gray-500 bg-gray-50 hidden pointer-events-none\">\n <i class=\"fa-solid fa-file-circle-exclamation text-4xl mb-3 text-gray-300\"><\/i>\n <p>\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e44\u0e21\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 PDF<\/p>\n <p class=\"text-sm\">\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"px-6 py-4 border-t border-gray-100 flex justify-end gap-3 bg-white z-20\">\n <button onclick=\"closePreview()\" class=\"px-5 py-2.5 rounded-xl font-medium text-gray-600 hover:bg-gray-100 transition-colors border border-transparent\">\n \u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07\n <\/button>\n <button id=\"modalDownloadBtn\" class=\"bg-gradient-to-r from-themepink-400 to-themepink-500 hover:from-themepink-500 hover:to-themepink-600 text-white px-6 py-2.5 rounded-xl font-medium shadow-md shadow-themepink-500\/30 transition-all flex items-center gap-2\">\n <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c\u0e15\u0e49\u0e19\u0e09\u0e1a\u0e31\u0e1a\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n \n \n <div id=\"toastContainer\" class=\"fixed bottom-6 right-6 z-50 flex flex-col gap-3\">\n \n <\/div>\n\n \n \n \n <script>\n \/\/ \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 (\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 URL \u0e40\u0e1b\u0e47\u0e19\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e08\u0e23\u0e34\u0e07)\n const documentDatabase = {\n 1: {\n title: \"\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48 \u0e51\",\n views: 1542,\n downloads: 423,\n url: \"https:\/\/medkorat.mcu.ac.th\/wp-content\/uploads\/2026\/03\/\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48-\u0e51.pdf\"\n },\n 2: {\n title: \"\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48 \u0e52\",\n views: 891,\n downloads: 156,\n url: \"https:\/\/medkorat.mcu.ac.th\/wp-content\/uploads\/2026\/03\/\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48-\u0e52.pdf\"\n }\n };\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e41\u0e1a\u0e1a\u0e21\u0e35\u0e04\u0e2d\u0e21\u0e21\u0e48\u0e32\n function formatNumber(num) {\n return num.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 (\u0e42\u0e2b\u0e25\u0e14 PDF \u0e08\u0e23\u0e34\u0e07\u0e40\u0e02\u0e49\u0e32 iFrame)\n function openPreview(id) {\n const doc = documentDatabase[id];\n if (!doc) return;\n\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e22\u0e2d\u0e14\u0e27\u0e34\u0e27\n doc.views += 1;\n document.getElementById(`view-count-${id}`).innerText = formatNumber(doc.views);\n\n \/\/ \u0e40\u0e0b\u0e47\u0e15\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19 Modal\n document.getElementById('modalTitle').innerText = doc.title;\n \n \/\/ \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 iFrame Source \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19 URL \u0e02\u0e2d\u0e07\u0e44\u0e1f\u0e25\u0e4c PDF \u0e08\u0e23\u0e34\u0e07\n const iframe = document.getElementById('pdfIframe');\n iframe.src = doc.url + \"#toolbar=0&navpanes=0&scrollbar=1\"; \/\/ \u0e0b\u0e48\u0e2d\u0e19 toolbar \u0e1a\u0e32\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e16\u0e49\u0e32\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\n \n \/\/ \u0e1c\u0e39\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e43\u0e19 Modal \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n const dlBtn = document.getElementById('modalDownloadBtn');\n dlBtn.onclick = function() {\n closePreview();\n downloadDocument(id);\n };\n\n \/\/ \u0e41\u0e2a\u0e14\u0e07 Modal\n const modal = document.getElementById('previewModal');\n modal.classList.remove('hidden');\n \n \/\/ \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e08\u0e2d\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\n document.body.style.overflow = 'hidden';\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\n function closePreview() {\n const modal = document.getElementById('previewModal');\n modal.classList.add('hidden');\n document.body.style.overflow = 'auto'; \/\/ \u0e04\u0e37\u0e19\u0e04\u0e48\u0e32\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e08\u0e2d\n \n \/\/ \u0e40\u0e04\u0e25\u0e35\u0e22\u0e23\u0e4c iframe src \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2b\u0e22\u0e38\u0e14\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07 PDF viewer \u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e07\n setTimeout(() => {\n document.getElementById('pdfIframe').src = \"\";\n }, 300);\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n function downloadDocument(id) {\n const doc = documentDatabase[id];\n if (!doc) return;\n\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e22\u0e2d\u0e14\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n doc.downloads += 1;\n document.getElementById(`dl-count-${id}`).innerText = formatNumber(doc.downloads);\n\n \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19 (Toast)\n showToast(`\u0e40\u0e23\u0e34\u0e48\u0e21\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14: ${doc.title}`, 'success');\n\n \/\/ \u0e2a\u0e31\u0e48\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e44\u0e1f\u0e25\u0e4c\u0e2b\u0e23\u0e37\u0e2d\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c\u0e08\u0e32\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e08\u0e23\u0e34\u0e07\n if (doc.url) {\n setTimeout(() => {\n window.open(doc.url, '_blank');\n }, 800); \/\/ \u0e2b\u0e19\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e41\u0e2a\u0e14\u0e07 Toast \u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e01\u0e48\u0e2d\u0e19\n }\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e41\u0e2a\u0e14\u0e07 Toast Message\n function showToast(message, type = 'success') {\n const container = document.getElementById('toastContainer');\n \n \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07 Element\n const toast = document.createElement('div');\n toast.className = `toast-enter flex items-center gap-3 min-w-[300px] p-4 rounded-xl shadow-lg border-l-4 bg-white text-charcoal`;\n \n \/\/ \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e41\u0e25\u0e30\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\n let iconClass = 'fa-solid fa-circle-check text-green-400';\n toast.classList.add('border-green-400');\n\n if (type === 'error') {\n iconClass = 'fa-solid fa-circle-exclamation text-red-400';\n toast.classList.add('border-red-400');\n toast.classList.remove('border-green-400');\n } else if (type === 'info') {\n iconClass = 'fa-solid fa-circle-info text-blue-400';\n toast.classList.add('border-blue-400');\n toast.classList.remove('border-green-400');\n }\n\n toast.innerHTML = `\n <i class=\"${iconClass} text-2xl\"><\/i>\n <div class=\"flex-grow\">\n <p class=\"font-medium text-sm text-gray-800\">${message}<\/p>\n <p class=\"text-xs text-gray-500\">\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e34\u0e49\u0e19<\/p>\n <\/div>\n <button class=\"text-gray-400 hover:text-themepink-500 transition-colors\" onclick=\"this.parentElement.remove()\">\n <i class=\"fa-solid fa-xmark\"><\/i>\n <\/button>\n `;\n\n container.appendChild(toast);\n\n \/\/ \u0e25\u0e1a Toast \u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e2b\u0e25\u0e31\u0e07 3 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35\n setTimeout(() => {\n toast.classList.remove('toast-enter');\n toast.classList.add('toast-exit');\n setTimeout(() => {\n toast.remove();\n }, 300);\n }, 3000);\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 | E-Document Portal \u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e21\u0e04\u0e2d.\u0e52 E-Document Portal \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e19\u0e30\u0e19\u0e33 \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e34\u0e2a\u0e34\u0e15 PDF \u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e51 \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e51 2 1 \u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27 \u0e42\u0e2b\u0e25\u0e14 PDF \u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e52 \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e52 1…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-956","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=956"}],"version-history":[{"count":12,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/956\/revisions"}],"predecessor-version":[{"id":1369,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/956\/revisions\/1369"}],"wp:attachment":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}