{"id":11777,"date":"2026-06-01T18:30:32","date_gmt":"2026-06-01T11:30:32","guid":{"rendered":"https:\/\/www.ksrtech.ac.th\/main\/?page_id=11777"},"modified":"2026-06-01T18:50:08","modified_gmt":"2026-06-01T11:50:08","slug":"%e0%b8%a1%e0%b8%b2%e0%b8%95%e0%b8%a3%e0%b8%90%e0%b8%b2%e0%b8%99%e0%b8%97%e0%b8%b5%e0%b9%88-1","status":"publish","type":"page","link":"http:\/\/www.ksrtech.ac.th\/main\/%e0%b8%a1%e0%b8%b2%e0%b8%95%e0%b8%a3%e0%b8%90%e0%b8%b2%e0%b8%99%e0%b8%97%e0%b8%b5%e0%b9%88-1\/","title":{"rendered":"\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 1"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n Dashboard \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 1<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Sarabun', sans-serif; background-color: #f3f4f6; margin: 0; }\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #c7d2fe; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #818cf8; }\n .tab-content { display: none; animation: fadeIn 0.4s ease-in-out; }\n .tab-content.active { display: block; }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n .tab-btn.active { border-bottom: 4px solid #4f46e5; color: #4f46e5; background-color: #eef2ff; font-weight: 700; }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n <div class=\"max-w-6xl mx-auto\">\n <!-- Header -->\n <header class=\"bg-gradient-to-r from-indigo-600 to-purple-600 rounded-2xl shadow-lg p-8 mb-8 text-white flex flex-col md:flex-row justify-between items-center relative overflow-hidden\">\n <div class=\"relative z-10 text-center md:text-left\">\n <div class=\"inline-block px-4 py-1 bg-white\/20 rounded-full text-sm font-semibold mb-3 tracking-wide\">SAR 2565 – 2567<\/div>\n <h1 class=\"text-3xl md:text-4xl font-bold mb-2\">\ud83d\udcca \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19<\/h1>\n <p class=\"text-indigo-100 text-lg\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 1: \u0e04\u0e38\u0e13\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e36\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c<\/p>\n <\/div>\n <div class=\"relative z-10 mt-6 md:mt-0\">\n <div class=\"bg-white\/10 p-4 rounded-xl backdrop-blur-sm border border-white\/20 text-center\">\n <p class=\"text-sm text-indigo-100\">\u0e23\u0e27\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2b\u0e25\u0e31\u0e01<\/p>\n <p class=\"text-4xl font-bold\">25+<\/p>\n <p class=\"text-sm text-indigo-100 mt-1\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/p>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Tabs Navigation -->\n <div class=\"bg-white rounded-t-2xl shadow-sm border-b border-gray-200 overflow-hidden flex flex-wrap\">\n <button onclick=\"switchTab(event, 'tab1')\" class=\"tab-btn active flex-1 py-4 px-6 text-gray-600 hover:bg-gray-50 font-semibold text-sm md:text-base transition\">\n \ud83d\udcda 1.1 \u0e14\u0e49\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\n <\/button>\n <button onclick=\"switchTab(event, 'tab2')\" class=\"tab-btn flex-1 py-4 px-6 text-gray-600 hover:bg-gray-50 font-semibold text-sm md:text-base transition\">\n \u2699\ufe0f 1.2 \u0e14\u0e49\u0e32\u0e19\u0e17\u0e31\u0e01\u0e29\u0e30\u0e2f\n <\/button>\n <button onclick=\"switchTab(event, 'tab3')\" class=\"tab-btn flex-1 py-4 px-6 text-gray-600 hover:bg-gray-50 font-semibold text-sm md:text-base transition\">\n \ud83e\udd1d 1.3 \u0e14\u0e49\u0e32\u0e19\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e2f\n <\/button>\n <\/div>\n\n <!-- Tab 1: \u0e14\u0e49\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 -->\n <div id=\"tab1\" class=\"tab-content active bg-white p-6 md:p-8 rounded-b-2xl shadow-sm border border-t-0 border-gray-100 mb-8\">\n <h2 class=\"text-2xl font-bold text-indigo-800 mb-6 flex items-center gap-2\">\n <span class=\"bg-indigo-100 p-2 rounded-lg\">\ud83d\udcda<\/span> \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e14\u0e49\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e0a\u0e34\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e17\u0e24\u0e29\u0e0e\u0e35\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <!-- Card 1 -->\n <div class=\"border border-gray-200 rounded-xl p-5 hover:shadow-md transition\">\n <div class=\"flex justify-between items-start mb-3\">\n <h3 class=\"font-bold text-gray-800 text-lg\">\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a V-NET<\/h3>\n <span class=\"bg-green-100 text-green-700 text-xs px-2 py-1 rounded-full font-bold\">\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 3 \u0e1b\u0e35<\/span>\n <\/div>\n <ul class=\"text-gray-600 text-sm space-y-2 list-disc pl-5\">\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34\u0e14\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32 (V-NET) \u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e1a\u0e17\u0e27\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e48\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a (\u0e08\u0e31\u0e14\u0e15\u0e34\u0e27\u0e40\u0e02\u0e49\u0e21)<\/li>\n <\/ul>\n <\/div>\n <!-- Card 2 -->\n <div class=\"border border-gray-200 rounded-xl p-5 hover:shadow-md transition\">\n <div class=\"flex justify-between items-start mb-3\">\n <h3 class=\"font-bold text-gray-800 text-lg\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e & \u0e1d\u0e35\u0e21\u0e37\u0e2d\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19<\/h3>\n <span class=\"bg-green-100 text-green-700 text-xs px-2 py-1 rounded-full font-bold\">\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 3 \u0e1b\u0e35<\/span>\n <\/div>\n <ul class=\"text-gray-600 text-sm space-y-2 list-disc pl-5\">\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e1d\u0e35\u0e21\u0e37\u0e2d\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34 \u0e2a\u0e32\u0e02\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e2a\u0e35\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c \u0e23\u0e30\u0e14\u0e31\u0e1a 1<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e1d\u0e35\u0e21\u0e37\u0e2d\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2d\u0e32\u0e04\u0e32\u0e23 \u0e23\u0e30\u0e14\u0e31\u0e1a 1<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Tab 2: \u0e14\u0e49\u0e32\u0e19\u0e17\u0e31\u0e01\u0e29\u0e30 -->\n <div id=\"tab2\" class=\"tab-content bg-white p-6 md:p-8 rounded-b-2xl shadow-sm border border-t-0 border-gray-100 mb-8\">\n <h2 class=\"text-2xl font-bold text-indigo-800 mb-6 flex items-center gap-2\">\n <span class=\"bg-indigo-100 p-2 rounded-lg\">\u2699\ufe0f<\/span> \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e41\u0e25\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <!-- Card 1 -->\n <div class=\"border border-gray-200 rounded-xl p-5 hover:shadow-md transition\">\n <div class=\"flex justify-between items-start mb-3\">\n <h3 class=\"font-bold text-gray-800 text-lg\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2f<\/h3>\n <span class=\"bg-green-100 text-green-700 text-xs px-2 py-1 rounded-full font-bold\">\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e40\u0e1b\u0e47\u0e19 4 \u0e14\u0e32\u0e27<\/span>\n <\/div>\n <ul class=\"text-gray-600 text-sm space-y-2 list-disc pl-5\">\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e02\u0e35\u0e22\u0e19\u0e41\u0e1c\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e27\u0e14\u0e41\u0e1c\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e14\u0e35\u0e40\u0e14\u0e48\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e28\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32\u0e14\u0e39\u0e07\u0e32\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32<\/li>\n <\/ul>\n <\/div>\n <!-- Card 2 -->\n <div class=\"border border-gray-200 rounded-xl p-5 hover:shadow-md transition\">\n <div class=\"flex justify-between items-start mb-3\">\n <h3 class=\"font-bold text-gray-800 text-lg\">\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e17\u0e31\u0e01\u0e29\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e<\/h3>\n <span class=\"bg-blue-100 text-blue-700 text-xs px-2 py-1 rounded-full font-bold\">\u0e40\u0e27\u0e17\u0e35\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34<\/span>\n <\/div>\n <ul class=\"text-gray-600 text-sm space-y-2 list-disc pl-5\">\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e17\u0e31\u0e01\u0e29\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e25\u0e1e\u0e1a\u0e38\u0e23\u0e35<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e17\u0e31\u0e01\u0e29\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e17\u0e31\u0e01\u0e29\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34<\/li>\n <li class=\"text-indigo-600 font-medium mt-2\">\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c: \u0e04\u0e27\u0e49\u0e32\u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e17\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e43\u0e19\u0e2a\u0e32\u0e02\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e22\u0e19\u0e15\u0e4c, \u0e1a\u0e31\u0e0d\u0e0a\u0e35, \u0e2f\u0e25\u0e2f<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Tab 3: \u0e14\u0e49\u0e32\u0e19\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21 -->\n <div id=\"tab3\" class=\"tab-content bg-white p-6 md:p-8 rounded-b-2xl shadow-sm border border-t-0 border-gray-100 mb-8\">\n <h2 class=\"text-2xl font-bold text-indigo-800 mb-6 flex items-center gap-2\">\n <span class=\"bg-indigo-100 p-2 rounded-lg\">\ud83e\udd1d<\/span> \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e14\u0e49\u0e32\u0e27\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21 \u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <!-- Card 1 -->\n <div class=\"border border-gray-200 rounded-xl p-5 hover:shadow-md transition\">\n <div class=\"flex items-center gap-2 mb-3\">\n <div class=\"bg-purple-100 p-1.5 rounded text-purple-600\">\ud83d\udee1\ufe0f<\/div>\n <h3 class=\"font-bold text-gray-800 text-lg\">\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e41\u0e25\u0e30\u0e41\u0e19\u0e30\u0e41\u0e19\u0e27\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19<\/h3>\n <\/div>\n <ul class=\"text-gray-600 text-sm space-y-2 list-disc pl-5\">\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e1a\u0e49\u0e32\u0e19\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19 (\u0e25\u0e14\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e2d\u0e2d\u0e01\u0e01\u0e25\u0e32\u0e07\u0e04\u0e31\u0e19)<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e1c\u0e39\u0e49\u0e1b\u0e01\u0e04\u0e23\u0e2d\u0e07\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e20\u0e32\u0e04\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48 1<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e10\u0e21\u0e19\u0e34\u0e40\u0e17\u0e28\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e43\u0e2b\u0e21\u0e48<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e41\u0e19\u0e30\u0e41\u0e19\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e15\u0e48\u0e2d\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e25\u0e38\u0e48\u0e21\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e15\u0e25\u0e32\u0e14\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19<\/li>\n <\/ul>\n <\/div>\n <!-- Card 2 -->\n <div class=\"border border-gray-200 rounded-xl p-5 hover:shadow-md transition\">\n <div class=\"flex items-center gap-2 mb-3\">\n <div class=\"bg-yellow-100 p-1.5 rounded text-yellow-600\">\u2b50<\/div>\n <h3 class=\"font-bold text-gray-800 text-lg\">\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e18\u0e34\u0e1b\u0e44\u0e15\u0e22<\/h3>\n <\/div>\n <ul class=\"text-gray-600 text-sm space-y-2 list-disc pl-5\">\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21 \u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21 \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e18\u0e34\u0e1b\u0e44\u0e15\u0e22\u0e43\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 (\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e31\u0e49\u0e07 \u0e2d\u0e27\u0e17.)<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e43\u0e19\u0e2d\u0e19\u0e32\u0e04\u0e15\u0e2f (\u0e2d\u0e27\u0e17.)<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e18\u0e35\u0e44\u0e2b\u0e27\u0e49\u0e04\u0e23\u0e39\u0e41\u0e25\u0e30\u0e44\u0e2b\u0e27\u0e49\u0e04\u0e23\u0e39\u0e0a\u0e48\u0e32\u0e07<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e27\u0e31\u0e19\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07\u0e0a\u0e32\u0e15\u0e34 \u0e28\u0e32\u0e2a\u0e19\u0e32 \u0e41\u0e25\u0e30\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e1e\u0e23\u0e30\u0e21\u0e2b\u0e32\u0e01\u0e29\u0e31\u0e15\u0e23\u0e34\u0e22\u0e4c (\u0e27\u0e31\u0e19\u0e1e\u0e48\u0e2d, \u0e27\u0e31\u0e19\u0e40\u0e09\u0e25\u0e34\u0e21\u0e2f, \u0e2b\u0e25\u0e48\u0e2d\u0e40\u0e17\u0e35\u0e22\u0e19\u0e1e\u0e23\u0e23\u0e29\u0e32, \u0e17\u0e33\u0e1a\u0e38\u0e0d\u0e1b\u0e35\u0e43\u0e2b\u0e21\u0e48)<\/li>\n <\/ul>\n <\/div>\n <!-- Card 3 -->\n <div class=\"border border-gray-200 rounded-xl p-5 hover:shadow-md transition md:col-span-2\">\n <div class=\"flex items-center gap-2 mb-3\">\n <div class=\"bg-green-100 p-1.5 rounded text-green-600\">\ud83c\udfd5\ufe0f<\/div>\n <h3 class=\"font-bold text-gray-800 text-lg\">\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e08\u0e34\u0e15\u0e2d\u0e32\u0e2a\u0e32 \u0e17\u0e31\u0e01\u0e29\u0e30\u0e0a\u0e35\u0e27\u0e34\u0e15 \u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21<\/h3>\n <\/div>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n <ul class=\"text-gray-600 text-sm space-y-2 list-disc pl-5\">\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 Big Cleaning Day<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e39\u0e01\u0e1b\u0e48\u0e32\u0e40\u0e09\u0e25\u0e34\u0e21\u0e1e\u0e23\u0e30\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34 \/ \u0e27\u0e31\u0e19\u0e15\u0e49\u0e19\u0e44\u0e21\u0e49\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e01\u0e32\u0e23\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e04\u0e23\u0e23\u0e20\u0e4c\u0e01\u0e48\u0e2d\u0e19\u0e27\u0e31\u0e22\u0e2d\u0e31\u0e19\u0e04\u0e27\u0e23<\/li>\n <\/ul>\n <ul class=\"text-gray-600 text-sm space-y-2 list-disc pl-5\">\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e14\u0e49\u0e32\u0e19\u0e25\u0e39\u0e01\u0e40\u0e2a\u0e37\u0e2d\u0e27\u0e34\u0e2a\u0e32\u0e21\u0e31\u0e0d (\u0e27\u0e31\u0e19\u0e2a\u0e16\u0e32\u0e1b\u0e19\u0e32\u0e2f, \u0e1e\u0e34\u0e18\u0e35\u0e23\u0e31\u0e1a\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21, \u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e44\u0e01\u0e25\/\u0e40\u0e02\u0e49\u0e32\u0e04\u0e48\u0e32\u0e22)<\/li>\n <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e01\u0e35\u0e2c\u0e32\u0e2a\u0e35\u0e20\u0e32\u0e22\u0e43\u0e19 \u0e15\u0e49\u0e32\u0e19\u0e20\u0e31\u0e22\u0e22\u0e32\u0e40\u0e2a\u0e1e\u0e15\u0e34\u0e14 \u201c\u0e40\u0e02\u0e32\u0e02\u0e35\u0e49\u0e01\u0e32\u0e01\u0e40\u0e01\u0e21\u0e2a\u0e4c\u201d<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <script>\n function switchTab(evt, tabId) {\n \/\/ \u0e0b\u0e48\u0e2d\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\n const contents = document.querySelectorAll('.tab-content');\n contents.forEach(content => content.classList.remove('active'));\n \n \/\/ \u0e25\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30 active \u0e08\u0e32\u0e01\u0e1b\u0e38\u0e48\u0e21\n const btns = document.querySelectorAll('.tab-btn');\n btns.forEach(btn => btn.classList.remove('active'));\n \n \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e41\u0e17\u0e47\u0e1a\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e04\u0e25\u0e34\u0e01\n document.getElementById(tabId).classList.add('active');\n evt.currentTarget.classList.add('active');\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0276e3a elementor-widget elementor-widget-text-editor\" data-id=\"0276e3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Dashboard \u0e2a\u0e16\u0e34\u0e15\u0e34\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 1 (2565-2567)<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Sarabun', sans-serif; background-color: #f8fafc; margin: 0; }\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #93c5fd; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #3b82f6; }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n <div class=\"max-w-6xl mx-auto\">\n <!-- Header -->\n <header class=\"bg-gradient-to-r from-blue-600 to-cyan-500 rounded-2xl shadow-lg p-6 md:p-8 mb-8 text-white flex justify-between items-center\">\n <div>\n <div class=\"inline-block px-4 py-1 bg-white\/20 rounded-full text-sm font-semibold mb-3\">\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e19\u0e27\u0e42\u0e19\u0e49\u0e21 (Trend Analysis)<\/div>\n <h1 class=\"text-3xl md:text-4xl font-bold mb-2\">\ud83d\udcc8 \u0e2a\u0e16\u0e34\u0e15\u0e34\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30 3 \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/h1>\n <p class=\"text-blue-100 text-lg\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 1: \u0e04\u0e38\u0e13\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e36\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c (\u0e1b\u0e35 2565 – 2567)<\/p>\n <\/div>\n <\/header>\n\n <!-- \u0e42\u0e0b\u0e19\u0e01\u0e23\u0e32\u0e1f -->\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8\">\n <!-- \u0e01\u0e23\u0e32\u0e1f\u0e17\u0e35\u0e48 1: \u0e01\u0e32\u0e23\u0e21\u0e35\u0e07\u0e32\u0e19\u0e17\u0e33\u0e41\u0e25\u0e30\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100\">\n <h2 class=\"text-xl font-bold text-gray-800 mb-4 border-b pb-2 border-gray-100\">\ud83c\udf93 \u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e21\u0e35\u0e07\u0e32\u0e19\u0e17\u0e33 \u0e41\u0e25\u0e30 \u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (%)<\/h2>\n <div class=\"relative h-[300px] w-full\">\n <canvas id=\"employmentChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <!-- \u0e01\u0e23\u0e32\u0e1f\u0e17\u0e35\u0e48 2: \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e41\u0e25\u0e30 V-NET -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100\">\n <h2 class=\"text-xl font-bold text-gray-800 mb-4 border-b pb-2 border-gray-100\">\u2699\ufe0f \u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e1c\u0e48\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e41\u0e25\u0e30 V-NET (%)<\/h2>\n <div class=\"relative h-[300px] w-full\">\n <canvas id=\"academicChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u0e15\u0e32\u0e23\u0e32\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100\">\n <h2 class=\"text-xl font-bold text-gray-800 mb-4 border-b pb-2 border-gray-100\">\ud83d\udcca \u0e15\u0e32\u0e23\u0e32\u0e07\u0e2a\u0e23\u0e38\u0e1b\u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e24\u0e17\u0e18\u0e34\u0e4c (\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30)<\/h2>\n <div class=\"overflow-x-auto\">\n <table class=\"min-w-full divide-y divide-gray-200\">\n <thead class=\"bg-blue-50\">\n <tr>\n <th class=\"px-6 py-4 text-left text-sm font-bold text-blue-800\">\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14 (KPIs)<\/th>\n <th class=\"px-6 py-4 text-center text-sm font-bold text-blue-800\">\u0e1b\u0e35 2565<\/th>\n <th class=\"px-6 py-4 text-center text-sm font-bold text-blue-800\">\u0e1b\u0e35 2566<\/th>\n <th class=\"px-6 py-4 text-center text-sm font-bold text-blue-800\">\u0e1b\u0e35 2567<\/th>\n <th class=\"px-6 py-4 text-center text-sm font-bold text-blue-800\">\u0e2a\u0e16\u0e32\u0e19\u0e30<\/th>\n <\/tr>\n <\/thead>\n <tbody class=\"divide-y divide-gray-200 bg-white\">\n <tr class=\"hover:bg-gray-50\">\n <td class=\"px-6 py-4 text-sm font-medium text-gray-800\">\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e<\/td>\n <td class=\"px-6 py-4 text-center text-sm text-green-600 font-bold\">100%<\/td>\n <td class=\"px-6 py-4 text-center text-sm text-green-600 font-bold\">100%<\/td>\n <td class=\"px-6 py-4 text-center text-sm text-green-600 font-bold\">100%<\/td>\n <td class=\"px-6 py-4 text-center text-sm\">\u27a1\ufe0f \u0e17\u0e23\u0e07\u0e15\u0e31\u0e27\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50\">\n <td class=\"px-6 py-4 text-sm font-medium text-gray-800\">\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e1c\u0e39\u0e49\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48\u0e21\u0e35\u0e07\u0e32\u0e19\u0e17\u0e33\/\u0e28\u0e36\u0e01\u0e29\u0e32\u0e15\u0e48\u0e2d<\/td>\n <td class=\"px-6 py-4 text-center text-sm text-gray-600\">89.69%<\/td>\n <td class=\"px-6 py-4 text-center text-sm text-gray-600\">68.45%<\/td>\n <td class=\"px-6 py-4 text-center text-sm text-blue-600 font-bold\">77.75%<\/td>\n <td class=\"px-6 py-4 text-center text-sm\">\ud83d\udcc8 \u0e1f\u0e37\u0e49\u0e19\u0e15\u0e31\u0e27\u0e14\u0e35\u0e02\u0e36\u0e49\u0e19<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50\">\n <td class=\"px-6 py-4 text-sm font-medium text-gray-800\">\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e41\u0e23\u0e01\u0e40\u0e02\u0e49\u0e32)<\/td>\n <td class=\"px-6 py-4 text-center text-sm text-gray-600\">59.42%<\/td>\n <td class=\"px-6 py-4 text-center text-sm text-blue-600 font-bold\">71.32%<\/td>\n <td class=\"px-6 py-4 text-center text-sm text-gray-600\">69.09%<\/td>\n <td class=\"px-6 py-4 text-center text-sm\">\ud83d\udcc9 \u0e25\u0e14\u0e25\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50\">\n <td class=\"px-6 py-4 text-sm font-medium text-gray-800\">\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e1c\u0e48\u0e32\u0e19 V-NET (\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34)<\/td>\n <td class=\"px-6 py-4 text-center text-sm text-gray-600\">52.05%<\/td>\n <td class=\"px-6 py-4 text-center text-sm text-gray-400\">–<\/td>\n <td class=\"px-6 py-4 text-center text-sm text-red-500 font-bold\">10.53%<\/td>\n <td class=\"px-6 py-4 text-center text-sm\">\u26a0\ufe0f \u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1d\u0e49\u0e32\u0e23\u0e30\u0e27\u0e31\u0e07<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e43\u0e2b\u0e49 Chart.js\n Chart.defaults.font.family = \"'Sarabun', sans-serif\";\n\n \/\/ 1. \u0e01\u0e23\u0e32\u0e1f\u0e01\u0e32\u0e23\u0e21\u0e35\u0e07\u0e32\u0e19\u0e17\u0e33\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\n const ctxEmployment = document.getElementById('employmentChart').getContext('2d');\n new Chart(ctxEmployment, {\n type: 'line',\n data: {\n labels: ['\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2565', '\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2566', '\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2567'],\n datasets: [\n {\n label: '\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e21\u0e35\u0e07\u0e32\u0e19\u0e17\u0e33\u0e41\u0e25\u0e30\u0e28\u0e36\u0e01\u0e29\u0e32\u0e15\u0e48\u0e2d (%)',\n data: [89.69, 68.45, 77.75],\n borderColor: '#3b82f6', \/\/ blue-500\n backgroundColor: 'rgba(59, 130, 246, 0.1)',\n borderWidth: 3,\n pointRadius: 6,\n pointBackgroundColor: '#2563eb',\n fill: true,\n tension: 0.3\n },\n {\n label: '\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (%)',\n data: [59.42, 71.32, 69.09],\n borderColor: '#10b981', \/\/ green-500\n backgroundColor: 'rgba(16, 185, 129, 0.1)',\n borderWidth: 3,\n pointRadius: 6,\n pointBackgroundColor: '#059669',\n fill: true,\n tension: 0.3\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: { min: 0, max: 100, ticks: { callback: function(value) { return value + '%' } } }\n },\n plugins: { legend: { position: 'bottom' } }\n }\n });\n\n \/\/ 2. \u0e01\u0e23\u0e32\u0e1f\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e41\u0e25\u0e30 V-NET\n const ctxAcademic = document.getElementById('academicChart').getContext('2d');\n new Chart(ctxAcademic, {\n type: 'bar',\n data: {\n labels: ['\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2565', '\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2566', '\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2567'],\n datasets: [\n {\n label: '\u0e2a\u0e2d\u0e1a\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e (%)',\n data: [100, 100, 100],\n backgroundColor: 'rgba(56, 189, 248, 0.8)', \/\/ sky-400\n borderRadius: 6\n },\n {\n label: '\u0e2a\u0e2d\u0e1a\u0e1c\u0e48\u0e32\u0e19 V-NET (%)',\n data: [52.05, 0, 10.53], \/\/ \u0e1b\u0e35 2566 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e22\u0e2d\u0e14\u0e1c\u0e48\u0e32\u0e19\n backgroundColor: 'rgba(244, 63, 94, 0.8)', \/\/ rose-500\n borderRadius: 6\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: { min: 0, max: 100, ticks: { callback: function(value) { return value + '%' } } }\n },\n plugins: { \n legend: { position: 'bottom' },\n tooltip: {\n callbacks: {\n label: function(context) {\n if(context.datasetIndex === 1 && context.dataIndex === 1) {\n return '\u0e2a\u0e2d\u0e1a\u0e1c\u0e48\u0e32\u0e19 V-NET: \u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e23\u0e38\u0e1b';\n }\n return context.dataset.label + ': ' + context.parsed.y + '%';\n }\n }\n }\n }\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3092cfc elementor-widget elementor-widget-text-editor\" data-id=\"3092cfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Dashboard \u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a (2565-2567)<\/title>\n <!-- \u0e42\u0e2b\u0e25\u0e14 Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Sarabun', sans-serif; background-color: #f8fafc; margin: 0; }\n ::-webkit-scrollbar { width: 8px; height: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n .badge-green { background-color: #dcfce7; color: #166534; }\n .badge-red { background-color: #fee2e2; color: #991b1b; }\n .badge-blue { background-color: #dbeafe; color: #1e40af; }\n .badge-gray { background-color: #f3f4f6; color: #4b5563; }\n @media print {\n .no-print { display: none !important; }\n body { background-color: white; }\n .shadow-sm, .shadow-lg { box-shadow: none; border: 1px solid #e5e7eb; }\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n <div class=\"max-w-6xl mx-auto\">\n <!-- Header -->\n <header class=\"bg-gradient-to-r from-teal-600 to-emerald-600 rounded-2xl shadow-lg p-6 md:p-8 mb-8 text-white flex flex-col md:flex-row justify-between items-center relative overflow-hidden\">\n <div class=\"relative z-10 w-full flex justify-between items-start\">\n <div>\n <div class=\"inline-block px-4 py-1 bg-white\/20 rounded-full text-sm font-semibold mb-3 backdrop-blur-sm\">SAR Report 2565 – 2567<\/div>\n <h1 class=\"text-3xl md:text-4xl font-bold mb-2\">\ud83d\udcca \u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e17\u0e32\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/h1>\n <p class=\"text-teal-100 text-lg\">\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e1d\u0e35\u0e21\u0e37\u0e2d\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30 V-NET (3 \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32)<\/p>\n <\/div>\n <button onclick=\"window.print()\" class=\"no-print hidden md:flex bg-white\/20 hover:bg-white\/30 text-white font-medium py-2 px-4 rounded-lg backdrop-blur-sm transition items-center gap-2 border border-white\/30 cursor-pointer\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z\"><\/path><\/svg>\n \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\n <\/button>\n <\/div>\n <\/header>\n\n <!-- Highlight Cards -->\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8\">\n <div class=\"bg-white rounded-xl shadow-sm p-6 border-t-4 border-green-500\">\n <div class=\"text-gray-500 text-sm font-medium uppercase tracking-wide mb-2\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e<\/div>\n <div class=\"text-3xl font-bold text-gray-800 mb-1\">100%<\/div>\n <div class=\"text-sm font-semibold text-green-600 flex items-center gap-1\">\n \u2705 \u0e1c\u0e48\u0e32\u0e19\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 3 \u0e1b\u0e35\n <\/div>\n <\/div>\n <div class=\"bg-white rounded-xl shadow-sm p-6 border-t-4 border-blue-500\">\n <div class=\"text-gray-500 text-sm font-medium uppercase tracking-wide mb-2\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e1d\u0e35\u0e21\u0e37\u0e2d\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19<\/div>\n <div class=\"text-3xl font-bold text-gray-800 mb-1\">100%<\/div>\n <div class=\"text-sm font-semibold text-blue-600 flex items-center gap-1\">\n \u2705 \u0e1c\u0e48\u0e32\u0e19\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 (\u0e1b\u0e35 66-67)\n <\/div>\n <\/div>\n <div class=\"bg-white rounded-xl shadow-sm p-6 border-t-4 border-red-500\">\n <div class=\"text-gray-500 text-sm font-medium uppercase tracking-wide mb-2\">\u0e1c\u0e25\u0e17\u0e14\u0e2a\u0e2d\u0e1a V-NET<\/div>\n <div class=\"text-3xl font-bold text-gray-800 mb-1\">10.53%<\/div>\n <div class=\"text-sm font-semibold text-red-600 flex items-center gap-1\">\n \u26a0\ufe0f \u0e25\u0e14\u0e25\u0e07\u0e08\u0e32\u0e01 52.05% (\u0e1b\u0e35 65)\n <\/div>\n <\/div>\n <div class=\"bg-white rounded-xl shadow-sm p-6 border-t-4 border-orange-500\">\n <div class=\"text-gray-500 text-sm font-medium uppercase tracking-wide mb-2\">\u0e27\u0e34\u0e0a\u0e32\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e41\u0e01\u0e19\u0e01\u0e25\u0e32\u0e07<\/div>\n <div class=\"text-3xl font-bold text-gray-800 mb-1\">69.09%<\/div>\n <div class=\"text-sm font-semibold text-orange-600 flex items-center gap-1\">\n \ud83d\udcc9 \u0e25\u0e14\u0e25\u0e07\u0e08\u0e32\u0e01\u0e1b\u0e35 66 (\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 96%)\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Data Table Section -->\n <div class=\"bg-white rounded-xl shadow-sm p-8 border border-gray-100 mb-8\">\n <h2 class=\"text-2xl font-bold text-gray-800 mb-6 flex items-center gap-3 border-b pb-3\">\n <span class=\"bg-teal-100 text-teal-600 p-2 rounded-lg\">\ud83d\udccb<\/span>\n \u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a (\u0e1b\u0e35 2565 – 2567)\n <\/h2>\n \n <div class=\"overflow-x-auto\">\n <table class=\"min-w-full divide-y divide-gray-200 border border-gray-200 rounded-lg overflow-hidden\">\n <thead class=\"bg-gray-50\">\n <tr>\n <th scope=\"col\" class=\"px-6 py-4 text-left text-sm font-bold text-gray-700 uppercase tracking-wider w-1\/3\">\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19 \/ \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14<\/th>\n <th scope=\"col\" class=\"px-6 py-4 text-center text-sm font-bold text-gray-700 uppercase tracking-wider\">\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2565<\/th>\n <th scope=\"col\" class=\"px-6 py-4 text-center text-sm font-bold text-gray-700 uppercase tracking-wider\">\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2566<\/th>\n <th scope=\"col\" class=\"px-6 py-4 text-center text-sm font-bold text-gray-700 uppercase tracking-wider\">\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2567<\/th>\n <th scope=\"col\" class=\"px-6 py-4 text-left text-sm font-bold text-gray-700 uppercase tracking-wider\">\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e19\u0e27\u0e42\u0e19\u0e49\u0e21<\/th>\n <\/tr>\n <\/thead>\n <tbody class=\"bg-white divide-y divide-gray-200\">\n \n <!-- 1. \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e -->\n <tr class=\"hover:bg-teal-50\/50 transition\">\n <td class=\"px-6 py-5\">\n <div class=\"font-bold text-gray-800 text-base\">1. \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e<\/div>\n <div class=\"text-sm text-gray-500 mt-1\">\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e01\u0e13\u0e11\u0e4c<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-center\">\n <span class=\"px-3 py-1 inline-flex text-sm leading-5 font-bold rounded-full badge-green\">100%<\/span>\n <div class=\"text-xs text-gray-500 mt-2\">(\u0e1b\u0e27\u0e0a.3 178 \u0e04\u0e19,<br>\u0e1b\u0e27\u0e2a.2 126 \u0e04\u0e19)<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-center\">\n <span class=\"px-3 py-1 inline-flex text-sm leading-5 font-bold rounded-full badge-green\">100%<\/span>\n <div class=\"text-xs text-gray-500 mt-2\">(\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e2d\u0e1a 321 \u0e04\u0e19)<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-center bg-teal-50\/30\">\n <span class=\"px-3 py-1 inline-flex text-sm leading-5 font-bold rounded-full badge-green\">100%<\/span>\n <div class=\"text-xs text-gray-500 mt-2\">(\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e2d\u0e1a 257 \u0e04\u0e19)<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-sm font-semibold text-green-600\">\n \u0e23\u0e31\u0e01\u0e29\u0e32\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\n <\/td>\n <\/tr>\n\n <!-- 2. V-NET -->\n <tr class=\"hover:bg-teal-50\/50 transition\">\n <td class=\"px-6 py-5\">\n <div class=\"font-bold text-gray-800 text-base\">2. \u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a V-NET<\/div>\n <div class=\"text-sm text-gray-500 mt-1\">\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e04\u0e30\u0e41\u0e19\u0e19\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e04\u0e48\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-center\">\n <span class=\"px-3 py-1 inline-flex text-sm leading-5 font-bold rounded-full badge-blue\">52.05%<\/span>\n <div class=\"text-xs text-gray-500 mt-2\">\u0e1c\u0e48\u0e32\u0e19 89 \u0e08\u0e32\u0e01 171 \u0e04\u0e19<br>(\u0e1b\u0e27\u0e0a.3)<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-center\">\n <span class=\"px-3 py-1 inline-flex text-sm leading-5 font-bold rounded-full badge-gray\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e2d\u0e1a\u0e1c\u0e48\u0e32\u0e19<\/span>\n <div class=\"text-xs text-gray-500 mt-2\">(\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e2d\u0e1a<br>159 \u0e08\u0e32\u0e01 179 \u0e04\u0e19)<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-center bg-teal-50\/30\">\n <span class=\"px-3 py-1 inline-flex text-sm leading-5 font-bold rounded-full badge-red\">10.53%<\/span>\n <div class=\"text-xs text-gray-500 mt-2\">\u0e1c\u0e48\u0e32\u0e19 14 \u0e08\u0e32\u0e01 133 \u0e04\u0e19<br>(\u0e1b\u0e27\u0e0a.)<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-sm font-semibold text-red-600\">\n \u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e1c\u0e48\u0e32\u0e19\u0e25\u0e14\u0e25\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e19\u0e31\u0e22\u0e2a\u0e33\u0e04\u0e31\u0e0d\n <\/td>\n <\/tr>\n\n <!-- 3. \u0e1d\u0e35\u0e21\u0e37\u0e2d\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19 -->\n <tr class=\"hover:bg-teal-50\/50 transition\">\n <td class=\"px-6 py-5\">\n <div class=\"font-bold text-gray-800 text-base\">3. \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e1d\u0e35\u0e21\u0e37\u0e2d\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34<\/div>\n <div class=\"text-sm text-gray-500 mt-1\">\u0e2a\u0e32\u0e02\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e2a\u0e35\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c \u0e41\u0e25\u0e30 \u0e0a\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e2f \u0e23\u0e30\u0e14\u0e31\u0e1a 1<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-center\">\n <span class=\"px-3 py-1 inline-flex text-sm leading-5 font-bold rounded-full badge-gray\">– \u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19 –<\/span>\n <\/td>\n <td class=\"px-6 py-5 text-center\">\n <span class=\"px-3 py-1 inline-flex text-sm leading-5 font-bold rounded-full badge-green\">100%<\/span>\n <div class=\"text-xs text-gray-500 mt-2\">\u0e0a\u0e48\u0e32\u0e07\u0e2a\u0e35\u0e2f (16 \u0e04\u0e19)<br>\u0e0a\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e2f (20 \u0e04\u0e19)<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-center bg-teal-50\/30\">\n <span class=\"px-3 py-1 inline-flex text-sm leading-5 font-bold rounded-full badge-green\">100%<\/span>\n <div class=\"text-xs text-gray-500 mt-2\">\u0e0a\u0e48\u0e32\u0e07\u0e2a\u0e35\u0e2f (22 \u0e04\u0e19)<br>\u0e0a\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e2f (21 \u0e04\u0e19)<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-sm font-semibold text-green-600\">\n \u0e23\u0e31\u0e01\u0e29\u0e32\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21 100% \u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\n <\/td>\n <\/tr>\n\n <!-- 4. \u0e27\u0e34\u0e0a\u0e32\u0e41\u0e01\u0e19\u0e01\u0e25\u0e32\u0e07 -->\n <tr class=\"hover:bg-teal-50\/50 transition\">\n <td class=\"px-6 py-5\">\n <div class=\"font-bold text-gray-800 text-base\">4. \u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e41\u0e01\u0e19\u0e01\u0e25\u0e32\u0e07<\/div>\n <div class=\"text-sm text-gray-500 mt-1\">\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e40\u0e01\u0e23\u0e14 2.00 \u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-center\">\n <span class=\"px-3 py-1 inline-flex text-sm leading-5 font-bold rounded-full badge-gray\">– \u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19 –<\/span>\n <\/td>\n <td class=\"px-6 py-5 text-center\">\n <div class=\"font-bold text-blue-600 text-lg\">\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 96.19%<\/div>\n <div class=\"text-xs text-gray-600 mt-2\">\u0e1b\u0e27\u0e0a. 93.91%<br>\u0e1b\u0e27\u0e2a. 98.47%<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-center bg-teal-50\/30\">\n <div class=\"font-bold text-orange-500 text-lg\">\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 69.09%<\/div>\n <div class=\"text-xs text-gray-600 mt-2\">\u0e1b\u0e27\u0e0a. 59.43%<br>\u0e1b\u0e27\u0e2a. 85.71%<\/div>\n <\/td>\n <td class=\"px-6 py-5 text-sm font-semibold text-orange-500\">\n \u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e25\u0e14\u0e25\u0e07 (\u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e23\u0e30\u0e14\u0e31\u0e1a \u0e1b\u0e27\u0e0a.)\n <\/td>\n <\/tr>\n\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <!-- Recommendation Section -->\n <div class=\"bg-indigo-50 rounded-xl p-6 border border-indigo-100\">\n <h3 class=\"text-lg font-bold text-indigo-800 mb-3 flex items-center gap-2\">\ud83d\udca1 \u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e40\u0e0a\u0e34\u0e07\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c <\/h3>\n <ul class=\"list-disc pl-5 text-gray-700 text-sm space-y-2 leading-relaxed\">\n <li><strong>\u0e08\u0e38\u0e14\u0e41\u0e02\u0e47\u0e07\u0e17\u0e35\u0e48\u0e04\u0e27\u0e23\u0e18\u0e33\u0e23\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32:<\/strong> \u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e1d\u0e35\u0e21\u0e37\u0e2d\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e21\u0e41\u0e02\u0e47\u0e07\u0e21\u0e32\u0e01 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1c\u0e25\u0e31\u0e01\u0e14\u0e31\u0e19\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e01\u0e13\u0e11\u0e4c 100% \u0e44\u0e14\u0e49\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 \u0e04\u0e27\u0e23\u0e43\u0e0a\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e42\u0e21\u0e40\u0e14\u0e25\u0e15\u0e49\u0e19\u0e41\u0e1a\u0e1a (Best Practice) \u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e2d\u0e37\u0e48\u0e19\u0e46<\/li>\n <li><strong>\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e40\u0e23\u0e48\u0e07\u0e14\u0e48\u0e27\u0e19:<\/strong> \u0e1c\u0e25\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a V-NET \u0e41\u0e25\u0e30\u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e27\u0e34\u0e0a\u0e32\u0e41\u0e01\u0e19\u0e01\u0e25\u0e32\u0e07 (\u0e27\u0e34\u0e0a\u0e32\u0e2a\u0e32\u0e21\u0e31\u0e0d) \u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a \u0e1b\u0e27\u0e0a. \u0e21\u0e35\u0e41\u0e19\u0e27\u0e42\u0e19\u0e49\u0e21\u0e25\u0e14\u0e25\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2f \u0e04\u0e27\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e08\u0e31\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e15\u0e34\u0e27\u0e40\u0e02\u0e49\u0e21 (Intensive Course) \u0e2b\u0e23\u0e37\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e2a\u0e32\u0e21\u0e31\u0e0d\u0e43\u0e2b\u0e49\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e23\u0e30\u0e15\u0e38\u0e49\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82ec8a8 elementor-widget elementor-widget-text-editor\" data-id=\"82ec8a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Dashboard \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 1<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Sarabun', sans-serif; background-color: #f8fafc; margin: 0; }\n ::-webkit-scrollbar { width: 8px; height: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n @media print { .no-print { display: none !important; } body { background-color: white; } }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n <div class=\"max-w-6xl mx-auto\">\n <header class=\"bg-gradient-to-r from-slate-900 to-indigo-950 rounded-2xl shadow-xl p-6 md:p-8 mb-8 text-white relative overflow-hidden\">\n <div class=\"relative z-10\">\n <div class=\"inline-block px-4 py-1 bg-indigo-500\/30 text-indigo-300 rounded-full text-xs font-bold mb-3 border border-indigo-500\/20 backdrop-blur-sm\"><\/div>\n <h1 class=\"text-3xl md:text-4xl font-bold mb-2\">\ud83d\udccb \u0e41\u0e14\u0e0a\u0e1a\u0e2d\u0e23\u0e4c\u0e14\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a<\/h1>\n <p class=\"text-slate-300 text-base md:text-lg\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 1: \u0e04\u0e38\u0e13\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e36\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c (\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 3 \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2565 2566 2567)<\/p>\n <\/div>\n <div class=\"absolute -right-8 -bottom-8 opacity-10 text-9xl no-print\">\ud83d\udcca<\/div>\n <\/header>\n\n <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 mb-8\">\n <h2 class=\"text-xl font-bold text-slate-800 mb-6 flex items-center gap-2 border-b pb-3 border-gray-100\">\n <span>\ud83d\udd0d<\/span> \u0e15\u0e32\u0e23\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e0a\u0e48\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e15\u0e32\u0e21\u0e40\u0e01\u0e13\u0e11\u0e4c \u0e2a\u0e21\u0e28. (Holistic Assessment)\n <\/h2>\n <div class=\"overflow-x-auto\">\n <table class=\"min-w-full divide-y divide-gray-200 border border-gray-100 rounded-xl overflow-hidden\">\n <thead class=\"bg-slate-50\">\n <tr>\n <th class=\"px-4 py-3 text-left text-xs font-bold text-slate-700 uppercase w-16\">\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14<\/th>\n <th class=\"px-4 py-3 text-left text-xs font-bold text-slate-700 uppercase\">\u0e1b\u0e23\u0e30\u0e40\u0e14\u0e47\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e40\u0e0a\u0e34\u0e07\u0e2a\u0e16\u0e34\u0e15\u0e34 (\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30)<\/th>\n <th class=\"px-4 py-3 text-center text-xs font-bold text-slate-700 uppercase bg-amber-50\/50\">\u0e2a\u0e16\u0e32\u0e19\u0e30 SAR 3 \u0e1b\u0e35<\/th>\n <th class=\"px-4 py-3 text-center text-xs font-bold text-slate-700 uppercase w-36\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48\u0e04\u0e32\u0e14\u0e01\u0e32\u0e23\u0e13\u0e4c<\/th>\n <th class=\"px-4 py-3 text-left text-xs font-bold text-slate-700 uppercase w-1\/4\">\u0e1a\u0e17\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e15\u0e32\u0e21\u0e40\u0e01\u0e13\u0e11\u0e4c \u0e2a\u0e21\u0e28.<\/th>\n <\/tr>\n <\/thead>\n <tbody class=\"divide-y divide-gray-200 bg-white text-sm\">\n \n <tr class=\"hover:bg-slate-50\/50\">\n <td class=\"px-4 py-4 font-bold text-slate-500 text-center\">1.1<\/td>\n <td class=\"px-4 py-4\">\n <span class=\"font-bold text-slate-800 block text-base\">\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/span>\n <span class=\"text-xs text-slate-500 block mt-1\">\u2022 \u0e1c\u0e48\u0e32\u0e19\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e: <strong class=\"text-green-600\">100% \u0e17\u0e38\u0e01\u0e1b\u0e35<\/strong><\/span>\n <span class=\"text-xs text-slate-500 block\">\u2022 \u0e1c\u0e48\u0e32\u0e19\u0e40\u0e01\u0e13\u0e11\u0e4c V-NET \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34: <strong class=\"text-red-500\">\u0e25\u0e14\u0e25\u0e07\u0e40\u0e2b\u0e25\u0e37\u0e2d 10.53% (\u0e1b\u0e35 67)<\/strong><\/span>\n <\/td>\n <td class=\"px-4 py-4 text-center whitespace-nowrap bg-amber-50\/20\">\n <span class=\"text-xs font-semibold text-slate-700 block\">\u0e1b\u0e35 65: 52.05%<\/span>\n <span class=\"text-xs font-semibold text-slate-400 block mt-1\">\u0e1b\u0e35 66: \u0e44\u0e21\u0e48\u0e2a\u0e23\u0e38\u0e1b\u0e22\u0e2d\u0e14\u0e1c\u0e48\u0e32\u0e19<\/span>\n <span class=\"text-xs font-semibold text-red-600 block mt-1\">\u0e1b\u0e35 67: 10.53%<\/span>\n <\/td>\n <td class=\"px-4 py-4 text-center\">\n <span class=\"px-3 py-1 inline-flex text-xs leading-5 font-bold rounded-full bg-red-100 text-red-800 border border-red-200\">\u0e23\u0e30\u0e14\u0e31\u0e1a 2<\/span>\n <span class=\"text-[10px] text-red-500 block mt-1 font-medium\">\u0e2d\u0e22\u0e39\u0e48\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32<\/span>\n <\/td>\n <td class=\"px-4 py-4 text-xs text-slate-600 leading-relaxed\">\n \u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19 \u0e41\u0e15\u0e48\u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e24\u0e17\u0e18\u0e34\u0e4c V-NET \u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e41\u0e01\u0e19\u0e01\u0e25\u0e32\u0e07\u0e21\u0e35\u0e17\u0e34\u0e28\u0e17\u0e32\u0e07\u0e25\u0e14\u0e25\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e44\u0e21\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32\n <\/td>\n <\/tr>\n\n <tr class=\"hover:bg-slate-50\/50\">\n <td class=\"px-4 py-4 font-bold text-slate-500 text-center\">1.2<\/td>\n <td class=\"px-4 py-4\">\n <span class=\"font-bold text-slate-800 block text-base\">\u0e17\u0e31\u0e01\u0e29\u0e30\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49<\/span>\n <span class=\"text-xs text-slate-500 block mt-1\">\u2022 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e2f: <strong class=\"text-orange-600\">\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e39\u0e48 4 \u0e14\u0e32\u0e27 \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34<\/strong><\/span>\n <span class=\"text-xs text-slate-500 block\">\u2022 \u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e1d\u0e35\u0e21\u0e37\u0e2d\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19: <strong class=\"text-green-600\">100% (\u0e0a\u0e48\u0e32\u0e07\u0e2a\u0e35\/\u0e0a\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32)<\/strong><\/span>\n <\/td>\n <td class=\"px-4 py-4 text-center whitespace-nowrap bg-amber-50\/20\">\n <span class=\"text-xs font-semibold text-slate-700 block\">\u0e1b\u0e35 65: 3 \u0e14\u0e32\u0e27 \/ 35 \u0e23\u0e32\u0e07\u0e27\u0e31\u0e25<\/span>\n <span class=\"text-xs font-semibold text-slate-700 block mt-1\">\u0e1b\u0e35 66: 3 \u0e14\u0e32\u0e27 \/ 22 \u0e23\u0e32\u0e07\u0e27\u0e31\u0e25<\/span>\n <span class=\"text-xs font-bold text-green-600 block mt-1\">\u0e1b\u0e35 67: 4 \u0e14\u0e32\u0e27 \/ 27 \u0e23\u0e32\u0e07\u0e27\u0e31\u0e25<\/span>\n <\/td>\n <td class=\"px-4 py-4 text-center\">\n <span class=\"px-3 py-1 inline-flex text-xs leading-5 font-bold rounded-full bg-green-100 text-green-800 border border-green-200\">\u0e23\u0e30\u0e14\u0e31\u0e1a 5<\/span>\n <span class=\"text-[10px] text-green-600 block mt-1 font-medium\">\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21<\/span>\n <\/td>\n <td class=\"px-4 py-4 text-xs text-slate-600 leading-relaxed\">\n <strong class=\"text-green-700\">\u0e1e\u0e1a Best Practice \u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/strong> \u0e04\u0e37\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2f \u0e17\u0e35\u0e48\u0e21\u0e35\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 2 \u0e1b\u0e35\u0e08\u0e19\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e14\u0e31\u0e1a 4 \u0e14\u0e32\u0e27\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34 \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\u0e41\u0e1a\u0e1a\u0e44\u0e14\u0e49\n <\/td>\n <\/tr>\n\n <tr class=\"hover:bg-slate-50\/50\">\n <td class=\"px-4 py-4 font-bold text-slate-500 text-center\">1.3<\/td>\n <td class=\"px-4 py-4\">\n <span class=\"font-bold text-slate-800 block text-base\">\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21 \u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21 \u0e04\u0e48\u0e32\u0e19\u0e34\u0e22\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e36\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c<\/span>\n <span class=\"text-xs text-slate-500 block mt-1\">\u2022 \u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e2a\u0e32\u0e18\u0e07\/\u0e0a\u0e21\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e<\/span>\n <span class=\"text-xs text-slate-500 block\">\u2022 \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e40\u0e14\u0e48\u0e19: \u0e2d\u0e27\u0e17., \u0e25\u0e39\u0e01\u0e40\u0e2a\u0e37\u0e2d\u0e27\u0e34\u0e2a\u0e32\u0e21\u0e31\u0e0d, \u0e01\u0e35\u0e2c\u0e32\u0e2a\u0e35<\/span>\n <\/td>\n <td class=\"px-4 py-4 text-center whitespace-nowrap bg-amber-50\/20\">\n <span class=\"text-xs font-semibold text-slate-700 block\">\u0e1b\u0e35 65: 85.76%<\/span>\n <span class=\"text-xs font-semibold text-slate-400 block mt-1\">\u0e1b\u0e35 66: \u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 68.50%<\/span>\n <span class=\"text-xs font-semibold text-blue-600 block mt-1\">\u0e1b\u0e35 67: \u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 80.30%<\/span>\n <\/td>\n <td class=\"px-4 py-4 text-center\">\n <span class=\"px-3 py-1 inline-flex text-xs leading-5 font-bold rounded-full bg-blue-100 text-blue-800 border border-blue-200\">\u0e23\u0e30\u0e14\u0e31\u0e1a 3<\/span>\n <span class=\"text-[10px] text-blue-600 block mt-1 font-medium\">\u0e14\u0e35 (\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19)<\/span>\n <\/td>\n <td class=\"px-4 py-4 text-xs text-slate-600 leading-relaxed\">\n \u0e21\u0e35\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c \u0e1a\u0e23\u0e23\u0e25\u0e38\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e41\u0e15\u0e48\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e1c\u0e31\u0e19\u0e1c\u0e27\u0e19\u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e21\u0e35\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\/Best Practice \u0e40\u0e0a\u0e34\u0e07\u0e1b\u0e23\u0e30\u0e08\u0e31\u0e01\u0e29\u0e4c\n <\/td>\n <\/tr>\n\n <tr class=\"hover:bg-slate-50\/50\">\n <td class=\"px-4 py-4 font-bold text-slate-500 text-center\">1.4<\/td>\n <td class=\"px-4 py-4\">\n <span class=\"font-bold text-slate-800 block text-base\">\u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/span>\n <span class=\"text-xs text-slate-500 block mt-1\">\u2022 \u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e21\u0e35\u0e07\u0e32\u0e19\u0e17\u0e33\/\u0e28\u0e36\u0e01\u0e29\u0e32\u0e15\u0e48\u0e2d: <strong class=\"text-slate-700\">77.75% (\u0e1b\u0e35 67)<\/strong><\/span>\n <span class=\"text-xs text-slate-500 block\">\u2022 \u0e2d\u0e31\u0e15\u0e23\u0e32\u0e08\u0e1a\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e41\u0e23\u0e01\u0e40\u0e02\u0e49\u0e32: <strong class=\"text-slate-700\">69.09% (\u0e1b\u0e35 67)<\/strong><\/span>\n <\/td>\n <td class=\"px-4 py-4 text-center whitespace-nowrap bg-amber-50\/20\">\n <span class=\"text-xs font-semibold text-slate-700 block\">\u0e1b\u0e35 65: \u0e08\u0e1a 59.42% \/ \u0e07\u0e32\u0e19 89%<\/span>\n <span class=\"text-xs font-semibold text-slate-700 block mt-1\">\u0e1b\u0e35 66: \u0e07\u0e32\u0e19\u0e17\u0e33 68.45%<\/span>\n <span class=\"text-xs font-semibold text-slate-700 block mt-1\">\u0e1b\u0e35 67: \u0e08\u0e1a 69.09% \/ \u0e07\u0e32\u0e19 77%<\/span>\n <\/td>\n <td class=\"px-4 py-4 text-center\">\n <span class=\"px-3 py-1 inline-flex text-xs leading-5 font-bold rounded-full bg-red-100 text-red-800 border border-red-200\">\u0e23\u0e30\u0e14\u0e31\u0e1a 2<\/span>\n <span class=\"text-[10px] text-red-500 block mt-1 font-medium\">\u0e2d\u0e22\u0e39\u0e48\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32<\/span>\n <\/td>\n <td class=\"px-4 py-4 text-xs text-slate-600 leading-relaxed\">\n \u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e21\u0e35\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1c\u0e31\u0e19\u0e1c\u0e27\u0e19 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e02\u0e2d\u0e07\u0e19\u0e32\u0e22\u0e08\u0e49\u0e32\u0e07\u0e43\u0e19 SAR \u0e1b\u0e35\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e02\u0e32\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 (\u0e43\u0e0a\u0e49\u0e22\u0e2d\u0e14\u0e40\u0e14\u0e34\u0e21\u0e1b\u0e35 66) \u0e23\u0e30\u0e1a\u0e1a\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\n <\/td>\n <\/tr>\n\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 md:p-8\">\n <h2 class=\"text-xl font-bold text-slate-800 mb-6 flex items-center gap-2 border-b pb-3 border-gray-100\">\n <span>\ud83d\ude80<\/span> \u0e41\u0e1c\u0e19\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c (Action Plan) \u0e21\u0e38\u0e48\u0e07\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e14\u0e31\u0e1a 5 \u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14\n <\/h2>\n\n <div class=\"space-y-6\">\n <div class=\"p-5 bg-gradient-to-r from-red-50\/40 to-transparent rounded-xl border-l-4 border-red-500\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-2 mb-3\">\n <h3 class=\"font-bold text-slate-800 text-lg flex items-center gap-2\">\n <span class=\"bg-red-100 text-red-600 px-2 py-0.5 rounded text-sm\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48 1<\/span>\n Smart V-NET Tutor & Digital Item Bank (\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14 1.1)\n <\/h3>\n <div class=\"text-xs font-bold text-red-600 bg-red-100\/60 px-3 py-1 rounded-full whitespace-nowrap\">\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e01\u0e13\u0e11\u0e4c: 50%+<\/div>\n <\/div>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-3\">\n <strong>\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19:<\/strong> \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e25\u0e31\u0e07\u0e02\u0e49\u0e2d\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e1a\u0e17\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c (LMS) \u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e04\u0e38\u0e49\u0e19\u0e40\u0e04\u0e22\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e08\u0e31\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 “\u0e1e\u0e35\u0e48\u0e15\u0e34\u0e27\u0e19\u0e49\u0e2d\u0e07” \u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23\u0e23\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e41\u0e01\u0e19\u0e01\u0e25\u0e32\u0e07\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e2b\u0e21\u0e27\u0e14\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e41\u0e25\u0e30\u0e17\u0e33\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e08\u0e33\u0e25\u0e2d\u0e07 (Pre-test) \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e40\u0e0a\u0e34\u0e07\u0e23\u0e38\u0e01\u0e01\u0e48\u0e2d\u0e19\u0e2a\u0e2d\u0e1a\u0e08\u0e23\u0e34\u0e07\n <\/p>\n <div class=\"flex items-center gap-4 text-xs font-bold text-slate-500\">\n <span class=\"w-24\">\u0e04\u0e27\u0e32\u0e21\u0e04\u0e37\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e1c\u0e19:<\/span>\n <div class=\"flex-grow bg-slate-100 h-3 rounded-full overflow-hidden relative border border-slate-200\">\n <div class=\"bg-red-400 h-full absolute left-0 top-0\" style=\"width: 10.53%\" title=\"\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 10.53%\"><\/div>\n <div class=\"bg-indigo-600\/30 h-full absolute left-0 top-0 animate-pulse\" style=\"width: 50%\" title=\"\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22 50%\"><\/div>\n <\/div>\n <span class=\"w-28 text-right text-indigo-700\">\u0e0a\u0e48\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e34\u0e21: +39.47%<\/span>\n <\/div>\n <\/div>\n\n <div class=\"p-5 bg-gradient-to-r from-blue-50\/40 to-transparent rounded-xl border-l-4 border-blue-500\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-2 mb-3\">\n <h3 class=\"font-bold text-slate-800 text-lg flex items-center gap-2\">\n <span class=\"bg-blue-100 text-blue-600 px-2 py-0.5 rounded text-sm\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48 2<\/span>\n 360\u00b0 Digital Employer Feedback (\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14 1.4)\n <\/h3>\n <div class=\"text-xs font-bold text-blue-600 bg-blue-100\/60 px-3 py-1 rounded-full whitespace-nowrap\">\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08: 85%+<\/div>\n <\/div>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-3\">\n <strong>\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19:<\/strong> \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1c\u0e39\u0e49\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e08\u0e32\u0e01\u0e01\u0e23\u0e30\u0e14\u0e32\u0e29\u0e21\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e19\u0e33\u0e23\u0e48\u0e2d\u0e07\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e2a\u0e16\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e2a\u0e35\u0e1e\u0e48\u0e19\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c\u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e15\u0e31\u0e27\u0e16\u0e31\u0e07 \/ \u0e41\u0e2d\u0e23\u0e4c\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e14\u0e40\u0e01\u0e47\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e19\u0e32\u0e22\u0e08\u0e49\u0e32\u0e07\u0e41\u0e1a\u0e1a Real-time \u0e17\u0e31\u0e19\u0e17\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e07\u0e32\u0e19\n <\/p>\n <div class=\"flex items-center gap-4 text-xs font-bold text-slate-500\">\n <span class=\"w-24\">\u0e04\u0e27\u0e32\u0e21\u0e04\u0e37\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e1c\u0e19:<\/span>\n <div class=\"flex-grow bg-slate-100 h-3 rounded-full overflow-hidden relative border border-slate-200\">\n <div class=\"bg-blue-400 h-full absolute left-0 top-0\" style=\"width: 58.39%\" title=\"\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 58.39%\"><\/div>\n <div class=\"bg-indigo-600\/30 h-full absolute left-0 top-0 animate-pulse\" style=\"width: 85%\" title=\"\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22 85%\"><\/div>\n <\/div>\n <span class=\"w-28 text-right text-indigo-700\">\u0e0a\u0e48\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e34\u0e21: +26.61%<\/span>\n <\/div>\n <\/div>\n\n <div class=\"p-5 bg-gradient-to-r from-green-50\/40 to-transparent rounded-xl border-l-4 border-green-500\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-2 mb-3\">\n <h3 class=\"font-bold text-slate-800 text-lg flex items-center gap-2\">\n <span class=\"bg-green-100 text-green-600 px-2 py-0.5 rounded text-sm\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48 3<\/span>\n \u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e2d\u0e2d\u0e01\u0e01\u0e25\u0e32\u0e07\u0e04\u0e31\u0e19 Early Warning System (\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14 1.3)\n <\/h3>\n <div class=\"text-xs font-bold text-green-600 bg-green-100\/60 px-3 py-1 rounded-full whitespace-nowrap\">\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e28\u0e36\u0e01\u0e29\u0e32: 80%+<\/div>\n <\/div>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-3\">\n <strong>\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19:<\/strong> \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e40\u0e0a\u0e34\u0e07\u0e23\u0e38\u0e01 \u0e2b\u0e32\u0e01\u0e1e\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e02\u0e32\u0e14\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e30\u0e2a\u0e21\u0e04\u0e23\u0e1a 3 \u0e27\u0e31\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e01\u0e25\u0e35\u0e48\u0e22\u0e04\u0e30\u0e41\u0e19\u0e19\u0e40\u0e01\u0e47\u0e1a\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32\u0e40\u0e01\u0e13\u0e11\u0e4c \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e2a\u0e48\u0e07\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e13\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e25\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e14\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e01\u0e25\u0e32\u0e07\u0e04\u0e31\u0e19\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e08\u0e1a\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e15\u0e32\u0e21\u0e23\u0e38\u0e48\u0e19\u0e41\u0e23\u0e01\u0e40\u0e02\u0e49\u0e32\n <\/p>\n <div class=\"flex items-center gap-4 text-xs font-bold text-slate-500\">\n <span class=\"w-24\">\u0e04\u0e27\u0e32\u0e21\u0e04\u0e37\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e1c\u0e19:<\/span>\n <div class=\"flex-grow bg-slate-100 h-3 rounded-full overflow-hidden relative border border-slate-200\">\n <div class=\"bg-green-400 h-full absolute left-0 top-0\" style=\"width: 69.09%\" title=\"\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 69.09%\"><\/div>\n <div class=\"bg-indigo-600\/30 h-full absolute left-0 top-0 animate-pulse\" style=\"width: 80%\" title=\"\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22 80%\"><\/div>\n <\/div>\n <span class=\"w-28 text-right text-indigo-700\">\u0e0a\u0e48\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e34\u0e21: +10.91%<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dashboard \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 1 SAR […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-11777","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/pages\/11777"}],"collection":[{"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/comments?post=11777"}],"version-history":[{"count":4,"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/pages\/11777\/revisions"}],"predecessor-version":[{"id":11786,"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/pages\/11777\/revisions\/11786"}],"wp:attachment":[{"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/media?parent=11777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}