{"id":118,"date":"2021-01-07T11:00:35","date_gmt":"2021-01-07T04:00:35","guid":{"rendered":"http:\/\/www.ksrtech.ac.th\/ksrtest\/?page_id=118"},"modified":"2026-06-01T14:26:18","modified_gmt":"2026-06-01T07:26:18","slug":"%e0%b8%99%e0%b8%b1%e0%b8%81%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99-%e0%b8%99%e0%b8%b1%e0%b8%81%e0%b8%a8%e0%b8%b6%e0%b8%81%e0%b8%a9%e0%b8%b2","status":"publish","type":"page","link":"http:\/\/www.ksrtech.ac.th\/main\/%e0%b8%99%e0%b8%b1%e0%b8%81%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99-%e0%b8%99%e0%b8%b1%e0%b8%81%e0%b8%a8%e0%b8%b6%e0%b8%81%e0%b8%a9%e0%b8%b2\/","title":{"rendered":"\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"118\" class=\"elementor elementor-118\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-82c858a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"82c858a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6350a0f\" data-id=\"6350a0f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b966fbe elementor-widget elementor-widget-image\" data-id=\"b966fbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"370\" src=\"https:\/\/www.ksrtech.ac.th\/main\/wp-content\/uploads\/2026\/05\/\u0e2b\u0e31\u0e27\u0e40\u0e27\u0e47\u0e1b-\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32-1024x370.png\" class=\"attachment-large size-large wp-image-11592\" alt=\"\" srcset=\"https:\/\/www.ksrtech.ac.th\/main\/wp-content\/uploads\/2026\/05\/\u0e2b\u0e31\u0e27\u0e40\u0e27\u0e47\u0e1b-\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32-1024x370.png 1024w, https:\/\/www.ksrtech.ac.th\/main\/wp-content\/uploads\/2026\/05\/\u0e2b\u0e31\u0e27\u0e40\u0e27\u0e47\u0e1b-\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32-300x108.png 300w, https:\/\/www.ksrtech.ac.th\/main\/wp-content\/uploads\/2026\/05\/\u0e2b\u0e31\u0e27\u0e40\u0e27\u0e47\u0e1b-\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32-768x277.png 768w, https:\/\/www.ksrtech.ac.th\/main\/wp-content\/uploads\/2026\/05\/\u0e2b\u0e31\u0e27\u0e40\u0e27\u0e47\u0e1b-\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32-1536x555.png 1536w, https:\/\/www.ksrtech.ac.th\/main\/wp-content\/uploads\/2026\/05\/\u0e2b\u0e31\u0e27\u0e40\u0e27\u0e47\u0e1b-\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32-2048x740.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32bb8a6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32bb8a6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-570f456\" data-id=\"570f456\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bb1317e elementor-widget elementor-widget-text-editor\" data-id=\"bb1317e\" 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>\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32 4 \u0e1b\u0e35 (2565-2568)<\/title>\n    <!-- \u0e42\u0e2b\u0e25\u0e14 Tailwind CSS \u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19 -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- \u0e42\u0e2b\u0e25\u0e14 Chart.js \u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19 -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <!-- \u0e42\u0e2b\u0e25\u0e14\u0e1f\u0e2d\u0e19\u0e15\u0e4c Sarabun -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body { font-family: 'Sarabun', sans-serif; background-color: #f8fafc; }\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 {\n            .no-print { display: none !important; }\n            body { background-color: white; }\n            .shadow-sm { box-shadow: none; border: 1px solid #e5e7eb; }\n            .bg-gradient-to-br { background: white !important; border: 1px solid #e5e7eb; }\n        }\n        p { margin-bottom: 0; }\n    <\/style>\n<\/head>\n<body class=\"p-4 md:p-8 relative\">\n\n    <div class=\"max-w-7xl mx-auto\" id=\"dashboard-wrapper\">\n        \n        <!-- Header -->\n        <header class=\"mb-6 text-center md:text-left flex flex-col md:flex-row md:items-center justify-between\">\n            <div>\n                <h1 class=\"text-3xl font-bold text-gray-800 m-0\">\ud83d\udcca \u0e41\u0e14\u0e0a\u0e1a\u0e2d\u0e23\u0e4c\u0e14\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e19\u0e27\u0e42\u0e19\u0e49\u0e21\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19 4 \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/h1>\n                <p class=\"text-indigo-600 mt-2 text-xl font-semibold m-0\">\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e1b\u0e35 2565 &#8211; 2568<\/p>\n            <\/div>\n            <div class=\"mt-4 md:mt-0 no-print flex flex-wrap gap-2 justify-center md:justify-end\">\n                <button onclick=\"window.print()\" class=\"bg-indigo-600 hover:bg-indigo-700 text-white font-medium py-2 px-4 rounded-lg shadow-sm transition duration-150 ease-in-out flex items-center justify-center gap-2 border-0 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        <!-- \u0e2a\u0e48\u0e27\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e08\u0e32\u0e01 AI -->\n        <div class=\"bg-gradient-to-br from-white to-indigo-50 rounded-xl shadow-md p-6 mb-8 border-l-4 border-indigo-500\">\n            <div class=\"flex justify-between items-start mb-4\">\n                <h3 class=\"text-xl font-bold text-indigo-800 flex items-center gap-2 m-0\">\n                    \u2728 \u0e2a\u0e23\u0e38\u0e1b\u0e41\u0e19\u0e27\u0e42\u0e19\u0e49\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c (Trend Analysis 2565-2568)\n                <\/h3>\n            <\/div>\n            <div class=\"text-gray-700 text-sm md:text-base whitespace-pre-line leading-relaxed\">\n                <strong class=\"text-indigo-800\">\ud83d\udcc8 \u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15 4 \u0e1b\u0e35:<\/strong>\n                \u2022 \u0e22\u0e2d\u0e14\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e21\u0e35\u0e17\u0e34\u0e28\u0e17\u0e32\u0e07\u0e17\u0e23\u0e07\u0e15\u0e31\u0e27\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e25\u0e14\u0e25\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e43\u0e19\u0e1b\u0e35\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14 (\u0e1b\u0e35 65: <strong class=\"text-gray-900\">955 \u0e04\u0e19<\/strong> \u2794 \u0e1b\u0e35 66: <strong class=\"text-gray-900\">997 \u0e04\u0e19<\/strong> \u2794 \u0e1b\u0e35 67: <strong class=\"text-gray-900\">1,023 \u0e04\u0e19<\/strong> \u2794 \u0e1b\u0e35 68: <strong class=\"text-gray-900\">977 \u0e04\u0e19<\/strong>) \n                \u2022 \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e13\u0e43\u0e2b\u0e49\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e1b\u0e23\u0e31\u0e1a\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e14\u0e47\u0e01\u0e40\u0e01\u0e34\u0e14\u0e19\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e01\u0e23\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e44\u0e1b\n\n                <strong class=\"text-indigo-800 mt-4 inline-block\">\ud83c\udfaf \u0e40\u0e17\u0e23\u0e19\u0e14\u0e4c\u0e2a\u0e32\u0e02\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e38\u0e48\u0e07\u0e17\u0e30\u0e22\u0e32\u0e19 (Rising Stars):<\/strong>\n                \u2022 <strong class=\"text-gray-900\">\u0e2a\u0e32\u0e22\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e21\u0e32\u0e41\u0e23\u0e07:<\/strong> \u0e2a\u0e32\u0e02\u0e32 &#8220;\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25&#8221; (89 \u0e04\u0e19) \u0e41\u0e25\u0e30 &#8220;\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25&#8221; (86 \u0e04\u0e19) \u0e21\u0e35\u0e22\u0e2d\u0e14\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1e\u0e38\u0e48\u0e07\u0e01\u0e23\u0e30\u0e09\u0e39\u0e14\u0e43\u0e19\u0e1b\u0e35 2568 \u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48\u0e21\u0e38\u0e48\u0e07\u0e40\u0e19\u0e49\u0e19\u0e17\u0e31\u0e01\u0e29\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48\n                \u2022 \u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e14\u0e36\u0e07\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e21\u0e32\u0e08\u0e32\u0e01\u0e01\u0e25\u0e38\u0e48\u0e21 &#8220;\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08&#8221; \u0e41\u0e1a\u0e1a\u0e14\u0e31\u0e49\u0e07\u0e40\u0e14\u0e34\u0e21\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e25\u0e14\u0e25\u0e07\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e1e\u0e35\u0e22\u0e07 47 \u0e04\u0e19\n\n                <strong class=\"text-indigo-800 mt-4 inline-block\">\u26a0\ufe0f \u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e31\u0e1a\u0e15\u0e32\u0e21\u0e2d\u0e07:<\/strong>\n                \u2022 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2b\u0e25\u0e31\u0e01 \u0e2d\u0e22\u0e48\u0e32\u0e07 &#8220;\u0e0a\u0e48\u0e32\u0e07\u0e22\u0e19\u0e15\u0e4c&#8221; \u0e41\u0e25\u0e30 &#8220;\u0e0a\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32&#8221; \u0e22\u0e2d\u0e14\u0e25\u0e14\u0e25\u0e07\u0e21\u0e32\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e48\u0e32\u0e1b\u0e35 2565 \u0e2d\u0e32\u0e08\u0e15\u0e49\u0e2d\u0e07\u0e0a\u0e39\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e43\u0e2b\u0e21\u0e48 \u0e40\u0e0a\u0e48\u0e19 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 EV \u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e0b\u0e25\u0e32\u0e23\u0e4c\u0e40\u0e0b\u0e25\u0e25\u0e4c \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e36\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\n            <\/div>\n        <\/div>\n\n        <!-- Scorecards \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 4 \u0e1b\u0e35 -->\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 mb-8\">\n            <div class=\"bg-white rounded-xl shadow-sm p-5 border-l-4 border-blue-300 relative overflow-hidden\">\n                <div class=\"flex items-center justify-between relative z-10\">\n                    <div>\n                        <p class=\"text-xs font-medium text-gray-500 uppercase tracking-wider m-0\">\u0e1b\u0e35 2565<\/p>\n                        <p class=\"text-3xl font-bold text-gray-900 mt-1 m-0\" id=\"total65\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14&#8230;<\/p>\n                    <\/div>\n                    <div class=\"p-2 bg-blue-50 rounded-full\">\n                        <svg class=\"w-6 h-6 text-blue-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"bg-white rounded-xl shadow-sm p-5 border-l-4 border-blue-400 relative overflow-hidden\">\n                <div class=\"flex items-center justify-between relative z-10\">\n                    <div>\n                        <p class=\"text-xs font-medium text-gray-500 uppercase tracking-wider m-0\">\u0e1b\u0e35 2566<\/p>\n                        <p class=\"text-3xl font-bold text-gray-900 mt-1 m-0\" id=\"total66\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14&#8230;<\/p>\n                    <\/div>\n                    <div class=\"p-2 bg-blue-50 rounded-full\">\n                        <svg class=\"w-6 h-6 text-blue-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"bg-white rounded-xl shadow-sm p-5 border-l-4 border-indigo-400 relative overflow-hidden\">\n                <div class=\"flex items-center justify-between relative z-10\">\n                    <div>\n                        <p class=\"text-xs font-medium text-gray-500 uppercase tracking-wider m-0\">\u0e1b\u0e35 2567<\/p>\n                        <p class=\"text-3xl font-bold text-gray-900 mt-1 m-0\" id=\"total67\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14&#8230;<\/p>\n                    <\/div>\n                    <div class=\"p-2 bg-indigo-50 rounded-full\">\n                        <svg class=\"w-6 h-6 text-indigo-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"bg-white rounded-xl shadow-sm p-5 border-l-4 border-indigo-600 relative overflow-hidden transform transition duration-300 hover:scale-105\">\n                <div class=\"flex items-center justify-between relative z-10\">\n                    <div>\n                        <p class=\"text-xs font-medium text-indigo-500 uppercase tracking-wider m-0\">\u0e1b\u0e35 2568 (\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14)<\/p>\n                        <p class=\"text-3xl font-bold text-indigo-900 mt-1 m-0\" id=\"total68\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14&#8230;<\/p>\n                    <\/div>\n                    <div class=\"p-2 bg-indigo-100 rounded-full\">\n                        <svg class=\"w-6 h-6 text-indigo-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Charts Area -->\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8\">\n            <!-- Line Chart (\u0e40\u0e17\u0e23\u0e19\u0e14\u0e4c 4 \u0e1b\u0e35) -->\n            <div class=\"bg-white rounded-xl shadow-sm p-6 border border-gray-100\">\n                <h3 class=\"text-lg font-semibold text-gray-800 mb-4 border-b pb-2 m-0\">\u0e41\u0e19\u0e27\u0e42\u0e19\u0e49\u0e21\u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32 (4 \u0e1b\u0e35)<\/h3>\n                <div class=\"relative h-[350px] w-full\" id=\"lineChartContainer\">\n                    <canvas id=\"lineChart\"><\/canvas>\n                <\/div>\n            <\/div>\n            <!-- Bar Chart (\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e2a\u0e32\u0e02\u0e32 Top 5) -->\n            <div class=\"bg-white rounded-xl shadow-sm p-6 border border-gray-100\">\n                <h3 class=\"text-lg font-semibold text-gray-800 mb-4 border-b pb-2 m-0\">\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a 5 \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e22\u0e2d\u0e14\u0e19\u0e34\u0e22\u0e21\u0e15\u0e25\u0e2d\u0e14\u0e22\u0e38\u0e04 (2565-2568)<\/h3>\n                <div class=\"relative h-[350px] w-full\" id=\"barChartContainer\">\n                    <canvas id=\"barChart\"><\/canvas>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Data Table Section -->\n        <div class=\"bg-white rounded-xl shadow-sm p-6 overflow-hidden border border-gray-100 mb-8\">\n            <div class=\"flex justify-between items-center mb-4 border-b pb-2\">\n                <h3 class=\"text-lg font-semibold text-gray-800 m-0\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e17\u0e38\u0e01\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32 (\u0e40\u0e23\u0e35\u0e22\u0e07\u0e15\u0e32\u0e21\u0e22\u0e2d\u0e14\u0e1b\u0e35\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14)<\/h3>\n            <\/div>\n            <div class=\"overflow-x-auto\">\n                <table class=\"min-w-full divide-y divide-gray-200 m-0\">\n                    <thead class=\"bg-gray-50\">\n                        <tr>\n                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e25\u0e33\u0e14\u0e31\u0e1a<\/th>\n                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32<\/th>\n                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32<\/th>\n                            <th scope=\"col\" class=\"px-4 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e1b\u0e35 65<\/th>\n                            <th scope=\"col\" class=\"px-4 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e1b\u0e35 66<\/th>\n                            <th scope=\"col\" class=\"px-4 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e1b\u0e35 67<\/th>\n                            <th scope=\"col\" class=\"px-4 py-3 text-center text-xs font-bold text-indigo-600 uppercase tracking-wider bg-indigo-50\">\u0e1b\u0e35 68<\/th>\n                            <th scope=\"col\" class=\"px-4 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e41\u0e19\u0e27\u0e42\u0e19\u0e49\u0e21 (\u0e1b\u0e3567 \u2794 \u0e1b\u0e3568)<\/th>\n                            <th scope=\"col\" class=\"px-4 py-3 text-center text-xs font-bold text-purple-600 uppercase tracking-wider no-print\">AI \u0e41\u0e19\u0e30\u0e19\u0e33<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody class=\"bg-white divide-y divide-gray-200\" id=\"tableBody\">\n                        <tr><td colspan=\"9\" class=\"text-center py-8 text-gray-500\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 4 \u0e1b\u0e35&#8230;<\/td><\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n\n        <!-- \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e35\u0e48\u0e21\u0e32\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 -->\n        <div class=\"text-center md:text-right text-xs md:text-sm text-gray-500 mt-[-1rem] mb-8 px-4\">\n            <p><strong class=\"text-gray-600\">\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01:<\/strong> \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 \u2014 \u0e2a\u0e2d\u0e28.<\/p>\n            <p>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e25\u0e30\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e2a\u0e31\u0e07\u0e01\u0e31\u0e14 \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32<\/p>\n        <\/div>\n        \n    <\/div>\n\n    <!-- AI Career Modal -->\n    <div id=\"aiModal\" class=\"fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center z-50 px-4 no-print transition-opacity\" style=\"display: none;\">\n        <div class=\"bg-white rounded-2xl shadow-xl max-w-2xl w-full max-h-[90vh] flex flex-col relative\">\n            <div class=\"p-6 border-b border-gray-100 flex justify-between items-center bg-indigo-50 rounded-t-2xl\">\n                <h3 id=\"aiModalTitle\" class=\"text-xl font-bold text-indigo-800 flex items-center gap-2 m-0\">\u2728 \u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e17\u0e32\u0e07\u0e2d\u0e32\u0e0a\u0e35\u0e1e<\/h3>\n                <button onclick=\"closeAiModal()\" class=\"text-gray-400 hover:text-gray-600 p-1 border-0 bg-transparent cursor-pointer\">\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\n                <\/button>\n            <\/div>\n            <div class=\"p-6 overflow-y-auto\">\n                <div id=\"aiModalContent\" class=\"text-gray-700 leading-relaxed whitespace-pre-line text-sm md:text-base\"><\/div>\n            <\/div>\n            <div class=\"p-4 border-t border-gray-100 text-right bg-gray-50 rounded-b-2xl\">\n                <button onclick=\"closeAiModal()\" class=\"bg-indigo-600 hover:bg-indigo-700 text-white font-medium py-2 px-6 rounded-lg transition border-0 cursor-pointer\">\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e41\u0e25\u0e49\u0e27 \u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e27\u0e21 4 \u0e1b\u0e35 (\u0e08\u0e31\u0e14\u0e01\u0e25\u0e38\u0e48\u0e21\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e08\u0e32\u0e01\u0e44\u0e1f\u0e25\u0e4c 2565, 2566, 2567, 2568)\n        const combinedData = [\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e0a\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 1, \"y66\": 1, \"y67\": 1, \"y68\": 1 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e0a\u0e48\u0e32\u0e07\u0e22\u0e19\u0e15\u0e4c\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 153, \"y66\": 163, \"y67\": 194, \"y68\": 153 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e0a\u0e48\u0e32\u0e07\u0e01\u0e25\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 81, \"y66\": 72, \"y67\": 77, \"y68\": 81 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e0a\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 172, \"y66\": 162, \"y67\": 184, \"y68\": 172 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 6, \"y66\": 30, \"y67\": 18, \"y68\": 6 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e0a\u0e48\u0e32\u0e07\u0e0b\u0e48\u0e2d\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 9, \"y66\": 39, \"y67\": 25, \"y68\": 9 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e41\u0e25\u0e30\u0e2b\u0e38\u0e48\u0e19\u0e22\u0e19\u0e15\u0e4c\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 28, \"y66\": 28, \"y67\": 27, \"y68\": 28 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e15\u0e31\u0e27\u0e16\u0e31\u0e07\u0e41\u0e25\u0e30\u0e2a\u0e35\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 42, \"y66\": 0, \"y67\": 7, \"y68\": 42 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 1, \"y66\": 6, \"y67\": 2, \"y68\": 1 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e25\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 26, \"y66\": 80, \"y67\": 48, \"y68\": 26 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 34, \"y66\": 0, \"y67\": 19, \"y68\": 34 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e44\u0e1f\u0e1f\u0e49\u0e32\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 57, \"y66\": 81, \"y67\": 66, \"y68\": 57 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 5, \"y66\": 12, \"y67\": 5, \"y68\": 5 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e15\u0e31\u0e27\u0e16\u0e31\u0e07\u0e41\u0e25\u0e30\u0e2a\u0e35\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\", \"y65\": 43, \"y66\": 0, \"y67\": 26, \"y68\": 43 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e23\u0e23\u0e21\/\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\", \"y65\": 97, \"y66\": 99, \"y67\": 99, \"y68\": 90 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e23\u0e23\u0e21\/\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\", \"y65\": 16, \"y66\": 22, \"y67\": 16, \"y68\": 7 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e23\u0e23\u0e21\/\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\", \"y65\": 87, \"y66\": 114, \"y67\": 75, \"y68\": 47 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e23\u0e23\u0e21\/\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\", \"y65\": 37, \"y66\": 43, \"y67\": 62, \"y68\": 86 },\n            { \"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\": \"\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\", \"\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32\": \"\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e23\u0e23\u0e21\/\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\", \"y65\": 60, \"y66\": 45, \"y67\": 72, \"y68\": 89 }\n        ];\n\n        let isBasicDataRendered = false;\n        let isChartRendered = false;\n\n        \/\/ \u0e04\u0e33\u0e19\u0e27\u0e13\u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21 4 \u0e1b\u0e35\n        let sum65 = 0, sum66 = 0, sum67 = 0, sum68 = 0;\n        let ind65 = 0, ind66 = 0, ind67 = 0, ind68 = 0;\n        let com65 = 0, com66 = 0, com67 = 0, com68 = 0;\n\n        combinedData.forEach(item => {\n            sum65 += item.y65; sum66 += item.y66; sum67 += item.y67; sum68 += item.y68;\n            if(item.\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32.includes(\"\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\")) {\n                ind65 += item.y65; ind66 += item.y66; ind67 += item.y67; ind68 += item.y68;\n            } else {\n                com65 += item.y65; com66 += item.y66; com67 += item.y67; com68 += item.y68;\n            }\n        });\n\n        \/\/ \u0e08\u0e31\u0e14\u0e40\u0e23\u0e35\u0e22\u0e07\u0e15\u0e32\u0e21\u0e1b\u0e35\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14 (2568) \u0e08\u0e32\u0e01\u0e21\u0e32\u0e01\u0e44\u0e1b\u0e19\u0e49\u0e2d\u0e22\n        combinedData.sort((a, b) => b.y68 - a.y68);\n\n        \/\/ ==========================================\n        \/\/ 1. \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e15\u0e32\u0e23\u0e32\u0e07\u0e41\u0e25\u0e30\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02 \n        \/\/ ==========================================\n        function renderBasicData() {\n            if (isBasicDataRendered) return;\n            const tableBody = document.getElementById('tableBody');\n            \n            if (!tableBody || !document.getElementById('total65')) return;\n\n            try {\n                \/\/ \u0e43\u0e2a\u0e48\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02 Scorecards\n                document.getElementById(\"total65\").innerText = sum65.toLocaleString();\n                document.getElementById(\"total66\").innerText = sum66.toLocaleString();\n                document.getElementById(\"total67\").innerText = sum67.toLocaleString();\n                document.getElementById(\"total68\").innerText = sum68.toLocaleString();\n\n                \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e15\u0e32\u0e23\u0e32\u0e07\n                tableBody.innerHTML = \"\";\n                combinedData.forEach((item, index) => {\n                    \/\/ \u0e2b\u0e32\u0e40\u0e17\u0e23\u0e19\u0e14\u0e4c (\u0e25\u0e39\u0e01\u0e28\u0e23\u0e02\u0e36\u0e49\u0e19\/\u0e25\u0e07 \u0e08\u0e32\u0e01\u0e1b\u0e35 67 \u0e44\u0e1b 68)\n                    let trendHTML = '';\n                    let diff = item.y68 - item.y67;\n                    if(diff > 0) {\n                        trendHTML = `<span class=\"text-green-600 font-bold flex items-center justify-center gap-1\"><svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\"><\/path><\/svg> +${diff}<\/span>`;\n                    } else if (diff < 0) {\n                        trendHTML = `<span class=\"text-red-500 font-bold flex items-center justify-center gap-1\"><svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg> ${diff}<\/span>`;\n                    } else {\n                        trendHTML = `<span class=\"text-gray-400 font-bold\">-<\/span>`;\n                    }\n\n                    const badgeColor = item.\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32.includes('\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21') \n                        ? 'bg-blue-100 text-blue-800' \n                        : 'bg-purple-100 text-purple-800';\n                        \n                    const tr = document.createElement('tr');\n                    tr.className = index % 2 === 0 ? 'bg-white hover:bg-gray-50' : 'bg-gray-50 hover:bg-gray-100';\n                    tr.innerHTML = `\n                        <td class=\"px-4 py-4 whitespace-nowrap text-sm text-gray-500\">${index + 1}<\/td>\n                        <td class=\"px-4 py-4 whitespace-nowrap text-sm font-bold text-gray-800\">${item.\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32}<\/td>\n                        <td class=\"px-4 py-4 whitespace-nowrap text-sm text-gray-500\">\n                            <span class=\"px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-md ${badgeColor}\">${item.\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e27\u0e34\u0e0a\u0e32}<\/span>\n                        <\/td>\n                        <td class=\"px-4 py-4 whitespace-nowrap text-sm text-gray-500 text-center\">${item.y65 > 0 ? item.y65 : '-'}<\/td>\n                        <td class=\"px-4 py-4 whitespace-nowrap text-sm text-gray-500 text-center\">${item.y66 > 0 ? item.y66 : '-'}<\/td>\n                        <td class=\"px-4 py-4 whitespace-nowrap text-sm text-gray-500 text-center\">${item.y67 > 0 ? item.y67 : '-'}<\/td>\n                        <td class=\"px-4 py-4 whitespace-nowrap text-sm font-bold text-indigo-700 text-center bg-indigo-50\/30\">${item.y68 > 0 ? item.y68 : '-'}<\/td>\n                        <td class=\"px-4 py-4 whitespace-nowrap text-sm text-center\">${trendHTML}<\/td>\n                        <td class=\"px-4 py-4 whitespace-nowrap text-center no-print\">\n                            <button onclick=\"askAIAboutMajor('${item.\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32}')\" class=\"inline-flex items-center justify-center bg-white hover:bg-indigo-50 text-indigo-600 text-xs font-semibold py-1.5 px-3 rounded-full transition-colors duration-200 border border-indigo-200 shadow-sm cursor-pointer\">\n                                \u2728 \u0e2d\u0e32\u0e0a\u0e35\u0e1e\n                            <\/button>\n                        <\/td>\n                    `;\n                    tableBody.appendChild(tr);\n                });\n                \n                isBasicDataRendered = true;\n            } catch(e) {\n                console.error(\"Table Error:\", e);\n            }\n        }\n\n        \/\/ ==========================================\n        \/\/ 2. \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e27\u0e32\u0e14\u0e01\u0e23\u0e32\u0e1f \n        \/\/ ==========================================\n        function renderCharts() {\n            if (isChartRendered) return;\n            if (typeof Chart === 'undefined' || !document.getElementById('lineChart')) return;\n\n            try {\n                Chart.defaults.font.family = \"'Sarabun', sans-serif\";\n\n                \/\/ \u0e01\u0e23\u0e32\u0e1f\u0e40\u0e2a\u0e49\u0e19 (Line Chart) \u0e14\u0e39\u0e40\u0e17\u0e23\u0e19\u0e14\u0e4c\u0e2a\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32 4 \u0e1b\u0e35\n                new Chart(document.getElementById('lineChart').getContext('2d'), {\n                    type: 'line',\n                    data: {\n                        labels: ['\u0e1b\u0e35 2565', '\u0e1b\u0e35 2566', '\u0e1b\u0e35 2567', '\u0e1b\u0e35 2568'],\n                        datasets: [\n                            {\n                                label: '\u0e2a\u0e32\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21',\n                                data: [ind65, ind66, ind67, ind68],\n                                borderColor: 'rgb(59, 130, 246)', \/\/ Blue\n                                backgroundColor: 'rgba(59, 130, 246, 0.1)',\n                                borderWidth: 3,\n                                fill: true,\n                                tension: 0.3,\n                                pointRadius: 5\n                            },\n                            {\n                                label: '\u0e2a\u0e32\u0e22\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e23\u0e23\u0e21\/\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08',\n                                data: [com65, com66, com67, com68],\n                                borderColor: 'rgb(168, 85, 247)', \/\/ Purple\n                                backgroundColor: 'rgba(168, 85, 247, 0.1)',\n                                borderWidth: 3,\n                                fill: true,\n                                tension: 0.3,\n                                pointRadius: 5\n                            }\n                        ]\n                    },\n                    options: {\n                        responsive: true, maintainAspectRatio: false,\n                        plugins: { tooltip: { titleFont: { size: 14 }, bodyFont: { size: 14 } }, legend: { position: 'top', labels: { usePointStyle: true, font: { size: 14 } } } },\n                        scales: { y: { beginAtZero: false } }\n                    }\n                });\n\n                \/\/ \u0e01\u0e23\u0e32\u0e1f\u0e41\u0e17\u0e48\u0e07 (Bar Chart) \u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a Top 5 \u0e2a\u0e32\u0e02\u0e32\n                const top5 = combinedData.slice(0, 5);\n                new Chart(document.getElementById('barChart').getContext('2d'), {\n                    type: 'bar',\n                    data: {\n                        labels: top5.map(d => d.\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32),\n                        datasets: [\n                            { label: '\u0e1b\u0e35 65', data: top5.map(d => d.y65), backgroundColor: 'rgba(148, 163, 184, 0.7)', borderRadius: 2 },\n                            { label: '\u0e1b\u0e35 66', data: top5.map(d => d.y66), backgroundColor: 'rgba(96, 165, 250, 0.8)', borderRadius: 2 },\n                            { label: '\u0e1b\u0e35 67', data: top5.map(d => d.y67), backgroundColor: 'rgba(129, 140, 248, 0.9)', borderRadius: 2 },\n                            { label: '\u0e1b\u0e35 68', data: top5.map(d => d.y68), backgroundColor: 'rgba(79, 70, 229, 1.0)', borderRadius: 2 }\n                        ]\n                    },\n                    options: {\n                        responsive: true, maintainAspectRatio: false,\n                        plugins: { tooltip: { titleFont: { size: 14 }, bodyFont: { size: 14 } }, legend: { position: 'top', labels: { usePointStyle: true, font: { size: 13 } } } },\n                        scales: { x: { ticks: { font: { size: 12 } } }, y: { beginAtZero: true } }\n                    }\n                });\n\n                isChartRendered = true;\n            } catch(e) {\n                console.error(\"Chart Error:\", e);\n            }\n        }\n\n        \/\/ ==========================================\n        \/\/ 3. \u0e15\u0e31\u0e27\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a WordPress\n        \/\/ ==========================================\n        function ensureDependencies() {\n            renderBasicData();\n            renderCharts();\n            \n            const chartIsReady = typeof Chart !== 'undefined';\n            const tailwindIsReady = typeof tailwind !== 'undefined';\n\n            if (!isBasicDataRendered || !isChartRendered) {\n                if (!tailwindIsReady && !document.getElementById('forced-tailwind')) {\n                    const tw = document.createElement('script'); tw.id = 'forced-tailwind'; tw.src = \"https:\/\/cdn.tailwindcss.com\"; document.head.appendChild(tw);\n                }\n                if (!chartIsReady && !document.getElementById('forced-chartjs')) {\n                    const cjs = document.createElement('script'); cjs.id = 'forced-chartjs'; cjs.src = \"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"; document.head.appendChild(cjs);\n                }\n                setTimeout(ensureDependencies, 200);\n            }\n        }\n        ensureDependencies();\n\n        \/\/ ==========================================\n        \/\/ 4. \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e41\u0e19\u0e30\u0e19\u0e33\u0e2d\u0e32\u0e0a\u0e35\u0e1e\n        \/\/ ==========================================\n        window.askAIAboutMajor = (majorName) => {\n            const modal = document.getElementById('aiModal');\n            document.getElementById('aiModalTitle').innerHTML = `\u2728 \u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e17\u0e32\u0e07\u0e2d\u0e32\u0e0a\u0e35\u0e1e: \u0e2a\u0e32\u0e02\u0e32${majorName}`;\n            \n            document.getElementById('aiModalContent').innerHTML = `\n                <strong class=\"text-gray-900 text-lg\">\ud83d\udcbc \u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e33\u0e44\u0e14\u0e49\u0e15\u0e23\u0e07\u0e2a\u0e32\u0e22:<\/strong><br>\n                \u2022 \u0e0a\u0e48\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19 <strong>${majorName}<\/strong><br>\n                \u2022 \u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23 \u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21 \u0e2b\u0e23\u0e37\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e40\u0e2d\u0e01\u0e0a\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07<br>\n                \u2022 \u0e04\u0e23\u0e39\u0e1d\u0e36\u0e01\u0e2a\u0e2d\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1d\u0e48\u0e32\u0e22\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c<br>\n                \u2022 \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 (Freelance \/ SME \/ \u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e40\u0e2b\u0e21\u0e32\u0e2d\u0e34\u0e2a\u0e23\u0e30)<br><br>\n                \n                <strong class=\"text-gray-900 text-lg\">\ud83d\udcc8 \u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15:<\/strong><br>\n                \u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e32\u0e22\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e44\u0e14\u0e49\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e04\u0e37\u0e2d \"\u0e17\u0e33\u0e40\u0e1b\u0e47\u0e19 \u0e40\u0e23\u0e35\u0e22\u0e19\u0e08\u0e1a\u0e41\u0e25\u0e49\u0e27\u0e21\u0e35\u0e07\u0e32\u0e19\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e17\u0e31\u0e19\u0e17\u0e35\" \u0e15\u0e25\u0e32\u0e14\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19\u0e43\u0e19\u0e44\u0e17\u0e22\u0e41\u0e25\u0e30\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e22\u0e31\u0e07\u0e04\u0e07\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e19\u0e35\u0e49\u0e2a\u0e39\u0e07\u0e21\u0e32\u0e01 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e48\u0e2d\u0e22\u0e2d\u0e14 \u0e1b.\u0e15\u0e23\u0e35 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e43\u0e19\u0e40\u0e27\u0e25\u0e32\u0e2d\u0e31\u0e19\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27<br><br>\n                \n                <strong class=\"text-gray-900 text-lg\">\ud83d\udcb0 \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e42\u0e14\u0e22\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13:<\/strong><br>\n                \u2022 \u0e23\u0e30\u0e14\u0e31\u0e1a \u0e1b\u0e27\u0e0a. \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e17\u0e35\u0e48 10,000 - 12,000 \u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19<br>\n                \u2022 \u0e23\u0e30\u0e14\u0e31\u0e1a \u0e1b\u0e27\u0e2a. \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e17\u0e35\u0e48 13,000 - 18,000 \u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19<br>\n                <span class=\"text-sm text-indigo-700 mt-2 block bg-indigo-50\/50 p-3 rounded-lg border border-indigo-100\">\n                \ud83d\udca1 <strong>\u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49:<\/strong> \u0e2b\u0e32\u0e01\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e21\u0e35 \"\u0e43\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\" \u0e41\u0e25\u0e30\u0e40\u0e01\u0e48\u0e07\u0e20\u0e32\u0e29\u0e32\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 \u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e08\u0e30\u0e02\u0e22\u0e31\u0e1a\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b\u0e41\u0e15\u0e30 20,000 - 25,000 \u0e1a\u0e32\u0e17\u0e44\u0e14\u0e49\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e08\u0e1a\u0e43\u0e2b\u0e21\u0e48!\n                <\/span>\n            `;\n            modal.style.display = 'flex';\n            modal.classList.remove('hidden');\n        };\n\n        window.closeAiModal = () => {\n            const modal = document.getElementById('aiModal');\n            modal.style.display = 'none';\n            modal.classList.add('hidden');\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\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>\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32 4 \u0e1b\u0e35 (2565-2568) \ud83d\udcca  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","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":"","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-118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/pages\/118"}],"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=118"}],"version-history":[{"count":187,"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/pages\/118\/revisions"}],"predecessor-version":[{"id":11681,"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/pages\/118\/revisions\/11681"}],"wp:attachment":[{"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/media?parent=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}