{"id":2178,"date":"2025-05-12T12:59:17","date_gmt":"2025-05-12T12:59:17","guid":{"rendered":"https:\/\/udonpole.go.th\/?page_id=2178"},"modified":"2025-05-12T12:59:33","modified_gmt":"2025-05-12T12:59:33","slug":"learning","status":"publish","type":"page","link":"https:\/\/udonpole.go.th\/?page_id=2178","title":{"rendered":"Learning"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c | \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19 \u0e2a\u0e01\u0e23.\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e14\u0e23\u0e18\u0e32\u0e19\u0e35<\/title>\r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- jQuery -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jquery@3.6.0\/dist\/jquery.min.js\"><\/script>\r\n <!-- Font -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Roboto', sans-serif;\r\n }\r\n .tab-content {\r\n display: none;\r\n }\r\n .tab-content.active {\r\n display: block;\r\n }\r\n .tab-button.active {\r\n background-color: #3b82f6;\r\n color: white;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50\">\r\n <header class=\"bg-white shadow-md\">\r\n <div class=\"container mx-auto px-4 py-6\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-center\">\r\n <div class=\"mb-4 md:mb-0\">\r\n <h1 class=\"text-2xl md:text-3xl font-bold text-blue-600\">\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h1>\r\n <p class=\"text-gray-600\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e14\u0e23\u0e18\u0e32\u0e19\u0e35<\/p>\r\n <\/div>\r\n <div class=\"text-sm text-gray-500 text-center md:text-right\">\r\n <p>17 \u0e16.\u0e17\u0e2b\u0e32\u0e23 \u0e15.\u0e2b\u0e21\u0e32\u0e01\u0e41\u0e02\u0e49\u0e07 \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e2d\u0e38\u0e14\u0e23\u0e18\u0e32\u0e19\u0e35 41000<\/p>\r\n <p>\u0e42\u0e17\u0e23. 042-223-461 | <a href=\"https:\/\/udonpole.go.th\/\" class=\"text-blue-500 hover:underline\">website : https:\/\/udonpole.go.th\/<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"container mx-auto px-4 py-8\">\r\n <div class=\"bg-white rounded-lg shadow-md p-6 mb-8\">\r\n <h2 class=\"text-xl font-semibold text-gray-800 mb-4\">\u0e23\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/h2>\r\n \r\n <!-- Tab Navigation -->\r\n <div class=\"flex flex-wrap border-b border-gray-200 mb-6\">\r\n <button class=\"tab-button px-4 py-2 font-medium text-sm rounded-t-lg mr-2 mb-2 active\" data-tab=\"primary\">\u0e1b\u0e23\u0e30\u0e16\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32<\/button>\r\n <button class=\"tab-button px-4 py-2 font-medium text-sm rounded-t-lg mr-2 mb-2\" data-tab=\"secondary\">\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e15\u0e2d\u0e19\u0e15\u0e49\u0e19<\/button>\r\n <button class=\"tab-button px-4 py-2 font-medium text-sm rounded-t-lg mr-2 mb-2\" data-tab=\"highschool\">\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e15\u0e2d\u0e19\u0e1b\u0e25\u0e32\u0e22<\/button>\r\n <\/div>\r\n \r\n <!-- Primary School Tab -->\r\n <div id=\"primary\" class=\"tab-content active\">\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"min-w-full divide-y divide-gray-200\">\r\n <thead class=\"bg-gray-50\">\r\n <tr>\r\n <th class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e23\u0e2b\u0e31\u0e2a\u0e27\u0e34\u0e0a\u0e32<\/th>\r\n <th class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e23\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32<\/th>\r\n <th class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">LINK \u0e40\u0e02\u0e49\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/th>\r\n <th class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e23\u0e2b\u0e31\u0e2a\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody class=\"bg-white divide-y divide-gray-200\" id=\"primary-table-body\">\r\n <!-- Data will be inserted here by JavaScript -->\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Secondary School Tab -->\r\n <div id=\"secondary\" class=\"tab-content\">\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"min-w-full divide-y divide-gray-200\">\r\n <thead class=\"bg-gray-50\">\r\n <tr>\r\n <th class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e23\u0e2b\u0e31\u0e2a\u0e27\u0e34\u0e0a\u0e32<\/th>\r\n <th class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e23\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32<\/th>\r\n <th class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">LINK \u0e40\u0e02\u0e49\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/th>\r\n <th class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e23\u0e2b\u0e31\u0e2a\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody class=\"bg-white divide-y divide-gray-200\" id=\"secondary-table-body\">\r\n <!-- Data will be inserted here by JavaScript -->\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- High School Tab -->\r\n <div id=\"highschool\" class=\"tab-content\">\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"min-w-full divide-y divide-gray-200\">\r\n <thead class=\"bg-gray-50\">\r\n <tr>\r\n <th class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e23\u0e2b\u0e31\u0e2a\u0e27\u0e34\u0e0a\u0e32<\/th>\r\n <th class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e23\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32<\/th>\r\n <th class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">LINK \u0e40\u0e02\u0e49\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/th>\r\n <th class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0e23\u0e2b\u0e31\u0e2a\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody class=\"bg-white divide-y divide-gray-200\" id=\"highschool-table-body\">\r\n <!-- Data will be inserted here by JavaScript -->\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <footer class=\"bg-gray-800 text-white py-8\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-center\">\r\n <div class=\"mb-4 md:mb-0\">\r\n <h3 class=\"text-lg font-semibold\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19 \u0e2a\u0e01\u0e23.\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e14\u0e23\u0e18\u0e32\u0e19\u0e35<\/h3>\r\n <p class=\"text-gray-300\">17 \u0e16.\u0e17\u0e2b\u0e32\u0e23 \u0e15.\u0e2b\u0e21\u0e32\u0e01\u0e41\u0e02\u0e49\u0e07 \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e2d\u0e38\u0e14\u0e23\u0e18\u0e32\u0e19\u0e35 41000<\/p>\r\n <p class=\"text-gray-300\">\u0e42\u0e17\u0e23. 042-223-461 | website : https:\/\/udonpole.go.th\/<\/p>\r\n <\/div>\r\n <div class=\"text-gray-300 text-sm\">\r\n <p>\u00a9 2025 \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19 \u0e2a\u0e01\u0e23.\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e14\u0e23\u0e18\u0e32\u0e19\u0e35<\/p>\r\n <p>\u0e42\u0e14\u0e22 Nartnaree Kunthaprayoch<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n $(document).ready(function() {\r\n \/\/ Tab switching functionality\r\n $('.tab-button').click(function() {\r\n $('.tab-button').removeClass('active');\r\n $(this).addClass('active');\r\n \r\n const tabId = $(this).data('tab');\r\n $('.tab-content').removeClass('active');\r\n $('#' + tabId).addClass('active');\r\n });\r\n \r\n \/\/ Data for primary school\r\n const primaryData = [\r\n { code: \"\u0e1e\u0e0411001\", name: \"\u0e04\u0e13\u0e34\u0e15\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\", link: \"https:\/\/classroom.google.com\/c\/Nzc2ODAxMzUzNjM0?cjc=666ecskk\", classCode: \"666ecskk\" },\r\n { code: \"\u0e1e\u0e1711001\", name: \"\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22\", link: \"https:\/\/classroom.google.com\/c\/Njk5MjcxMzAwMDMx?cjc=3lc35gpc\", classCode: \"3lc35gpc\" },\r\n { code: \"\u0e1e\u0e1711001\", name: \"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\", link: \"https:\/\/classroom.google.com\/c\/Nzc2ODE5ODk4Mjg0?cjc=5bacfk3i\", classCode: \"5bacfk3i\" },\r\n { code: \"\u0e2a\u0e0411003\", name: \"\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e0a\u0e38\u0e21\u0e0a\u0e19 \u0e2a\u0e31\u0e07\u0e04\u0e21\", link: \"https:\/\/classroom.google.com\/c\/Njk5MjcxMzc3ODI0?cjc=s3pg7vyq\", classCode: \"s3pg7vyq\" },\r\n { code: \"\u0e2d\u0e0a11001\", name: \"\u0e0a\u0e48\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e2d\u0e32\u0e0a\u0e35\u0e1e\", link: \"https:\/\/classroom.google.com\/c\/Nzc2ODIyMzQ0ODM3?cjc=le7bnbei\", classCode: \"le7bnbei\" },\r\n { code: \"\u0e2a\u0e0412019\", name: \"\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e2a\u0e39\u0e49\u0e20\u0e31\u0e22\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e341\", link: \"https:\/\/classroom.google.com\/c\/Njk5MjcxNDI3MjE1?cjc=kp4yzoin\", classCode: \"kp4yzoin\" },\r\n { code: \"\u0e1e\u0e2712002\", name: \"\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e27\u0e31\u0e191\", link: \"https:\/\/classroom.google.com\/c\/Nzc2ODIyNDk1OTA3?cjc=7jrwocqr\", classCode: \"7jrwocqr\" },\r\n { code: \"\u0e2a\u0e0412021\", name: \"\u0e25\u0e39\u0e01\u0e40\u0e2a\u0e37\u0e2d \u0e01\u0e28\u0e19.\", link: \"https:\/\/classroom.google.com\/c\/Nzc2ODA0NDczMzIx?cjc=ecddu5eq\", classCode: \"ecddu5eq\" },\r\n { code: \"\u0e17\u0e2311001\", name: \"\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\", link: \"https:\/\/classroom.google.com\/c\/Nzc2ODE4Mzk1MDk3?cjc=ophylrbc\", classCode: \"ophylrbc\" },\r\n { code: \"\u0e17\u0e0a11001\", name: \"\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e1e\u0e2d\u0e40\u0e1e\u0e35\u0e22\u0e07\", link: \"https:\/\/classroom.google.com\/c\/Njk5MjcxNTU1MDcx?cjc=mecu7fml\", classCode: \"mecu7fml\" },\r\n { code: \"\u0e2d\u0e0a11001\", name: \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e2d\u0e22\u0e39\u0e48\u0e21\u0e35\u0e01\u0e34\u0e19\", link: \"https:\/\/classroom.google.com\/c\/Njk5MjcxMjc4ODM2?cjc=zglf3kfu\", classCode: \"zglf3kfu\" },\r\n { code: \"\u0e2d\u0e0a11002\", name: \"\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e2d\u0e32\u0e0a\u0e35\u0e1e\", link: \"https:\/\/classroom.google.com\/c\/Nzc2ODAyNzY1MDg0?cjc=zcme5vov\", classCode: \"zcme5vov\" },\r\n { code: \"\u0e17\u0e0a11002\", name: \"\u0e2a\u0e38\u0e02\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1e\u0e25\u0e28\u0e36\u0e01\u0e29\u0e32\", link: \"https:\/\/classroom.google.com\/c\/Nzc2ODE5NTQ5NzM2?cjc=higzwzrc\", classCode: \"higzwzrc\" },\r\n { code: \"\u0e2a\u0e0411001\", name: \"\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\", link: \"https:\/\/classroom.google.com\/c\/Njk5MjcxMjYzNDQ5?cjc=nnfrswfk\", classCode: \"nnfrswfk\" },\r\n { code: \"\u0e1e\u0e2712003\", name: \"\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c1\", link: \"https:\/\/classroom.google.com\/c\/Nzc2ODAyMTAyNDY5?cjc=cpmyaxou\", classCode: \"cpmyaxou\" },\r\n { code: \"\u0e2a\u0e0412016\", name: \"\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e35\u0e27\u0e34\u0e151\", link: \"https:\/\/classroom.google.com\/c\/Nzc2ODAzMTM2MDM1?cjc=gtctsbdk\", classCode: \"gtctsbdk\" },\r\n { code: \"\u0e2a\u0e0412020\", name: \"\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e0a\u0e32\u0e15\u0e34\u0e44\u0e17\u0e22\", link: \"https:\/\/classroom.google.com\/c\/Njk5MjcxNTY0MTk2?cjc=rd3prs7d\", classCode: \"rd3prs7d\" },\r\n { code: \"\u0e1e\u0e1521001\", name: \"\u0e20\u0e32\u0e29\u0e32\u0e2d\u0e31\u0e07\u0e01\u0e24\u0e29\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\", link: \"https:\/\/classroom.google.com\/c\/Njk5MjcxNTI0NjQ5?cjc=a37xzjed\", classCode: \"a37xzjed\" },\r\n { code: \"\u0e17\u0e0a11003\", name: \"\u0e28\u0e34\u0e25\u0e1b\u0e28\u0e36\u0e01\u0e29\u0e32\", link: \"https:\/\/classroom.google.com\/c\/Nzc2ODIyMjUxMjE3?cjc=cl6ktlcl\", classCode: \"cl6ktlcl\" },\r\n { code: \"\u0e2a\u0e0411002\", name: \"\u0e28\u0e32\u0e2a\u0e19\u0e32 \u0e41\u0e25\u0e30\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e25\u0e40\u0e21\u0e37\u0e2d\u0e07\", link: \"https:\/\/classroom.google.com\/c\/Nzc2ODIwNzU4OTkz?cjc=ssbjudas\", classCode: \"ssbjudas\" }\r\n ];\r\n \r\n \/\/ Data for secondary school\r\n const secondaryData = [\r\n { code: \"\u0e1e\u0e0421001\", name: \"\u0e04\u0e13\u0e34\u0e15\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAwODEwNDM5?cjc=eqt7iqrd\", classCode: \"eqt7iqrd\" },\r\n { code: \"\u0e1e\u0e1721001\", name: \"\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyMjU4Njk3?cjc=wsmlyua6\", classCode: \"wsmlyua6\" },\r\n { code: \"\u0e1e\u0e1721001\", name: \"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyMjgyMTk0?cjc=qkcz4g6g\", classCode: \"qkcz4g6g\" },\r\n { code: \"\u0e2a\u0e0421003\", name: \"\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e0a\u0e38\u0e21\u0e0a\u0e19 \u0e2a\u0e31\u0e07\u0e04\u0e21\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAzMDM3ODAz?cjc=bufmlefp\", classCode: \"bufmlefp\" },\r\n { code: \"\u0e2d\u0e0a21001\", name: \"\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e1e\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAxNzg4NDk4?cjc=xa4mhxol\", classCode: \"xa4mhxol\" },\r\n { code: \"\u0e2a\u0e0422019\", name: \"\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e2a\u0e39\u0e49\u0e20\u0e31\u0e22\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e342\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyMTAxODY2?cjc=sr4lx7iw\", classCode: \"sr4lx7iw\" },\r\n { code: \"\u0e1e\u0e2722002\", name: \"\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e27\u0e31\u0e192\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyMzcyMzAz?cjc=wmjynxo6\", classCode: \"wmjynxo6\" },\r\n { code: \"\u0e2a\u0e0422021\", name: \"\u0e25\u0e39\u0e01\u0e40\u0e2a\u0e37\u0e2d \u0e01\u0e28\u0e19.\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyMjE1OTg3?cjc=ersqixbq\", classCode: \"ersqixbq\" },\r\n { code: \"\u0e17\u0e2321001\", name: \"\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\", link: \"https:\/\/classroom.google.com\/c\/Nzc2NzgxNDY5ODM2?cjc=l5cszokl\", classCode: \"l5cszokl\" },\r\n { code: \"\u0e17\u0e0a21001\", name: \"\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e1e\u0e2d\u0e40\u0e1e\u0e35\u0e22\u0e07\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyODM3MzU0?cjc=g4id6ch3\", classCode: \"g4id6ch3\" },\r\n { code: \"\u0e2d\u0e0a21001\", name: \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e21\u0e41\u0e02\u0e47\u0e07\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAzMTI3MzQ1?cjc=5trli3jy\", classCode: \"5trli3jy\" },\r\n { code: \"\u0e2d\u0e0a21002\", name: \"\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e1e\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyMjM5NjA4?cjc=yaicw6np\", classCode: \"yaicw6np\" },\r\n { code: \"\u0e17\u0e0a21002\", name: \"\u0e2a\u0e38\u0e02\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1e\u0e25\u0e28\u0e36\u0e01\u0e29\u0e32\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyNDEzMzY0?cjc=ixdzd546\", classCode: \"ixdzd546\" },\r\n { code: \"\u0e2a\u0e0421001\", name: \"\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyNjM1OTMx?cjc=njcnelhi\", classCode: \"njcnelhi\" },\r\n { code: \"\u0e1e\u0e2722003\", name: \"\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c2\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyNDQwNDU1?cjc=lsy7a2oh\", classCode: \"lsy7a2oh\" },\r\n { code: \"\u0e2a\u0e0422016\", name: \"\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e35\u0e27\u0e34\u0e152\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyMTY3ODk5?cjc=nnzlb2ai\", classCode: \"nnzlb2ai\" },\r\n { code: \"\u0e2a\u0e0422020\", name: \"\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e0a\u0e32\u0e15\u0e34\u0e44\u0e17\u0e22\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyNTg1NDcw?cjc=eytvts2l\", classCode: \"eytvts2l\" },\r\n { code: \"\u0e1e\u0e1521001\", name: \"\u0e20\u0e32\u0e29\u0e32\u0e2d\u0e31\u0e07\u0e01\u0e24\u0e29\u0e43\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e27\u0e31\u0e19\", link: \"https:\/\/classroom.google.com\/c\/NzY4MDAyMzA0MTM4?cjc=sukrlxy2\", classCode: \"sukrlxy2\" },\r\n { code: \"\u0e17\u0e0a21003\", name: \"\u0e28\u0e34\u0e25\u0e1b\u0e28\u0e36\u0e01\u0e29\u0e32\", link: \"https:\/\/classroom.google.com\/c\/Nzc2NzgyMjQ0NjQw?cjc=ujzek3pg\", classCode: \"ujzek3pg\" },\r\n { code: \"\u0e2a\u0e0421002\", name: \"\u0e28\u0e32\u0e2a\u0e19\u0e32\u0e41\u0e25\u0e30\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e25\u0e40\u0e21\u0e37\u0e2d\u0e07\", link: \"https:\/\/classroom.google.com\/c\/Nzc2NzgxNDg1NDAw?cjc=3mdcz4ca\", classCode: \"3mdcz4ca\" }\r\n ];\r\n \r\n \/\/ Data for high school\r\n const highschoolData = [\r\n { code: \"\u0e1e\u0e0431001\", name: \"\u0e04\u0e13\u0e34\u0e15\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTkwNDY3OTEy?cjc=7wx7asge\", classCode: \"7wx7asge\" },\r\n { code: \"\u0e1e\u0e1731001\", name: \"\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22\", link: \"https:\/\/classroom.google.com\/c\/NzIzNjkxNDQ0NjQ5?cjc=e7nnrwi\", classCode: \"e7nnrwi\" },\r\n { code: \"\u0e1e\u0e2731001\", name: \"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTkzNDkzNDE4?cjc=7aqx3n62\", classCode: \"7aqx3n62\" },\r\n { code: \"\u0e2a\u0e0431003\", name: \"\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e15\u0e19\u0e40\u0e2d\u0e07 \u0e0a\u0e38\u0e21\u0e0a\u0e19 \u0e2a\u0e31\u0e07\u0e04\u0e21\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTkzNjM5NjIw?cjc=4qqznbfm\", classCode: \"4qqznbfm\" },\r\n { code: \"\u0e2d\u0e0a31001\", name: \"\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e02\u0e22\u0e32\u0e22\u0e2d\u0e32\u0e0a\u0e35\u0e1e\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0MjU1Njg2?cjc=k2qaxd6e\", classCode: \"k2qaxd6e\" },\r\n { code: \"\u0e2a\u0e0432032\", name: \"\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e2a\u0e39\u0e49\u0e20\u0e31\u0e22\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e343\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0NDI3NDI0?cjc=favkceso\", classCode: \"favkceso\" },\r\n { code: \"\u0e1e\u0e2732023\", name: \"\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e43\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e27\u0e31\u0e193\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0MjU1MzEx?cjc=5jrqjne5\", classCode: \"5jrqjne5\" },\r\n { code: \"\u0e2a\u0e0432035\", name: \"\u0e25\u0e39\u0e01\u0e40\u0e2a\u0e37\u0e2d \u0e01\u0e28\u0e19.\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0NDUzNzgx?cjc=lj2kg62t\", classCode: \"lj2kg62t\" },\r\n { code: \"\u0e17\u0e2331001\", name: \"\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0NjM0MDU5?cjc=g7o6kw7c\", classCode: \"g7o6kw7c\" },\r\n { code: \"\u0e17\u0e0a31001\", name: \"\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e1e\u0e2d\u0e40\u0e1e\u0e35\u0e22\u0e07\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0MDMwNTIx?cjc=jh4gw5gq\", classCode: \"jh4gw5gq\" },\r\n { code: \"\u0e2d\u0e0a31003\", name: \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e04\u0e07\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTkxMzI0MDE0?cjc=3qg3ziij\", classCode: \"3qg3ziij\" },\r\n { code: \"\u0e2d\u0e0a31002\", name: \"\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e02\u0e22\u0e32\u0e22\u0e2d\u0e32\u0e0a\u0e35\u0e1e\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0ODM2OTMw?cjc=wubzwtfd\", classCode: \"wubzwtfd\" },\r\n { code: \"\u0e17\u0e0a31002\", name: \"\u0e2a\u0e38\u0e02\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1e\u0e25\u0e28\u0e36\u0e01\u0e29\u0e32\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0NzE1Nzk1?cjc=ubi24w6a\", classCode: \"ubi24w6a\" },\r\n { code: \"\u0e2a\u0e0431001\", name: \"\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0ODY4NzY3?cjc=xyc6nque\", classCode: \"xyc6nque\" },\r\n { code: \"\u0e1e\u0e2732024\", name: \"\u0e27\u0e31\u0e28\u0e14\u0e38\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c3\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0ODEwNzM4?cjc=wwhw6jtt\", classCode: \"wwhw6jtt\" },\r\n { code: \"\u0e2a\u0e0432029\", name: \"\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e35\u0e27\u0e34\u0e153\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk1MDY4ODg3?cjc=ft5lsscb\", classCode: \"ft5lsscb\" },\r\n { code: \"\u0e2a\u0e0432034\", name: \"\u0e1b\u0e23\u0e30\u0e27\u0e49\u0e15\u0e34\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e0a\u0e32\u0e15\u0e34\u0e44\u0e17\u0e22\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0ODgwNDc3?cjc=z7n5ahtc\", classCode: \"z7n5ahtc\" },\r\n { code: \"\u0e1e\u0e1531001\", name: \"\u0e20\u0e32\u0e29\u0e32\u0e2d\u0e31\u0e07\u0e01\u0e24\u0e29\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e41\u0e25\u0e30\u0e2a\u0e31\u0e07\u0e04\u0e21\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0OTQ0NDU5?cjc=e46o4sjr\", classCode: \"e46o4sjr\" },\r\n { code: \"\u0e17\u0e0a31003\", name: \"\u0e28\u0e34\u0e25\u0e1b\u0e28\u0e36\u0e01\u0e29\u0e32\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0OTM4Nzky?cjc=twpr6sak\", classCode: \"twpr6sak\" },\r\n { code: \"\u0e2a\u0e0431002\", name: \"\u0e28\u0e32\u0e2a\u0e19\u0e32\u0e41\u0e25\u0e30\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e25\u0e40\u0e21\u0e37\u0e2d\u0e07\", link: \"https:\/\/classroom.google.com\/c\/NzY3OTk0NzkwODE3?cjc=3cs5uyxl\", classCode: \"3cs5uyxl\" }\r\n ];\r\n \r\n \/\/ Populate tables with data\r\n populateTable(primaryData, '#primary-table-body');\r\n populateTable(secondaryData, '#secondary-table-body');\r\n populateTable(highschoolData, '#highschool-table-body');\r\n \r\n function populateTable(data, tableId) {\r\n const $tableBody = $(tableId);\r\n $tableBody.empty();\r\n \r\n data.forEach(item => {\r\n const row = `\r\n <tr>\r\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">${item.code}<\/td>\r\n <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900\">${item.name}<\/td>\r\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-blue-500\">\r\n <a href=\"${item.link}\" target=\"_blank\" class=\"hover:underline\">\u0e40\u0e02\u0e49\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/a>\r\n <\/td>\r\n <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">${item.classCode}<\/td>\r\n <\/tr>\r\n `;\r\n $tableBody.append(row);\r\n });\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c | \u0e2a […]<\/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":"","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":"","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":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","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":""}},"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-2178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/udonpole.go.th\/index.php?rest_route=\/wp\/v2\/pages\/2178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/udonpole.go.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/udonpole.go.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/udonpole.go.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/udonpole.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2178"}],"version-history":[{"count":4,"href":"https:\/\/udonpole.go.th\/index.php?rest_route=\/wp\/v2\/pages\/2178\/revisions"}],"predecessor-version":[{"id":2182,"href":"https:\/\/udonpole.go.th\/index.php?rest_route=\/wp\/v2\/pages\/2178\/revisions\/2182"}],"wp:attachment":[{"href":"https:\/\/udonpole.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}