{"id":22469,"date":"2025-06-23T01:50:10","date_gmt":"2025-06-23T01:50:10","guid":{"rendered":"https:\/\/mbal.mcu.ac.th\/?page_id=22469"},"modified":"2025-10-04T16:49:00","modified_gmt":"2025-10-04T16:49:00","slug":"%e0%b8%aa%e0%b8%a1%e0%b8%b1%e0%b8%84%e0%b8%a3%e0%b8%ad%e0%b8%9a%e0%b8%a3%e0%b8%a1-ai","status":"publish","type":"page","link":"https:\/\/mbal.mcu.ac.th\/","title":{"rendered":"\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10 (AI) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e1a\u0e31\u0e15\u0e23<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\u0e04\u0e25\u0e31\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tChatbot<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\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
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c (AI)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21<\/p>\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\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\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\"\u0e01\u0e01\u0e01\"\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
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e2d\u0e1a\u0e23\u0e21<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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\n\t\t\t\t\t\t\t\"\u0e01\"\t\t\t\t\t\t\t\t<\/a>\n\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
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e40\u0e25\u0e48\u0e21\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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 \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e2d\u0e1a\u0e23\u0e21 AI \u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21<\/title>\r\n <style>\r\n body {\r\n font-family: 'Noto Sans Thai', sans-serif;\r\n background-color: #fdfdfd;\r\n color: #333;\r\n padding: 0 2rem 2rem 2rem;\r\n }\r\n .card {\r\n background: #fff;\r\n border-radius: 1rem;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.06);\r\n padding: 1.5rem 2rem 2rem 2rem;\r\n max-width: 600px;\r\n margin: 0 auto 2rem auto;\r\n line-height: 1.6;\r\n }\r\n h2 {\r\n font-size: 1.5rem;\r\n margin-bottom: 1rem;\r\n color: #6c63ff;\r\n text-align: center;\r\n }\r\n h3 {\r\n font-size: 1.2rem;\r\n margin-top: 1.2rem;\r\n margin-bottom: 0.6rem;\r\n color: #ff66b2;\r\n border-left: 5px solid #ff66b2;\r\n padding-left: 0.8rem;\r\n }\r\n ul {\r\n list-style: none;\r\n padding-left: 0;\r\n margin: 0 0 1rem 0;\r\n }\r\n li {\r\n margin-bottom: 0.7rem;\r\n padding-left: 0;\r\n position: relative;\r\n font-size: 1rem;\r\n }\r\n p {\r\n line-height: 1.6;\r\n margin-top: 0.4rem;\r\n margin-bottom: 0.8rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"card\">\r\n <h2>\ud83d\udcd8 \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23<\/h2>\r\n\r\n <h3>\ud83c\udf93 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e2d\u0e1a\u0e23\u0e21: \u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c (AI) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e1e\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21\u0e41\u0e1a\u0e1a\u0e40\u0e0a\u0e34\u0e07\u0e23\u0e38\u0e01 \u0e41\u0e25\u0e30\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30\u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e25\u0e36\u0e01\u0e0b\u0e36\u0e49\u0e07 \u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e07\u0e48\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e22\u0e38\u0e04\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25<\/h3>\r\n \r\n <h3>\ud83d\udcc5 \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21<\/h3>\r\n <ul>\r\n <li>\ud83d\udea9 \u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48 \u0e51: \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e56 - \u0e57 \u0e01.\u0e04. \u0e52\u0e55\u0e56\u0e58<br>\u0e13 \u0e27\u0e31\u0e14\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e39\u0e17\u0e34\u0e28 \u0e21\u0e08\u0e23 \u0e27\u0e31\u0e07\u0e19\u0e49\u0e2d\u0e22<\/li>\r\n <li>\ud83d\udea9 \u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48 \u0e52: \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e51\u0e57 - \u0e51\u0e58 \u0e01.\u0e04. \u0e52\u0e55\u0e56\u0e58<br>\u0e13 \u0e21\u0e08\u0e23 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1e\u0e39\u0e19<\/li>\r\n <li>\ud83d\udea9 \u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48 \u0e53: \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e51\u0e59 - \u0e52\u0e50 \u0e01.\u0e04. \u0e52\u0e55\u0e56\u0e58<br>\u0e13 \u0e21\u0e08\u0e23 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1b\u0e32\u0e07<\/li>\r\n <li>\ud83d\udea9 \u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48 \u0e54: \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e52\u0e52 - \u0e52\u0e53 \u0e01.\u0e04. \u0e52\u0e55\u0e56\u0e58<br>\u0e13 \u0e21\u0e08\u0e23 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19<\/li>\r\n <li>\ud83d\udea9 \u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48 \u0e55: \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e52\u0e54 - \u0e52\u0e55 \u0e01.\u0e04. \u0e52\u0e55\u0e56\u0e58<br>\u0e13 \u0e21\u0e08\u0e23 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e23\u0e49\u0e2d\u0e22\u0e40\u0e2d\u0e47\u0e14<\/li>\r\n <li>\ud83d\udea9 \u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48 \u0e56: \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e53\u0e50 - \u0e53\u0e51 \u0e01.\u0e04. \u0e52\u0e55\u0e56\u0e58<br>\u0e13 \u0e21\u0e08\u0e23 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e2d\u0e38\u0e17\u0e31\u0e22\u0e18\u0e32\u0e19\u0e35<\/li>\r\n <li>\ud83d\udea9 \u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48 \u0e57: \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e57 - \u0e58 \u0e2a.\u0e04. \u0e52\u0e55\u0e56\u0e58<br>\u0e13 \u0e21\u0e08\u0e23 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e1b\u0e31\u0e15\u0e15\u0e32\u0e19\u0e35<\/li>\r\n <\/ul>\r\n\r\n <h3>\ud83d\udca1 \u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e17\u0e48\u0e32\u0e19\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a<\/h3>\r\n <ul>\r\n <li>\u2705 \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07 AI \u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/li>\r\n <li>\ud83c\udfae \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 AI \u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21\u0e43\u0e2b\u0e49\u0e17\u0e31\u0e19\u0e22\u0e38\u0e04<\/li>\r\n <li>\ud83c\udfa8 \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 AI \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21\u0e43\u0e2b\u0e49\u0e42\u0e14\u0e19\u0e43\u0e08\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\r\n <li>\ud83d\udcca \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 AI \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49<\/li>\r\n <li>\ud83e\udde0 \u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 AI \u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49<\/li>\r\n <\/ul>\r\n\r\n <h3>\ud83d\udc64 \u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e1a\u0e23\u0e21<\/h3>\r\n <ul>\r\n <li>\ud83d\udcd8 \u0e40\u0e1b\u0e47\u0e19\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21\u0e43\u0e19\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\r\n <li>\ud83c\udf10 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e14\u0e49\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 AI \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e14\u0e49\u0e32\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21<\/li>\r\n <li>\ud83d\udfe1 \u0e44\u0e21\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e14\u0e49\u0e32\u0e19 AI \u0e21\u0e32\u0e01\u0e48\u0e2d\u0e19\u0e01\u0e47\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e2d\u0e1a\u0e23\u0e21\u0e44\u0e14\u0e49<\/li>\r\n <\/ul>\r\n\r\n <h3>\ud83d\udee0\ufe0f \u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21<\/h3>\r\n <ul>\r\n <li>\ud83e\uddd1\u200d\ud83d\udcbb \u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e42\u0e19\u0e49\u0e15\u0e1a\u0e38\u0e4a\u0e01\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e2d\u0e34\u0e19\u0e40\u0e17\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e47\u0e15<\/li>\r\n <li>\ud83d\udd0c \u0e2a\u0e32\u0e22\u0e0a\u0e32\u0e23\u0e4c\u0e08 \u0e41\u0e25\u0e30\u0e40\u0e21\u0e32\u0e2a\u0e4c<\/li>\r\n <li>\ud83d\udd0b \u0e1b\u0e25\u0e31\u0e4a\u0e01\u0e1e\u0e48\u0e27\u0e07\/\u0e2a\u0e32\u0e21\u0e15\u0e32<\/li>\r\n <li>\ud83d\udce7 \u0e1a\u0e31\u0e0d\u0e0a\u0e35 Gmail \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/li>\r\n <li>\ud83d\udcdd \u0e2a\u0e21\u0e38\u0e14\u0e41\u0e25\u0e30\u0e1b\u0e32\u0e01\u0e01\u0e32<\/li>\r\n <li>\ud83d\udcf1 \u0e2a\u0e21\u0e32\u0e23\u0e4c\u0e15\u0e42\u0e1f\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15 (\u0e16\u0e49\u0e32\u0e21\u0e35)<\/li>\r\n <\/ul>\r\n\r\n <h3>\ud83d\udcde \u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/h3>\r\n <p>\ud83d\udcf1 \u0e42\u0e17\u0e23: \u0e50\u0e59\u0e52-\u0e59\u0e52\u0e50-\u0e56\u0e53\u0e55\u0e52<br>\r\n \ud83d\udce7 \u0e2d\u0e35\u0e40\u0e21\u0e25: danai.yan@mcu.ac.th<\/p>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-06ace63 e-flex e-con-boxed e-con e-parent\" data-id=\"06ace63\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a285a0 elementor-widget elementor-widget-menu-anchor\" data-id=\"3a285a0\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"1\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8f8f49 elementor-widget elementor-widget-html\" data-id=\"b8f8f49\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"position: relative; width: 100%; padding-top: 110%; overflow: hidden;\">\r\n <iframe \r\n src=\"https:\/\/pastel-enroll-form-korea.lovable.app\/\" \r\n style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;\"\r\n allowfullscreen>\r\n <\/iframe>\r\n<\/div>\r\n\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<div class=\"elementor-element elementor-element-ab00abd e-flex e-con-boxed e-con e-parent\" data-id=\"ab00abd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-897a717 elementor-widget elementor-widget-spacer\" data-id=\"897a717\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-051b99a elementor-widget elementor-widget-menu-anchor\" data-id=\"051b99a\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"2\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d5e007 elementor-widget elementor-widget-heading\" data-id=\"0d5e007\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf0c4e0 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"bf0c4e0\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-1a09847 e-flex e-con-boxed e-con e-parent\" data-id=\"1a09847\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d257f8a e-con-full e-flex e-con e-child\" data-id=\"d257f8a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4d2e77 elementor-widget elementor-widget-html\" data-id=\"f4d2e77\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <title>Card \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e2d\u0e1a\u0e23\u0e21<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n <!-- FontAwesome -->\r\n <link\r\n rel=\"stylesheet\"\r\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\r\n crossorigin=\"anonymous\"\r\n \/>\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\" \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit&display=swap\" rel=\"stylesheet\" \/>\r\n <script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.6.1\/firebase-app-compat.js\"><\/script>\r\n <script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.6.1\/firebase-database-compat.js\"><\/script>\r\n <style>\r\n body {\r\n font-family: 'Kanit', sans-serif;\r\n background-color: #f9fafb;\r\n padding: 1rem;\r\n }\r\n .cards-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n padding-left: 1rem;\r\n }\r\n .custom-card {\r\n position: relative; \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a ::before *\/\r\n width: 320px;\r\n cursor: pointer;\r\n background: white;\r\n border-radius: 0.75rem;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n overflow: hidden;\r\n transition: box-shadow 0.3s ease;\r\n min-height: 600px;\r\n max-height: 480px;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \/* \u0e01\u0e23\u0e2d\u0e1a\u0e44\u0e1f\u0e27\u0e34\u0e48\u0e07 \u0e40\u0e09\u0e1e\u0e32\u0e30\u0e15\u0e2d\u0e19 hover *\/\r\n .custom-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -4px;\r\n left: -4px;\r\n width: calc(100% + 8px);\r\n height: calc(100% + 8px);\r\n border-radius: 0.75rem;\r\n pointer-events: none;\r\n z-index: 10;\r\n border: 2px solid transparent;\r\n background: linear-gradient(90deg, \r\n transparent 0%, \r\n #ec4899 25%, \r\n #f472b6 50%, \r\n #ec4899 75%, \r\n transparent 100%);\r\n background-size: 200% 100%;\r\n -webkit-mask:\r\n linear-gradient(#fff 0 0) content-box, \r\n linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: destination-out;\r\n mask-composite: exclude;\r\n \/* \u0e25\u0e1a animation \u0e2d\u0e2d\u0e01 *\/\r\n }\r\n .custom-card:hover::before {\r\n animation: electric-border 3s linear infinite;\r\n }\r\n @keyframes electric-border {\r\n 0% {\r\n background-position: 200% 0;\r\n }\r\n 100% {\r\n background-position: -200% 0;\r\n }\r\n }\r\n .custom-card:hover {\r\n box-shadow: 0 8px 16px rgba(0,0,0,0.15);\r\n }\r\n .custom-card img {\r\n width: 100%;\r\n height: 400px;\r\n object-fit: cover;\r\n }\r\n .custom-card-content {\r\n padding: 1rem;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n .download-stars {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 0.875rem;\r\n color: #374151;\r\n margin-bottom: 0.75rem;\r\n }\r\n .download-stars div:first-child {\r\n display: flex;\r\n align-items: center;\r\n }\r\n .download-stars i {\r\n margin-right: 0.3rem;\r\n color: #dc2626;\r\n }\r\n .download-stars div:first-child .clickCount {\r\n margin-right: 0.5rem;\r\n }\r\n .star {\r\n font-size: 1.25rem;\r\n color: #ddd;\r\n transition: color 0.3s;\r\n pointer-events: none;\r\n }\r\n .star.filled {\r\n color: #facc15;\r\n }\r\n h2.card-title {\r\n font-weight: 600;\r\n font-size: 1rem;\r\n line-height: 1.3;\r\n color: #1f2937;\r\n margin-bottom: 1rem;\r\n text-align: left;\r\n min-height: 3.5rem;\r\n }\r\n .tags {\r\n margin-top: auto;\r\n display: flex;\r\n gap: 0.5rem;\r\n flex-wrap: wrap;\r\n }\r\n .tag-popular, .tag-blue, .tag-pink {\r\n padding: 0.25rem 0.75rem;\r\n border-radius: 9999px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n }\r\n .tag-popular {\r\n background-color: #e02424;\r\n color: white;\r\n }\r\n .tag-blue {\r\n background-color: #2563eb;\r\n color: white;\r\n }\r\n .tag-pink {\r\n background-color: #ec4899;\r\n color: white;\r\n }\r\n @media (max-width: 360px) {\r\n .custom-card {\r\n width: 100%;\r\n max-width: 320px;\r\n }\r\n .cards-container {\r\n padding-left: 0;\r\n justify-content: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"cards-container\">\r\n <!-- CARD 1 -->\r\n <div class=\"custom-card\" id=\"guideCard1\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\">\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/WbCV3xdZ\/Untitl-ed.png\" alt=\"\u0e1b\u0e01\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e2d\u0e1a\u0e23\u0e21\" \/>\r\n <div class=\"custom-card-content\">\r\n <div class=\"download-stars\">\r\n <div><i class=\"fas fa-download\"><\/i><span class=\"clickCount\">0<\/span> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/div>\r\n <div class=\"starContainer flex space-x-1\" aria-label=\"\u0e23\u0e35\u0e27\u0e34\u0e27\u0e14\u0e32\u0e27 5 \u0e14\u0e27\u0e07\" role=\"img\"><\/div>\r\n <\/div>\r\n <h2 class=\"card-title\">\r\n \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c<br \/>\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21\r\n <\/h2>\r\n <div class=\"tags\">\r\n <span class=\"tag-pink\">#\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e2d\u0e1a\u0e23\u0e21<\/span>\r\n <span class=\"tag-pink\">#\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD 2 -->\r\n <div class=\"custom-card\" id=\"guideCard2\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\">\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/QdnJRGdF\/Untitled.png\" alt=\"\u0e1b\u0e01\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e2d\u0e1a\u0e23\u0e21 AI\" \/>\r\n <div class=\"custom-card-content\">\r\n <div class=\"download-stars\">\r\n <div><i class=\"fas fa-download\"><\/i><span class=\"clickCount\">0<\/span> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/div>\r\n <div class=\"starContainer flex space-x-1\" aria-label=\"\u0e23\u0e35\u0e27\u0e34\u0e27\u0e14\u0e32\u0e27 5 \u0e14\u0e27\u0e07\" role=\"img\"><\/div>\r\n <\/div>\r\n <h2 class=\"card-title\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21 AI<\/h2>\r\n <div class=\"tags\">\r\n <span class=\"tag-pink\">#\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e2d\u0e1a\u0e23\u0e21 AI<\/span>\r\n <span class=\"tag-pink\">#\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD 3 -->\r\n <div class=\"custom-card\" id=\"guideCard3\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\">\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/yxqcQTXk\/image.jpg\" alt=\"\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\" \/>\r\n <div class=\"custom-card-content\">\r\n <div class=\"download-stars\">\r\n <div><i class=\"fas fa-download\"><\/i><span class=\"clickCount\">0<\/span> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/div>\r\n <div class=\"starContainer flex space-x-1\" aria-label=\"\u0e23\u0e35\u0e27\u0e34\u0e27\u0e14\u0e32\u0e27 5 \u0e14\u0e27\u0e07\" role=\"img\"><\/div>\r\n <\/div>\r\n <h2 class=\"card-title\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49<\/h2>\r\n <div class=\"tags\">\r\n <span class=\"tag-pink\">#\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21<\/span>\r\n <span class=\"tag-pink\">#prompt \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e37\u0e48\u0e2d<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const firebaseConfig = {\r\n apiKey: \"AIzaSyAvySwFE-fS2PmKbCg1md4YZiWtRcYjhJg\",\r\n authDomain: \"daow-d3361.firebaseapp.com\",\r\n databaseURL: \"https:\/\/daow-d3361-default-rtdb.asia-southeast1.firebasedatabase.app\",\r\n projectId: \"daow-d3361\",\r\n storageBucket: \"daow-d3361.firebasestorage.app\",\r\n messagingSenderId: \"454175504034\",\r\n appId: \"1:454175504034:web:1ed12010dc57e64b2cc9fb\"\r\n };\r\n firebase.initializeApp(firebaseConfig);\r\n const db = firebase.database();\r\n\r\n function createStars(container) {\r\n container.innerHTML = '';\r\n for (let i = 0; i < 5; i++) {\r\n const star = document.createElement('i');\r\n star.classList.add('fas', 'fa-star', 'star');\r\n container.appendChild(star);\r\n }\r\n }\r\n\r\n function updateStars(container, score) {\r\n const stars = container.querySelectorAll('.star');\r\n stars.forEach((star, i) => {\r\n star.classList.toggle('filled', i < score);\r\n });\r\n }\r\n\r\n function handleClick(card, firebasePath, url) {\r\n const countEl = card.querySelector('.clickCount');\r\n const starContainer = card.querySelector('.starContainer');\r\n let count = parseInt(countEl.textContent) + 1;\r\n countEl.textContent = count;\r\n\r\n const score = Math.min(5, Math.ceil(count \/ 3));\r\n updateStars(starContainer, score);\r\n\r\n db.ref(firebasePath).set({\r\n clicks: count,\r\n stars: score,\r\n updatedAt: new Date().toISOString()\r\n });\r\n\r\n window.open(url, '_blank');\r\n }\r\n\r\n window.addEventListener('DOMContentLoaded', () => {\r\n const cards = [\r\n { id: 'guideCard1', path: 'cardStats\/guide1', url: 'https:\/\/drive.google.com\/file\/d\/1XKVil8wTT-qUdXgYXnGCfcwzj-PAruNv\/view' },\r\n { id: 'guideCard2', path: 'cardStats\/guide2', url: 'https:\/\/drive.google.com\/file\/d\/1D1_fWHOVWrbajU5OkX-tMmkmR8jgytiY\/view' },\r\n { id: 'guideCard3', path: 'cardStats\/guide3', url: 'https:\/\/drive.google.com\/file\/d\/1RlypmLNwcuPfSIq1goR6CdtVaxA7NTYu\/view' }\r\n ];\r\n\r\n cards.forEach(({ id, path, url }) => {\r\n const card = document.getElementById(id);\r\n const countEl = card.querySelector('.clickCount');\r\n const starContainer = card.querySelector('.starContainer');\r\n createStars(starContainer);\r\n db.ref(path).once('value').then(snapshot => {\r\n const data = snapshot.val();\r\n if (data) {\r\n countEl.textContent = data.clicks || 0;\r\n updateStars(starContainer, data.stars || 0);\r\n }\r\n });\r\n card.addEventListener('click', () => handleClick(card, path, url));\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-78a8a3e e-flex e-con-boxed e-con e-parent\" data-id=\"78a8a3e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fcb5cc elementor-widget elementor-widget-menu-anchor\" data-id=\"5fcb5cc\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"3\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3251539 elementor-widget elementor-widget-heading\" data-id=\"3251539\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2f<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b42bc04 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b42bc04\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-106ec20 e-flex e-con-boxed e-con e-parent\" data-id=\"106ec20\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fff202a e-con-full e-flex e-con e-child\" data-id=\"fff202a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0ddadc elementor-widget elementor-widget-html\" data-id=\"f0ddadc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n <title>\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/title>\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\" \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;700&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n body {\r\n font-family: 'Kanit', sans-serif;\r\n background-color: #f0f4f8;\r\n color: #334155;\r\n }\r\n\r\n .header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n padding: 40px 20px;\r\n background: linear-gradient(135deg, #f9a8d4 0%, #6ee7b7 100%);\r\n border-radius: 16px;\r\n box-shadow: 0 8px 16px rgb(233 213 239 \/ 0.4);\r\n }\r\n\r\n .header h1 {\r\n font-size: 3rem;\r\n font-weight: 900;\r\n color: #134e4a;\r\n letter-spacing: 0.07em;\r\n text-shadow: 1px 1px 3px rgba(0,0,0,0.1);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .header .underline {\r\n width: 160px;\r\n height: 4px;\r\n margin: 0 auto 30px auto;\r\n background: #10b981;\r\n border-radius: 9999px;\r\n box-shadow: 0 2px 6px #6ee7b7;\r\n }\r\n\r\n .container {\r\n max-width: 1080px;\r\n margin: 0 auto;\r\n padding: 0 20px 40px;\r\n }\r\n\r\n .news-card {\r\n background: #ffffff;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgb(100 116 139 \/ 0.1);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n cursor: default;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n max-width: 350px;\r\n width: 100%;\r\n position: relative;\r\n text-decoration: none;\r\n }\r\n\r\n .news-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 8px 24px rgb(100 116 139 \/ 0.2);\r\n }\r\n\r\n .news-card img {\r\n width: 100%;\r\n height: 500px;\r\n object-fit: cover;\r\n display: block;\r\n border-bottom: 4px solid #60a5fa;\r\n cursor: pointer;\r\n }\r\n\r\n .tag-complete {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n background-color: #38bdf8;\r\n color: #1e3a8a;\r\n font-weight: 700;\r\n padding: 5px 14px;\r\n border-radius: 9999px;\r\n font-size: 0.75rem;\r\n box-shadow: 0 2px 6px rgb(0 0 0 \/ 0.12);\r\n user-select: none;\r\n z-index: 10;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .card-content {\r\n padding: 18px 20px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n position: relative;\r\n }\r\n\r\n \/* \u0e1b\u0e23\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e43\u0e2b\u0e49 views \u0e01\u0e31\u0e1a\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e02\u0e48\u0e32\u0e27\u0e2d\u0e22\u0e39\u0e48\u0e04\u0e19\u0e25\u0e30\u0e1a\u0e23\u0e23\u0e17\u0e31\u0e14 *\/\r\n .card-header {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .views {\r\n font-size: 0.9rem;\r\n color: #64748b;\r\n font-weight: 600;\r\n display: flex;\r\n justify-content: flex-end; \/* \u0e0a\u0e34\u0e14\u0e02\u0e27\u0e32 *\/\r\n align-items: center;\r\n margin-bottom: 4px; \/* \u0e40\u0e27\u0e49\u0e19\u0e23\u0e30\u0e22\u0e30\u0e08\u0e32\u0e01\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d *\/\r\n }\r\n\r\n .views-icon {\r\n margin-right: 6px;\r\n font-size: 1.1rem;\r\n color: #3b82f6;\r\n user-select: none;\r\n }\r\n\r\n .card-content h2 {\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: #334155;\r\n margin: 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .card-content h2 a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n .card-content h2 a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n .tags {\r\n margin-bottom: 12px;\r\n }\r\n\r\n .tag {\r\n display: inline-block;\r\n background-color: #3b82f6;\r\n color: white;\r\n font-weight: 600;\r\n padding: 5px 14px;\r\n margin-right: 8px;\r\n border-radius: 9999px;\r\n font-size: 0.85rem;\r\n user-select: none;\r\n transition: background-color 0.3s ease;\r\n cursor: default;\r\n box-shadow: 0 2px 5px rgb(59 130 246 \/ 0.4);\r\n }\r\n\r\n .tag:hover {\r\n background-color: #2563eb;\r\n }\r\n\r\n .read-more-button {\r\n margin-top: 8px;\r\n padding: 4px 10px;\r\n background-color: #ec4899; \/* \u0e2a\u0e35\u0e0a\u0e21\u0e1e\u0e39 *\/\r\n color: white;\r\n font-weight: 600;\r\n border-radius: 9999px;\r\n text-decoration: none;\r\n transition: background-color 0.3s ease;\r\n user-select: none;\r\n box-shadow: 0 2px 5px rgb(236 72 153 \/ 0.6);\r\n font-size: 0.8rem;\r\n align-self: flex-end; \/* \u0e0a\u0e34\u0e14\u0e02\u0e27\u0e32\u0e2a\u0e38\u0e14 *\/\r\n }\r\n\r\n .read-more-button:hover {\r\n background-color: #db2777; \/* \u0e0a\u0e21\u0e1e\u0e39\u0e40\u0e02\u0e49\u0e21 *\/\r\n }\r\n\r\n \/* Popup styles *\/\r\n .popup-overlay {\r\n position: fixed;\r\n top: 0; left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0,0,0,0.8);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 9999;\r\n cursor: pointer;\r\n }\r\n .popup-overlay img {\r\n max-width: 90vw;\r\n max-height: 90vh;\r\n border-radius: 12px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,0.7);\r\n user-select: none;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 28px;\r\n justify-content: start;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .header h1 {\r\n font-size: 2.2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <header class=\"header\">\r\n <h1>\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/h1>\r\n <div class=\"underline\"><\/div>\r\n <div class=\"relative max-w-xl mx-auto\">\r\n <input\r\n id=\"searchInput\"\r\n type=\"text\"\r\n placeholder=\"\ud83d\udd0d \u0e04\u0e49\u0e19\u0e2b\u0e32\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c...\"\r\n class=\"w-full pl-10 pr-4 py-3 border-2 border-blue-300 rounded-full focus:outline-none focus:ring-2 focus:ring-blue-400 transition\"\r\n \/>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <div id=\"cardContainer\" class=\"cards-grid\">\r\n\r\n <div class=\"news-card\" data-news-id=\"news_1\">\r\n <div class=\"tag-complete\">complete<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/ydYvmBSb\/1.jpg\" alt=\"\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e02\u0e48\u0e32\u0e27\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e51\" loading=\"lazy\" class=\"popup-image\" \/>\r\n <div class=\"card-content\">\r\n <div class=\"card-header\">\r\n <div class=\"views\">\r\n <span class=\"views-icon\" aria-hidden=\"true\">\ud83d\udc41\ufe0f<\/span>\r\n <span>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14...<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=22854\" target=\"_blank\" class=\"news-link\">\r\n <h2>\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e51 \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e56 - \u0e57 \u0e01.\u0e04 \u0e56\u0e58<\/h2>\r\n <\/a>\r\n <\/div>\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e2d\u0e1a\u0e23\u0e21 AI<\/span>\r\n <span class=\"tag\">\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=22854\" target=\"_blank\" class=\"read-more-button\">\u0e2d\u0e48\u0e32\u0e19\u0e02\u0e48\u0e32\u0e27\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21>><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"news-card\" data-news-id=\"news_2\">\r\n <div class=\"tag-complete\">complete<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/L61Hfd6b\/2.png\" alt=\"\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e02\u0e48\u0e32\u0e27\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e52\" loading=\"lazy\" class=\"popup-image\" \/>\r\n <div class=\"card-content\">\r\n <div class=\"card-header\">\r\n <div class=\"views\">\r\n <span class=\"views-icon\" aria-hidden=\"true\">\ud83d\udc41\ufe0f<\/span>\r\n <span>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14...<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=23175\" target=\"_blank\" class=\"news-link\">\r\n <h2>\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e52 \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e51\u0e57 - \u0e51\u0e58 \u0e01.\u0e04 \u0e56\u0e58<\/h2>\r\n <\/a>\r\n <\/div>\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e2d\u0e1a\u0e23\u0e21 AI<\/span>\r\n <span class=\"tag\">\u0e25\u0e33\u0e1e\u0e39\u0e19<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=23175\" target=\"_blank\" class=\"read-more-button\">\u0e2d\u0e48\u0e32\u0e19\u0e02\u0e48\u0e32\u0e27\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21>><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"news-card\" data-news-id=\"news_3\">\r\n <div class=\"tag-complete\">complete<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/SQWw6yb3\/3.png\" alt=\"\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e02\u0e48\u0e32\u0e27\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e53\" loading=\"lazy\" class=\"popup-image\" \/>\r\n <div class=\"card-content\">\r\n <div class=\"card-header\">\r\n <div class=\"views\">\r\n <span class=\"views-icon\" aria-hidden=\"true\">\ud83d\udc41\ufe0f<\/span>\r\n <span>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14...<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=23186\" target=\"_blank\" class=\"news-link\">\r\n <h2>\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e53 \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e51\u0e59 - \u0e52\u0e50 \u0e01.\u0e04 \u0e56\u0e58<\/h2>\r\n <\/a>\r\n <\/div>\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e2d\u0e1a\u0e23\u0e21 AI<\/span>\r\n <span class=\"tag\">\u0e25\u0e33\u0e1b\u0e32\u0e07<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=23186\" target=\"_blank\" class=\"read-more-button\">\u0e2d\u0e48\u0e32\u0e19\u0e02\u0e48\u0e32\u0e27\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21>><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"news-card\" data-news-id=\"news_4\">\r\n <div class=\"tag-complete\">complete<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/W1RFQ6Hh\/4.png\" alt=\"\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e02\u0e48\u0e32\u0e27\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e54\" loading=\"lazy\" class=\"popup-image\" \/>\r\n <div class=\"card-content\">\r\n <div class=\"card-header\">\r\n <div class=\"views\">\r\n <span class=\"views-icon\" aria-hidden=\"true\">\ud83d\udc41\ufe0f<\/span>\r\n <span>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14...<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=23208\" target=\"_blank\" class=\"news-link\">\r\n <h2>\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e54 \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e51\u0e59 - \u0e52\u0e50 \u0e01.\u0e04 \u0e56\u0e58<\/h2>\r\n <\/a>\r\n <\/div>\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e2d\u0e1a\u0e23\u0e21 AI<\/span>\r\n <span class=\"tag\">\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=23208\" target=\"_blank\" class=\"read-more-button\">\u0e2d\u0e48\u0e32\u0e19\u0e02\u0e48\u0e32\u0e27\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21>><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"news-card\" data-news-id=\"news_5\">\r\n <div class=\"tag-complete\">complete<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/Qdg0dQdp\/image.jpg\" alt=\"\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e02\u0e48\u0e32\u0e27\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e55\" loading=\"lazy\" class=\"popup-image\" \/>\r\n <div class=\"card-content\">\r\n <div class=\"card-header\">\r\n <div class=\"views\">\r\n <span class=\"views-icon\" aria-hidden=\"true\">\ud83d\udc41\ufe0f<\/span>\r\n <span>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14...<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=23341\" target=\"_blank\" class=\"news-link\">\r\n <h2>\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e55 \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e52\u0e54 - \u0e52\u0e55 \u0e01.\u0e04 \u0e56\u0e58<\/h2>\r\n <\/a>\r\n <\/div>\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e2d\u0e1a\u0e23\u0e21 AI<\/span>\r\n <span class=\"tag\">\u0e23\u0e49\u0e2d\u0e22\u0e40\u0e2d\u0e47\u0e14<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=23341\" target=\"_blank\" class=\"read-more-button\">\u0e2d\u0e48\u0e32\u0e19\u0e02\u0e48\u0e32\u0e27\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21>><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"news-card\" data-news-id=\"news_6\">\r\n <div class=\"tag-complete\">complete<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/2Sny62xh\/2.jpg\" alt=\"\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e02\u0e48\u0e32\u0e27\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e56\" loading=\"lazy\" class=\"popup-image\" \/>\r\n <div class=\"card-content\">\r\n <div class=\"card-header\">\r\n <div class=\"views\">\r\n <span class=\"views-icon\" aria-hidden=\"true\">\ud83d\udc41\ufe0f<\/span>\r\n <span>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14...<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=23559\" target=\"_blank\" class=\"news-link\">\r\n <h2>\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e56 \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e53\u0e50 - \u0e53\u0e51 \u0e01.\u0e04 \u0e56\u0e58<\/h2>\r\n <\/a>\r\n <\/div>\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e2d\u0e1a\u0e23\u0e21 AI<\/span>\r\n <span class=\"tag\">\u0e2d\u0e38\u0e17\u0e31\u0e22\u0e18\u0e32\u0e19\u0e35<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=23559\" target=\"_blank\" class=\"read-more-button\">\u0e2d\u0e48\u0e32\u0e19\u0e02\u0e48\u0e32\u0e27\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21>><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"news-card\" data-news-id=\"news_7\">\r\n <div class=\"tag-complete\">complete<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/MZBv9nhH\/4.jpg\" alt=\"\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e02\u0e48\u0e32\u0e27\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e57\" loading=\"lazy\" class=\"popup-image\" \/>\r\n <div class=\"card-content\">\r\n <div class=\"card-header\">\r\n <div class=\"views\">\r\n <span class=\"views-icon\" aria-hidden=\"true\">\ud83d\udc41\ufe0f<\/span>\r\n <span>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14...<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=23621\" target=\"_blank\" class=\"news-link\">\r\n <h2>\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 \u0e57 \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e57 - \u0e58 \u0e2a.\u0e04 \u0e56\u0e58<\/h2>\r\n <\/a>\r\n <\/div>\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e2d\u0e1a\u0e23\u0e21 AI<\/span>\r\n <span class=\"tag\">\u0e1b\u0e31\u0e15\u0e15\u0e32\u0e19\u0e35<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/mbal.mcu.ac.th\/?p=23621\" target=\"_blank\" class=\"read-more-button\">\u0e2d\u0e48\u0e32\u0e19\u0e02\u0e48\u0e32\u0e27\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21>><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n\r\n <!-- Firebase SDK -->\r\n <script type=\"module\">\r\n import { initializeApp } from \"https:\/\/www.gstatic.com\/firebasejs\/9.23.0\/firebase-app.js\";\r\n import { getDatabase, ref, get, set } from \"https:\/\/www.gstatic.com\/firebasejs\/9.23.0\/firebase-database.js\";\r\n\r\n const firebaseConfig = {\r\n apiKey: \"AIzaSyD4ErtOj89AdexjC9RUasCiChiXdVZBpqs\",\r\n authDomain: \"koko-959c0.firebaseapp.com\",\r\n databaseURL: \"https:\/\/koko-959c0-default-rtdb.asia-southeast1.firebasedatabase.app\",\r\n projectId: \"koko-959c0\",\r\n storageBucket: \"koko-959c0\",\r\n messagingSenderId: \"431866272222\",\r\n appId: \"1:431866272222:web:7b29bd65989f9af168a54f\"\r\n };\r\n\r\n const app = initializeApp(firebaseConfig);\r\n const db = getDatabase(app);\r\n\r\n function increaseViewCount(newsId) {\r\n const viewRef = ref(db, 'views\/' + newsId);\r\n get(viewRef).then(snapshot => {\r\n const count = snapshot.exists() ? snapshot.val() : 0;\r\n set(viewRef, count + 1);\r\n });\r\n }\r\n\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n const cards = document.querySelectorAll('.news-card');\r\n\r\n cards.forEach(card => {\r\n const newsId = card.getAttribute('data-news-id');\r\n const viewSpan = card.querySelector('.views span:last-child');\r\n const viewRef = ref(db, 'views\/' + newsId);\r\n\r\n \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e08\u0e33\u0e19\u0e27\u0e19\u0e04\u0e19\u0e14\u0e39\r\n get(viewRef).then(snapshot => {\r\n viewSpan.textContent = snapshot.exists()\r\n ? snapshot.val() + ' \u0e04\u0e19\u0e14\u0e39'\r\n : '0 \u0e04\u0e19\u0e14\u0e39';\r\n });\r\n\r\n \/\/ \u0e19\u0e31\u0e1a\u0e04\u0e19\u0e14\u0e39\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e01\u0e32\u0e23\u0e4c\u0e14 (delay 1 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35)\r\n card.addEventListener('click', () => {\r\n setTimeout(() => increaseViewCount(newsId), 1000);\r\n });\r\n });\r\n\r\n \/\/ \u0e40\u0e1b\u0e34\u0e14 popup \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e20\u0e32\u0e1e\r\n document.querySelectorAll('.popup-image').forEach(img => {\r\n img.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n const src = img.getAttribute('src');\r\n\r\n const popup = document.createElement('div');\r\n popup.classList.add('popup-overlay');\r\n popup.innerHTML = `<img decoding=\"async\" src=\"${src}\" alt=\"\u0e20\u0e32\u0e1e\u0e02\u0e48\u0e32\u0e27\u0e43\u0e2b\u0e0d\u0e48\" loading=\"lazy\" \/>`;\r\n document.body.appendChild(popup);\r\n\r\n \/\/ \u0e1b\u0e34\u0e14 popup \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48 overlay\r\n popup.addEventListener('click', () => {\r\n popup.remove();\r\n });\r\n });\r\n });\r\n\r\n \/\/ \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e19\u0e31\u0e1a\u0e27\u0e34\u0e27\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e2d\u0e48\u0e32\u0e19\u0e02\u0e48\u0e32\u0e27\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\r\n document.querySelectorAll('.read-more-button').forEach(button => {\r\n button.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n });\r\n });\r\n });\r\n <\/script>\r\n\r\n <!-- Search filter -->\r\n <script>\r\n const searchInput = document.getElementById('searchInput');\r\n const cards = document.querySelectorAll('.news-card');\r\n\r\n searchInput.addEventListener('input', () => {\r\n const query = searchInput.value.toLowerCase().trim();\r\n\r\n cards.forEach(card => {\r\n const titleText = card.querySelector('h2')?.innerText.toLowerCase() || '';\r\n const tagsText = Array.from(card.querySelectorAll('.tag')).map(t => t.innerText.toLowerCase()).join(' ');\r\n const combinedText = titleText + ' ' + tagsText;\r\n\r\n card.style.display = combinedText.includes(query) ? 'block' : 'none';\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-7ea2237 e-flex e-con-boxed e-con e-parent\" data-id=\"7ea2237\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de6ed61 elementor-widget elementor-widget-menu-anchor\" data-id=\"de6ed61\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"4\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44c2da1 elementor-widget elementor-widget-heading\" data-id=\"44c2da1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e15\u0e48\u0e2d\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d139f22 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d139f22\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-b994b69 e-flex e-con-boxed e-con e-parent\" data-id=\"b994b69\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-989ce3e elementor-widget elementor-widget-html\" data-id=\"989ce3e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08 - \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c (AI) \u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <!-- DataTables CSS and JS -->\r\n <link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdn.datatables.net\/1.13.7\/css\/jquery.dataTables.min.css\">\r\n <link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdn.datatables.net\/responsive\/2.5.0\/css\/responsive.dataTables.min.css\">\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.datatables.net\/1.13.7\/js\/jquery.dataTables.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.datatables.net\/responsive\/2.5.0\/js\/dataTables.responsive.min.js\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap');\r\n \r\n \/* WordPress Compatibility Styles *\/\r\n .survey-container {\r\n font-family: 'Sarabun', sans-serif !important;\r\n line-height: 1.6;\r\n }\r\n \r\n .survey-container * {\r\n box-sizing: border-box;\r\n }\r\n \r\n .survey-container img {\r\n max-width: 100%;\r\n height: auto;\r\n }\r\n \r\n \/* Override WordPress default styles *\/\r\n .survey-container h1,\r\n .survey-container h2,\r\n .survey-container h3,\r\n .survey-container h4,\r\n .survey-container h5,\r\n .survey-container h6 {\r\n margin: 0;\r\n padding: 0;\r\n font-weight: inherit;\r\n font-size: inherit;\r\n line-height: inherit;\r\n }\r\n \r\n .survey-container p {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n .survey-container ul,\r\n .survey-container ol {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n }\r\n \r\n .survey-container a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n \r\n .survey-container button {\r\n border: none;\r\n background: none;\r\n padding: 0;\r\n margin: 0;\r\n font: inherit;\r\n cursor: pointer;\r\n }\r\n \r\n .survey-container input,\r\n .survey-container select,\r\n .survey-container textarea {\r\n font-family: inherit;\r\n font-size: inherit;\r\n }\r\n .rating-grid {\r\n display: grid;\r\n grid-template-columns: 1fr repeat(5, 60px);\r\n gap: 8px;\r\n align-items: center;\r\n padding: 12px;\r\n border-bottom: 1px solid #fce7f3;\r\n }\r\n .rating-header {\r\n display: grid;\r\n grid-template-columns: 1fr repeat(5, 60px);\r\n gap: 8px;\r\n align-items: center;\r\n padding: 12px;\r\n background: #fdf2f8;\r\n font-weight: 600;\r\n }\r\n .section-header {\r\n background: linear-gradient(135deg, #f8bbd9 0%, #f472b6 100%);\r\n color: white;\r\n padding: 16px;\r\n margin: 24px 0 16px 0;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n font-size: 18px;\r\n }\r\n input[type=\"radio\"]:checked {\r\n background-color: #ec4899;\r\n border-color: #ec4899;\r\n }\r\n .form-section {\r\n background: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n margin-bottom: 24px;\r\n overflow: hidden;\r\n }\r\n .dashboard-card {\r\n background: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n padding: 24px;\r\n margin-bottom: 24px;\r\n }\r\n .nav-tab {\r\n padding: 12px 24px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n }\r\n .nav-tab.active {\r\n background: linear-gradient(135deg, #f8bbd9 0%, #f472b6 100%);\r\n color: white;\r\n }\r\n .nav-tab:not(.active) {\r\n background: #fdf2f8;\r\n color: #be185d;\r\n }\r\n .nav-tab:not(.active):hover {\r\n background: #fce7f3;\r\n }\r\n .modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 1000;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0,0,0,0.5);\r\n }\r\n .modal-content {\r\n background-color: white;\r\n margin: 2% auto;\r\n padding: 20px;\r\n border-radius: 12px;\r\n width: 95%;\r\n max-width: 1200px;\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n }\r\n \r\n \/* DataTable Custom Styles *\/\r\n .dataTables_wrapper {\r\n font-family: 'Sarabun', sans-serif;\r\n }\r\n \r\n .dataTables_wrapper .dataTables_length select,\r\n .dataTables_wrapper .dataTables_filter input {\r\n border: 1px solid #fce7f3;\r\n border-radius: 6px;\r\n padding: 4px 8px;\r\n font-size: 14px;\r\n }\r\n \r\n .dataTables_wrapper .dataTables_filter input:focus {\r\n outline: none;\r\n border-color: #ec4899;\r\n box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2);\r\n }\r\n \r\n table.dataTable thead th {\r\n background: linear-gradient(135deg, #f8bbd9 0%, #f472b6 100%);\r\n color: white;\r\n border-bottom: none;\r\n font-weight: 600;\r\n }\r\n \r\n table.dataTable tbody tr:nth-child(even) {\r\n background-color: #fdf2f8;\r\n }\r\n \r\n table.dataTable tbody tr:hover {\r\n background-color: #fce7f3;\r\n }\r\n \r\n .dataTables_wrapper .dataTables_paginate .paginate_button {\r\n border: 1px solid #fce7f3;\r\n color: #be185d !important;\r\n background: white;\r\n margin: 0 2px;\r\n border-radius: 4px;\r\n }\r\n \r\n .dataTables_wrapper .dataTables_paginate .paginate_button:hover {\r\n background: #fce7f3 !important;\r\n border-color: #ec4899;\r\n color: #be185d !important;\r\n }\r\n \r\n .dataTables_wrapper .dataTables_paginate .paginate_button.current {\r\n background: #ec4899 !important;\r\n border-color: #ec4899;\r\n color: white !important;\r\n }\r\n \r\n .dataTables_wrapper .dataTables_info {\r\n color: #be185d;\r\n font-weight: 500;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gradient-to-br from-pink-50 to-rose-100 min-h-screen\">\r\n <div class=\"survey-container\">\r\n <!-- Navigation -->\r\n <div class=\"container mx-auto px-4 py-4\">\r\n <div class=\"flex justify-center space-x-4 mb-6\">\r\n <div class=\"nav-tab active\" onclick=\"showTab('survey')\">\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21<\/div>\r\n <div class=\"nav-tab\" onclick=\"showTab('dashboard')\">\u0e41\u0e14\u0e0a\u0e1a\u0e2d\u0e23\u0e4c\u0e14<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Survey Tab -->\r\n <div id=\"surveyTab\" class=\"container mx-auto px-4 py-8 max-w-6xl\">\r\n <!-- Header Section -->\r\n <div class=\"mb-8\">\r\n <div class=\"bg-white rounded-2xl shadow-lg p-8 text-center border border-pink-100\">\r\n <!-- Logo with circular background -->\r\n <div class=\"mb-6\">\r\n <div class=\"w-32 h-32 mx-auto bg-white rounded-full shadow-md flex items-center justify-center p-4 border-2 border-pink-100\">\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/kgCB87PJ\/LINE-ALBUM-Logo-250731-1.jpg\" alt=\"Logo\" class=\"w-full h-full object-contain\">\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Title Content -->\r\n <div class=\"space-y-4\">\r\n <h1 class=\"text-3xl font-bold text-pink-800 mb-4\">\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08<\/h1>\r\n <div class=\"bg-gradient-to-r from-pink-50 to-rose-50 rounded-xl p-6 border border-pink-200\">\r\n <h2 class=\"text-xl font-semibold text-pink-700 mb-3\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21<\/h2>\r\n <h3 class=\"text-lg text-pink-600 leading-relaxed\">\"\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c (AI) \u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21\"<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <form id=\"satisfactionForm\" class=\"space-y-6\">\r\n <!-- \u0e04\u0e33\u0e0a\u0e35\u0e49\u0e41\u0e08\u0e07 -->\r\n <div class=\"form-section\">\r\n <div class=\"bg-pink-100 p-6\">\r\n <h3 class=\"text-lg font-semibold text-pink-800 mb-4\">\u0e04\u0e33\u0e0a\u0e35\u0e49\u0e41\u0e08\u0e07<\/h3>\r\n <p class=\"text-gray-700 mb-4\">\u0e42\u0e1b\u0e23\u0e14\u0e17\u0e33\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 \u2713 \u0e43\u0e19\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e15\u0e2d\u0e1a\u0e04\u0e33\u0e16\u0e32\u0e21\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e41\u0e01\u0e49\u0e44\u0e02\u0e15\u0e48\u0e2d\u0e44\u0e1b<\/p>\r\n \r\n <div class=\"bg-white p-4 rounded-lg\">\r\n <h4 class=\"font-semibold text-pink-700 mb-3\">\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e04\u0e30\u0e41\u0e19\u0e19:<\/h4>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-2 text-sm\">\r\n <div><strong>5 \u0e04\u0e30\u0e41\u0e19\u0e19<\/strong> = \u0e21\u0e32\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 (\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e43\u0e08\u0e21\u0e32\u0e01 \u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07)<\/div>\r\n <div><strong>4 \u0e04\u0e30\u0e41\u0e19\u0e19<\/strong> = \u0e21\u0e32\u0e01 (\u0e14\u0e35\u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c)<\/div>\r\n <div><strong>3 \u0e04\u0e30\u0e41\u0e19\u0e19<\/strong> = \u0e1b\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07 (\u0e1e\u0e2d\u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49)<\/div>\r\n <div><strong>2 \u0e04\u0e30\u0e41\u0e19\u0e19<\/strong> = \u0e19\u0e49\u0e2d\u0e22 (\u0e15\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07)<\/div>\r\n <div><strong>1 \u0e04\u0e30\u0e41\u0e19\u0e19<\/strong> = \u0e19\u0e49\u0e2d\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 (\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21)<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 1: \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b -->\r\n <div class=\"form-section\">\r\n <div class=\"section-header\">\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 1: \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21<\/div>\r\n <div class=\"p-6 space-y-6\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">\u0e2d\u0e32\u0e22\u0e38<\/label>\r\n <select name=\"age\" class=\"w-full p-3 border border-pink-200 rounded-lg focus:ring-2 focus:ring-pink-500 focus:border-pink-500\" required>\r\n <option value=\"\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e0a\u0e48\u0e27\u0e07\u0e2d\u0e32\u0e22\u0e38<\/option>\r\n <option value=\"20 - 29 \u0e1b\u0e35\">20 - 29 \u0e1b\u0e35<\/option>\r\n <option value=\"30 - 39 \u0e1b\u0e35\">30 - 39 \u0e1b\u0e35<\/option>\r\n <option value=\"40 - 49 \u0e1b\u0e35\">40 - 49 \u0e1b\u0e35<\/option>\r\n <option value=\"50 - 59 \u0e1b\u0e35\">50 - 59 \u0e1b\u0e35<\/option>\r\n <option value=\"60 \u0e1b\u0e35\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b\">60 \u0e1b\u0e35\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21<\/label>\r\n <select name=\"experience\" class=\"w-full p-3 border border-pink-200 rounded-lg focus:ring-2 focus:ring-pink-500 focus:border-pink-500\" required>\r\n <option value=\"\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c<\/option>\r\n <option value=\"\u0e19\u0e49\u0e2d\u0e22\u0e01\u0e27\u0e48\u0e32 1 \u0e1b\u0e35\">\u0e19\u0e49\u0e2d\u0e22\u0e01\u0e27\u0e48\u0e32 1 \u0e1b\u0e35<\/option>\r\n <option value=\"1 - 3 \u0e1b\u0e35\">1 - 3 \u0e1b\u0e35<\/option>\r\n <option value=\"4 - 6 \u0e1b\u0e35\">4 - 6 \u0e1b\u0e35<\/option>\r\n <option value=\"7 - 10 \u0e1b\u0e35\">7 - 10 \u0e1b\u0e35<\/option>\r\n <option value=\"\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 10 \u0e1b\u0e35\">\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 10 \u0e1b\u0e35<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">\u0e2a\u0e31\u0e07\u0e01\u0e31\u0e14\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/label>\r\n <select name=\"affiliation\" class=\"w-full p-3 border border-pink-200 rounded-lg focus:ring-2 focus:ring-pink-500 focus:border-pink-500\" required>\r\n <option value=\"\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e31\u0e07\u0e01\u0e31\u0e14<\/option>\r\n <option value=\"\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21 (\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07)\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21 (\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07)<\/option>\r\n <option value=\"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19<\/option>\r\n <option value=\"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e23\u0e49\u0e2d\u0e22\u0e40\u0e2d\u0e47\u0e14\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e23\u0e49\u0e2d\u0e22\u0e40\u0e2d\u0e47\u0e14<\/option>\r\n <option value=\"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1e\u0e39\u0e19\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1e\u0e39\u0e19<\/option>\r\n <option value=\"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1b\u0e32\u0e07\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1b\u0e32\u0e07<\/option>\r\n <option value=\"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e1b\u0e31\u0e15\u0e15\u0e32\u0e19\u0e35\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e1b\u0e31\u0e15\u0e15\u0e32\u0e19\u0e35<\/option>\r\n <option value=\"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e2d\u0e38\u0e17\u0e31\u0e22\u0e18\u0e32\u0e19\u0e35\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e2d\u0e38\u0e17\u0e31\u0e22\u0e18\u0e32\u0e19\u0e35<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 2: \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08 -->\r\n <div class=\"form-section\">\r\n <div class=\"section-header\">\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 2: \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08<\/div>\r\n \r\n <!-- Rating Header -->\r\n <div class=\"rating-header text-sm\">\r\n <div class=\"text-pink-800 font-semibold\">\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/div>\r\n <div class=\"text-center text-pink-700\">5<br><span class=\"text-xs\">\u0e21\u0e32\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/span><\/div>\r\n <div class=\"text-center text-pink-700\">4<br><span class=\"text-xs\">\u0e21\u0e32\u0e01<\/span><\/div>\r\n <div class=\"text-center text-pink-700\">3<br><span class=\"text-xs\">\u0e1b\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07<\/span><\/div>\r\n <div class=\"text-center text-pink-700\">2<br><span class=\"text-xs\">\u0e19\u0e49\u0e2d\u0e22<\/span><\/div>\r\n <div class=\"text-center text-pink-700\">1<br><span class=\"text-xs\">\u0e19\u0e49\u0e2d\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/span><\/div>\r\n <\/div>\r\n\r\n <!-- 1. \u0e14\u0e49\u0e32\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21 -->\r\n <div class=\"bg-pink-50 p-4\">\r\n <h4 class=\"font-semibold text-pink-800\">1. \u0e14\u0e49\u0e32\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21<\/h4>\r\n <\/div>\r\n \r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">1.1 \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 AI \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_1\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_1\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_1\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_1\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_1\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">1.2 \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_2\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_2\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_2\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_2\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_2\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">1.3 \u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 AI \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e1e\u0e23\u0e30\u0e1e\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e19\u0e32<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_3\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_3\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_3\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_3\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_3\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">1.4 \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e1a\u0e23\u0e21<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_4\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_4\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_4\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_4\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_4\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">1.5 \u0e25\u0e33\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 (\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e2a\u0e39\u0e48\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34)<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_5\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_5\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_5\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_5\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"content_1_5\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2. \u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23 -->\r\n <div class=\"bg-pink-50 p-4\">\r\n <h4 class=\"font-semibold text-pink-800\">2. \u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23<\/h4>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">2.1 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 \u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e14\u0e49\u0e32\u0e19 AI<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_1\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_1\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_1\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_1\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_1\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">2.2 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e44\u0e14\u0e49\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e01\u0e23\u0e30\u0e0a\u0e31\u0e1a \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_2\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_2\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_2\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_2\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_2\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">2.3 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23\u0e15\u0e2d\u0e1a\u0e04\u0e33\u0e16\u0e32\u0e21\u0e15\u0e23\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e14\u0e47\u0e19 \u0e43\u0e2b\u0e49\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\/\u0e01\u0e23\u0e30\u0e15\u0e38\u0e49\u0e19\u0e01\u0e32\u0e23\u0e04\u0e34\u0e14<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_3\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_3\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_3\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_3\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_3\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">2.4 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23\u0e43\u0e0a\u0e49\u0e20\u0e32\u0e29\u0e32\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e2a\u0e38\u0e20\u0e32\u0e1e \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e17\u0e35\u0e48\u0e14\u0e35<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_4\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_4\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_4\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_4\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_4\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">2.5 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23\u0e15\u0e23\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e27\u0e25\u0e32 \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e27\u0e25\u0e32\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e15\u0e25\u0e2d\u0e14\u0e2d\u0e1a\u0e23\u0e21<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_5\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_5\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_5\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_5\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_5\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">2.6 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e42\u0e2d\u0e01\u0e32\u0e2a\/\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e1a\u0e23\u0e21\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e48\u0e27\u0e21<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_6\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_6\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_6\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_6\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"instructor_2_6\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <!-- 3. \u0e14\u0e49\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 -->\r\n <div class=\"bg-pink-50 p-4\">\r\n <h4 class=\"font-semibold text-pink-800\">3. \u0e14\u0e49\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49<\/h4>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">3.1 \u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22 \u0e19\u0e48\u0e32\u0e2a\u0e19\u0e43\u0e08 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_1\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_1\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_1\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_1\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_1\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">3.2 \u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e1d\u0e36\u0e01\u0e40\u0e02\u0e35\u0e22\u0e19 Prompt AI \u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c \u0e19\u0e33\u0e44\u0e1b\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_2\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_2\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_2\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_2\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_2\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">3.3 \u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e1d\u0e36\u0e01\u0e43\u0e0a\u0e49 AI \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\/\u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_3\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_3\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_3\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_3\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_3\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">3.4 \u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e37\u0e48\u0e2d\u0e14\u0e49\u0e27\u0e22 AI \u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\/\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_4\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_4\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_4\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_4\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_4\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">3.5 \u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\/\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49 AI \u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_5\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_5\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_5\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_5\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"activity_3_5\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <!-- 4. \u0e14\u0e49\u0e32\u0e19\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21 -->\r\n <div class=\"bg-pink-50 p-4\">\r\n <h4 class=\"font-semibold text-pink-800\">4. \u0e14\u0e49\u0e32\u0e19\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21<\/h4>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">4.1 \u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32 2 \u0e27\u0e31\u0e19 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\/\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_1\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_1\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_1\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_1\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_1\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">4.2 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e40\u0e27\u0e25\u0e32\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\/\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1e\u0e2d<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_2\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_2\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_2\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_2\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_2\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">4.3 \u0e40\u0e27\u0e25\u0e32\u0e1d\u0e36\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34 AI \u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1e\u0e2d<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_3\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_3\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_3\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_3\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_3\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">4.4 \u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e1e\u0e31\u0e01\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1e\u0e2d<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_4\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_4\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_4\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_4\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"time_4_4\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <!-- 5. \u0e14\u0e49\u0e32\u0e19\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 -->\r\n <div class=\"bg-pink-50 p-4\">\r\n <h4 class=\"font-semibold text-pink-800\">5. \u0e14\u0e49\u0e32\u0e19\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/h4>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">5.1 \u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e13\u0e2d\u0e34\u0e19\u0e40\u0e17\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e47\u0e15\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e14\u0e35 \u0e41\u0e25\u0e30\u0e40\u0e2a\u0e16\u0e35\u0e22\u0e23<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_1\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_1\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_1\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_1\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_1\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">5.2 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d AI \u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_2\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_2\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_2\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_2\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_2\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">5.3 \u0e2a\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e14\u0e35 \u0e19\u0e48\u0e32\u0e2a\u0e19\u0e43\u0e08 \u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_3\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_3\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_3\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_3\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_3\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">5.4 \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19 \u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e1a\u0e17\u0e27\u0e19<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_4\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_4\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_4\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_4\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_4\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">5.5 \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2d\u0e1a\u0e23\u0e21\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e40\u0e2d\u0e37\u0e49\u0e2d\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_5\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_5\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_5\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_5\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"tech_5_5\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <!-- 6. \u0e14\u0e49\u0e32\u0e19\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 -->\r\n <div class=\"bg-pink-50 p-4\">\r\n <h4 class=\"font-semibold text-pink-800\">6. \u0e14\u0e49\u0e32\u0e19\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49<\/h4>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">6.1 \u0e17\u0e48\u0e32\u0e19\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 AI \u0e1e\u0e31\u0e12\u0e19\u0e32\/\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e1e\u0e23\u0e30\u0e1e\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e19\u0e32\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2d\u0e1a\u0e23\u0e21<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_1\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_1\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_1\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_1\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_1\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">6.2 \u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\/\u0e2a\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e43\u0e19\u0e2d\u0e1a\u0e23\u0e21 \u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_2\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_2\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_2\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_2\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_2\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">6.3 \u0e2a\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e14\u0e49\u0e27\u0e22 AI \u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\/\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e18\u0e23\u0e23\u0e21\u0e30<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_3\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_3\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_3\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_3\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_3\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">6.4 \u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e23\u0e49\u0e32\u0e07 Prompt \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2b\u0e25\u0e37\u0e2d\/\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e08\u0e32\u0e01 AI \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_4\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_4\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_4\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_4\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_4\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">6.5 \u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\/\u0e17\u0e31\u0e01\u0e29\u0e30\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a \u0e19\u0e33\u0e44\u0e1b\u0e15\u0e48\u0e2d\u0e22\u0e2d\u0e14\/\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e43\u0e19\u0e2d\u0e19\u0e32\u0e04\u0e15<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_5\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_5\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_5\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_5\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"result_6_5\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <!-- 7. \u0e14\u0e49\u0e32\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21 -->\r\n <div class=\"bg-pink-50 p-4\">\r\n <h4 class=\"font-semibold text-pink-800\">7. \u0e14\u0e49\u0e32\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21<\/h4>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">7.1 \u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e42\u0e14\u0e22\u0e23\u0e27\u0e21\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e1a\u0e23\u0e21 (\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28, \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22)<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_1\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_1\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_1\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_1\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_1\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">7.2 \u0e02\u0e19\u0e32\u0e14\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_2\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_2\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_2\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_2\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_2\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">7.3 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e42\u0e15\u0e4a\u0e30\/\u0e17\u0e35\u0e48\u0e19\u0e31\u0e48\u0e07\u0e40\u0e2d\u0e37\u0e49\u0e2d\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\/\u0e17\u0e33\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e25\u0e38\u0e48\u0e21<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_3\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_3\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_3\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_3\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_3\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">7.4 \u0e41\u0e2a\u0e07\u0e2a\u0e27\u0e48\u0e32\u0e07\/\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_4\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_4\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_4\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_4\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_4\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">7.5 \u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e2a\u0e35\u0e22\u0e07\/\u0e20\u0e32\u0e1e (\u0e08\u0e2d\u0e20\u0e32\u0e1e, \u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04\u0e40\u0e15\u0e2d\u0e23\u0e4c, \u0e25\u0e33\u0e42\u0e1e\u0e07) \u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e14\u0e35\/\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e14\u0e35<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_5\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_5\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_5\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_5\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_5\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">7.6 \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14\/\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\/\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e15\u0e48\u0e32\u0e07\u0e46<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_6\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_6\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_6\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_6\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"venue_7_6\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <!-- 8. \u0e14\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e14\u0e37\u0e48\u0e21 -->\r\n <div class=\"bg-pink-50 p-4\">\r\n <h4 class=\"font-semibold text-pink-800\">8. \u0e14\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e14\u0e37\u0e48\u0e21<\/h4>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">8.1 \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e \u0e23\u0e2a\u0e0a\u0e32\u0e15\u0e34 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e01\u0e25\u0e32\u0e07\u0e27\u0e31\u0e19<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_1\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_1\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_1\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_1\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_1\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">8.2 \u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1e\u0e2d\/\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_2\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_2\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_2\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_2\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_2\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">8.3 \u0e04\u0e27\u0e32\u0e21\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e40\u0e21\u0e19\u0e39\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_3\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_3\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_3\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_3\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_3\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">8.4 \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e27\u0e48\u0e32\u0e07\/\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e14\u0e37\u0e48\u0e21\u0e0a\u0e48\u0e27\u0e07\u0e1e\u0e31\u0e01<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_4\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_4\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_4\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_4\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"food_8_4\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <!-- 9. \u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e42\u0e14\u0e22\u0e23\u0e27\u0e21 -->\r\n <div class=\"bg-pink-50 p-4\">\r\n <h4 class=\"font-semibold text-pink-800\">9. \u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e42\u0e14\u0e22\u0e23\u0e27\u0e21<\/h4>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">9.1 \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e34\u0e15\u0e23 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_1\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_1\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_1\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_1\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_1\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">9.2 \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e07\u0e32\u0e19\/\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e14\u0e35<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_2\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_2\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_2\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_2\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_2\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">9.3 \u0e01\u0e32\u0e23\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a\/\u0e14\u0e39\u0e41\u0e25\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e2d\u0e32\u0e43\u0e08\u0e43\u0e2a\u0e48\/\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e31\u0e19\u0e40\u0e2d\u0e07<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_3\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_3\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_3\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_3\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_3\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-grid\">\r\n <div class=\"text-sm\">9.4 \u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e42\u0e14\u0e22\u0e23\u0e27\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\/\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_4\" value=\"5\" class=\"w-4 h-4 text-pink-600\" required><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_4\" value=\"4\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_4\" value=\"3\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_4\" value=\"2\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <div class=\"text-center\"><input type=\"radio\" name=\"atmosphere_9_4\" value=\"1\" class=\"w-4 h-4 text-pink-600\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 3: \u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30 -->\r\n <div class=\"form-section\">\r\n <div class=\"section-header\">\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 3: \u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/div>\r\n <div class=\"p-6 space-y-6\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-3\">\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e17\u0e48\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e43\u0e08\u0e21\u0e32\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e04\u0e23\u0e31\u0e49\u0e07\u0e19\u0e35\u0e49\u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23?<\/label>\r\n <textarea name=\"impressed_most\" class=\"w-full p-4 border border-pink-200 rounded-lg focus:ring-2 focus:ring-pink-500 focus:border-pink-500 h-32\" placeholder=\"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19...\"><\/textarea>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-3\">\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e04\u0e27\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e04\u0e23\u0e31\u0e49\u0e07\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23?<\/label>\r\n <textarea name=\"suggestions\" class=\"w-full p-4 border border-pink-200 rounded-lg focus:ring-2 focus:ring-pink-500 focus:border-pink-500 h-32\" placeholder=\"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Submit Button -->\r\n <div class=\"text-center py-8\">\r\n <div class=\"inline-block bg-white rounded-xl shadow-lg border border-pink-200 p-6 transition-transform duration-200 hover:scale-105 hover:shadow-xl\">\r\n <button type=\"submit\" class=\"bg-pink-600 text-black font-semibold py-3 px-8 rounded-lg transition-transform duration-150 active:scale-95\" style=\"font-size: 20pt;\">\r\n \u0e2a\u0e48\u0e07\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n <!-- Dashboard Tab -->\r\n <div id=\"dashboardTab\" class=\"container mx-auto px-4 py-8 max-w-7xl\" style=\"display: none;\">\r\n <!-- Header -->\r\n <div class=\"mb-8\">\r\n <div class=\"bg-white rounded-2xl shadow-lg p-8 text-center border border-pink-100\">\r\n <!-- Logo with circular background -->\r\n <div class=\"mb-6\">\r\n <div class=\"w-32 h-32 mx-auto bg-white rounded-full shadow-md flex items-center justify-center p-4 border-2 border-pink-100\">\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/kgCB87PJ\/LINE-ALBUM-Logo-250731-1.jpg\" alt=\"Logo\" class=\"w-full h-full object-contain\">\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Title Content -->\r\n <div class=\"space-y-4\">\r\n <h1 class=\"text-3xl font-bold text-pink-800 mb-4\">\u0e41\u0e14\u0e0a\u0e1a\u0e2d\u0e23\u0e4c\u0e14\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/h1>\r\n <div class=\"bg-gradient-to-r from-pink-50 to-rose-50 rounded-xl p-6 border border-pink-200\">\r\n <h2 class=\"text-xl font-semibold text-pink-700 leading-relaxed\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21 \"\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c (AI) \u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21\"<\/h2>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Filter and Controls -->\r\n <div class=\"dashboard-card\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center space-x-4\">\r\n <label class=\"text-sm font-medium text-gray-700\">\u0e01\u0e23\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e32\u0e21\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23:<\/label>\r\n <select id=\"centerFilter\" class=\"p-2 border border-pink-200 rounded-lg focus:ring-2 focus:ring-pink-500 focus:border-pink-500\">\r\n <option value=\"\">\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/option>\r\n <option value=\"\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21 (\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07)\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21 (\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07)<\/option>\r\n <option value=\"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19<\/option>\r\n <option value=\"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e23\u0e49\u0e2d\u0e22\u0e40\u0e2d\u0e47\u0e14\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e23\u0e49\u0e2d\u0e22\u0e40\u0e2d\u0e47\u0e14<\/option>\r\n <option value=\"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1e\u0e39\u0e19\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1e\u0e39\u0e19<\/option>\r\n <option value=\"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1b\u0e32\u0e07\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1b\u0e32\u0e07<\/option>\r\n <option value=\"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e1b\u0e31\u0e15\u0e15\u0e32\u0e19\u0e35\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e1b\u0e31\u0e15\u0e15\u0e32\u0e19\u0e35<\/option>\r\n <option value=\"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e2d\u0e38\u0e17\u0e31\u0e22\u0e18\u0e32\u0e19\u0e35\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e2d\u0e38\u0e17\u0e31\u0e22\u0e18\u0e32\u0e19\u0e35<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Data Status -->\r\n <div class=\"dashboard-card mb-6\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center space-x-3\">\r\n <div class=\"w-3 h-3 bg-green-500 rounded-full animate-pulse\" id=\"dataStatus\"><\/div>\r\n <span class=\"text-sm text-gray-600\" id=\"dataStatusText\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...<\/span>\r\n <\/div>\r\n <div class=\"text-sm text-gray-500\" id=\"lastUpdated\">-<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Summary Cards -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-6 mb-8\">\r\n <div class=\"dashboard-card text-center\">\r\n <div class=\"text-3xl font-bold text-pink-600 mb-2\" id=\"totalResponses\">0<\/div>\r\n <div class=\"text-gray-600\">\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1c\u0e39\u0e49\u0e15\u0e2d\u0e1a<\/div>\r\n <\/div>\r\n <div class=\"dashboard-card text-center\">\r\n <div class=\"text-3xl font-bold text-pink-600 mb-2\" id=\"averageScore\">0.00<\/div>\r\n <div class=\"text-gray-600\">\u0e04\u0e48\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e23\u0e27\u0e21<\/div>\r\n <\/div>\r\n <div class=\"dashboard-card text-center\">\r\n <div class=\"text-3xl font-bold text-pink-600 mb-2\" id=\"satisfactionPercent\">0%<\/div>\r\n <div class=\"text-gray-600\">\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08<\/div>\r\n <\/div>\r\n <div class=\"dashboard-card text-center\">\r\n <div class=\"text-lg font-semibold text-pink-600 mb-2\" id=\"satisfactionLevel\">-<\/div>\r\n <div class=\"text-gray-600\">\u0e41\u0e1b\u0e25\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e21\u0e32\u0e22<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Charts Row -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8\">\r\n <!-- Center Distribution -->\r\n <div class=\"dashboard-card\">\r\n <h3 class=\"text-lg font-semibold text-pink-800 mb-4\">\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e15\u0e32\u0e21\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/h3>\r\n <canvas id=\"centerChart\" width=\"400\" height=\"300\"><\/canvas>\r\n <div class=\"mt-4 space-y-2\" id=\"centerStats\">\r\n <!-- Stats will be populated by JavaScript -->\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Age Distribution -->\r\n <div class=\"dashboard-card\">\r\n <h3 class=\"text-lg font-semibold text-pink-800 mb-4\">\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e22\u0e38<\/h3>\r\n <canvas id=\"ageChart\" width=\"400\" height=\"300\"><\/canvas>\r\n <div class=\"mt-4 space-y-2\" id=\"ageStats\">\r\n <!-- Stats will be populated by JavaScript -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Experience Distribution -->\r\n <div class=\"dashboard-card mb-8\">\r\n <h3 class=\"text-lg font-semibold text-pink-800 mb-4\">\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21<\/h3>\r\n <canvas id=\"experienceChart\" width=\"800\" height=\"300\"><\/canvas>\r\n <\/div>\r\n\r\n <!-- Radar Chart -->\r\n <div class=\"dashboard-card mb-8\">\r\n <h3 class=\"text-lg font-semibold text-pink-800 mb-4\">\u0e04\u0e48\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21 9 \u0e14\u0e49\u0e32\u0e19<\/h3>\r\n <canvas id=\"radarChart\" width=\"600\" height=\"400\"><\/canvas>\r\n <\/div>\r\n\r\n <!-- Detailed Evaluation Table -->\r\n <div class=\"dashboard-card mb-8\">\r\n <h3 class=\"text-lg font-semibold text-pink-800 mb-4\">\u0e15\u0e32\u0e23\u0e32\u0e07\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/h3>\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"w-full text-sm\">\r\n <thead>\r\n <tr class=\"bg-pink-50\">\r\n <th class=\"p-3 text-left\">\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/th>\r\n <th class=\"p-3 text-center\">\u0e04\u0e48\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22<\/th>\r\n <th class=\"p-3 text-center\">\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30<\/th>\r\n <th class=\"p-3 text-center\">\u0e41\u0e1b\u0e25\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e21\u0e32\u0e22<\/th>\r\n <th class=\"p-3 text-center\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"evaluationTableBody\">\r\n <!-- Data will be populated by JavaScript -->\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Comments Table -->\r\n <div class=\"dashboard-card\">\r\n <h3 class=\"text-lg font-semibold text-pink-800 mb-4\">\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30<\/h3>\r\n <div class=\"overflow-x-auto\">\r\n <table id=\"commentsTable\" class=\"display\" style=\"width:100%\">\r\n <thead>\r\n <tr>\r\n <th>\u0e25\u0e33\u0e14\u0e31\u0e1a<\/th>\r\n <th>\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e43\u0e08<\/th>\r\n <th>\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <!-- Data will be populated by JavaScript -->\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Detail Modal -->\r\n <div id=\"detailModal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <h2 class=\"text-xl font-bold text-pink-800\" id=\"modalTitle\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/h2>\r\n <button onclick=\"closeModal()\" class=\"text-gray-500 hover:text-gray-700 text-2xl\">×<\/button>\r\n <\/div>\r\n <div id=\"modalContent\">\r\n <!-- Content will be populated by JavaScript -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Global variables\r\n let surveyData = [];\r\n let charts = {};\r\n\r\n \/\/ Tab switching\r\n function showTab(tabName) {\r\n const surveyTab = document.getElementById('surveyTab');\r\n const dashboardTab = document.getElementById('dashboardTab');\r\n const tabs = document.querySelectorAll('.nav-tab');\r\n\r\n tabs.forEach(tab => tab.classList.remove('active'));\r\n\r\n if (tabName === 'survey') {\r\n surveyTab.style.display = 'block';\r\n dashboardTab.style.display = 'none';\r\n tabs[0].classList.add('active');\r\n } else {\r\n surveyTab.style.display = 'none';\r\n dashboardTab.style.display = 'block';\r\n tabs[1].classList.add('active');\r\n loadDashboardData();\r\n }\r\n }\r\n\r\n \/\/ Form submission\r\n document.getElementById('satisfactionForm').addEventListener('submit', async function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ Show loading\r\n Swal.fire({\r\n title: '\u0e01\u0e33\u0e25\u0e31\u0e07\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...',\r\n text: '\u0e01\u0e23\u0e38\u0e13\u0e32\u0e23\u0e2d\u0e2a\u0e31\u0e01\u0e04\u0e23\u0e39\u0e48',\r\n allowOutsideClick: false,\r\n didOpen: () => {\r\n Swal.showLoading();\r\n }\r\n });\r\n\r\n try {\r\n \/\/ Collect form data\r\n const formData = new FormData(this);\r\n const responses = {};\r\n \r\n \/\/ Get all form inputs\r\n for (let [key, value] of formData.entries()) {\r\n responses[key] = value;\r\n }\r\n \r\n \/\/ Add timestamp\r\n responses.timestamp = new Date().toISOString();\r\n \r\n \/\/ Send to Google Sheets via JSONP\r\n await sendToGoogleSheets(responses);\r\n \r\n \/\/ Store data locally for dashboard\r\n let storedData = [];\r\n try {\r\n const existingData = localStorage.getItem('surveyData');\r\n if (existingData) {\r\n storedData = JSON.parse(existingData);\r\n }\r\n } catch (e) {\r\n console.warn('Error parsing stored data:', e);\r\n }\r\n \r\n \/\/ Add new response to stored data\r\n storedData.push(responses);\r\n \r\n \/\/ Keep only last 100 responses to prevent storage overflow\r\n if (storedData.length > 100) {\r\n storedData = storedData.slice(-100);\r\n }\r\n \r\n \/\/ Save updated data\r\n try {\r\n localStorage.setItem('surveyData', JSON.stringify(storedData));\r\n } catch (e) {\r\n console.warn('Error saving to localStorage:', e);\r\n }\r\n \r\n \/\/ Show success message\r\n Swal.fire({\r\n icon: 'success',\r\n title: '\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08!',\r\n text: '\u0e02\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e2d\u0e1a\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21',\r\n confirmButtonColor: '#ec4899'\r\n });\r\n \r\n \/\/ Reset form\r\n this.reset();\r\n \r\n } catch (error) {\r\n console.error('Error:', error);\r\n Swal.fire({\r\n icon: 'error',\r\n title: '\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14!',\r\n text: '\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e14\u0e49 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07',\r\n confirmButtonColor: '#ec4899'\r\n });\r\n }\r\n });\r\n\r\n \/\/ Send data to Google Sheets using JSONP\r\n function sendToGoogleSheets(data) {\r\n return new Promise((resolve, reject) => {\r\n const scriptUrl = 'https:\/\/script.google.com\/macros\/s\/AKfycbwzZkBHsTIqXJNVdXq61NVpzfOn33Pe89pSQHDl89jtqJSgPgvypJJkxVN5v3D2S8Ye\/exec';\r\n const callbackName = 'jsonp_callback_' + Math.round(100000 * Math.random());\r\n \r\n \/\/ Create callback function\r\n window[callbackName] = function(response) {\r\n delete window[callbackName];\r\n document.body.removeChild(script);\r\n if (response.result === 'success') {\r\n resolve(response);\r\n } else {\r\n reject(new Error(response.error || 'Unknown error'));\r\n }\r\n };\r\n \r\n \/\/ Create script element\r\n const script = document.createElement('script');\r\n const params = new URLSearchParams(data);\r\n params.append('callback', callbackName);\r\n script.src = scriptUrl + '?' + params.toString();\r\n \r\n \/\/ Handle errors\r\n script.onerror = function() {\r\n delete window[callbackName];\r\n document.body.removeChild(script);\r\n reject(new Error('Network error'));\r\n };\r\n \r\n document.body.appendChild(script);\r\n });\r\n }\r\n\r\n \/\/ Load dashboard data from Google Sheets\r\n async function loadDashboardData() {\r\n try {\r\n \/\/ Show loading indicator\r\n updateDataStatus('loading', '\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...');\r\n \r\n \/\/ Try to fetch real data from Google Sheets using JSONP\r\n const scriptUrl = 'https:\/\/script.google.com\/macros\/s\/AKfycbwzZkBHsTIqXJNVdXq61NVpzfOn33Pe89pSQHDl89jtqJSgPgvypJJkxVN5v3D2S8Ye\/exec';\r\n const callbackName = 'jsonp_callback_' + Math.round(100000 * Math.random());\r\n \r\n \/\/ Create a promise for JSONP request\r\n const jsonpPromise = new Promise((resolve, reject) => {\r\n \/\/ Set timeout for request\r\n const timeout = setTimeout(() => {\r\n cleanup();\r\n reject(new Error('Request timeout'));\r\n }, 10000); \/\/ 10 seconds timeout\r\n \r\n \/\/ Create callback function\r\n window[callbackName] = function(response) {\r\n clearTimeout(timeout);\r\n cleanup();\r\n resolve(response);\r\n };\r\n \r\n \/\/ Cleanup function\r\n function cleanup() {\r\n if (window[callbackName]) {\r\n delete window[callbackName];\r\n }\r\n if (script && script.parentNode) {\r\n script.parentNode.removeChild(script);\r\n }\r\n }\r\n \r\n \/\/ Create script element\r\n const script = document.createElement('script');\r\n script.src = scriptUrl + '?action=getData&callback=' + callbackName;\r\n \r\n \/\/ Handle script errors\r\n script.onerror = function() {\r\n clearTimeout(timeout);\r\n cleanup();\r\n reject(new Error('Script loading failed'));\r\n };\r\n \r\n document.head.appendChild(script);\r\n });\r\n \r\n \/\/ Wait for response\r\n const result = await jsonpPromise;\r\n \r\n if (result && result.result === 'success' && result.data) {\r\n surveyData = result.data;\r\n updateDataStatus('success', `\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08 (${surveyData.length} \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23)`);\r\n } else {\r\n throw new Error('Invalid response format');\r\n }\r\n \r\n } catch (error) {\r\n console.error('Error loading dashboard data:', error);\r\n \r\n \/\/ Check if we have any stored data in localStorage\r\n const storedData = localStorage.getItem('surveyData');\r\n if (storedData) {\r\n try {\r\n surveyData = JSON.parse(storedData);\r\n updateDataStatus('success', `\u0e43\u0e0a\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e44\u0e27\u0e49 (${surveyData.length} \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23)`);\r\n } catch (parseError) {\r\n \/\/ If stored data is corrupted, use sample data\r\n surveyData = generateSampleData();\r\n updateDataStatus('error', '\u0e43\u0e0a\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07 (\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e40\u0e2a\u0e35\u0e22\u0e2b\u0e32\u0e22)');\r\n }\r\n } else {\r\n \/\/ No stored data, use sample data\r\n surveyData = generateSampleData();\r\n updateDataStatus('error', '\u0e43\u0e0a\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07 (\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e44\u0e14\u0e49)');\r\n }\r\n }\r\n \r\n \/\/ Always update dashboard regardless of data source\r\n updateDashboard();\r\n }\r\n\r\n \/\/ Generate sample data for demo\r\n function generateSampleData() {\r\n const centers = [\r\n '\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21 (\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07)',\r\n '\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19',\r\n '\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e23\u0e49\u0e2d\u0e22\u0e40\u0e2d\u0e47\u0e14',\r\n '\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1e\u0e39\u0e19',\r\n '\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1b\u0e32\u0e07'\r\n ];\r\n \r\n const ages = [\r\n '20 - 29 \u0e1b\u0e35',\r\n '30 - 39 \u0e1b\u0e35',\r\n '40 - 49 \u0e1b\u0e35',\r\n '50 - 59 \u0e1b\u0e35',\r\n '60 \u0e1b\u0e35\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b'\r\n ];\r\n \r\n const experiences = [\r\n '\u0e19\u0e49\u0e2d\u0e22\u0e01\u0e27\u0e48\u0e32 1 \u0e1b\u0e35',\r\n '1 - 3 \u0e1b\u0e35',\r\n '4 - 6 \u0e1b\u0e35',\r\n '7 - 10 \u0e1b\u0e35',\r\n '\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 10 \u0e1b\u0e35'\r\n ];\r\n\r\n const sampleData = [];\r\n for (let i = 0; i < 50; i++) {\r\n \/\/ Generate random timestamp within last 30 days\r\n const randomDays = Math.floor(Math.random() * 30);\r\n const randomHours = Math.floor(Math.random() * 24);\r\n const randomMinutes = Math.floor(Math.random() * 60);\r\n const timestamp = new Date();\r\n timestamp.setDate(timestamp.getDate() - randomDays);\r\n timestamp.setHours(randomHours, randomMinutes, 0, 0);\r\n \r\n const data = {\r\n affiliation: centers[Math.floor(Math.random() * centers.length)],\r\n age: ages[Math.floor(Math.random() * ages.length)],\r\n experience: experiences[Math.floor(Math.random() * experiences.length)],\r\n impressed_most: `\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48 ${i + 1}: \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 AI \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e19\u0e48\u0e32\u0e2a\u0e19\u0e43\u0e08\u0e41\u0e25\u0e30\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e36\u0e07\u0e14\u0e39\u0e14\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19`,\r\n suggestions: `\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48 ${i + 1}: \u0e04\u0e27\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e27\u0e25\u0e32\u0e1d\u0e36\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e43\u0e2b\u0e49\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19 \u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07`,\r\n timestamp: timestamp.toISOString()\r\n };\r\n \r\n \/\/ Generate random ratings (3-5 for realistic positive feedback)\r\n const ratingFields = [\r\n 'content_1_1', 'content_1_2', 'content_1_3', 'content_1_4', 'content_1_5',\r\n 'instructor_2_1', 'instructor_2_2', 'instructor_2_3', 'instructor_2_4', 'instructor_2_5', 'instructor_2_6',\r\n 'activity_3_1', 'activity_3_2', 'activity_3_3', 'activity_3_4', 'activity_3_5',\r\n 'time_4_1', 'time_4_2', 'time_4_3', 'time_4_4',\r\n 'tech_5_1', 'tech_5_2', 'tech_5_3', 'tech_5_4', 'tech_5_5',\r\n 'result_6_1', 'result_6_2', 'result_6_3', 'result_6_4', 'result_6_5',\r\n 'venue_7_1', 'venue_7_2', 'venue_7_3', 'venue_7_4', 'venue_7_5', 'venue_7_6',\r\n 'food_8_1', 'food_8_2', 'food_8_3', 'food_8_4',\r\n 'atmosphere_9_1', 'atmosphere_9_2', 'atmosphere_9_3', 'atmosphere_9_4'\r\n ];\r\n \r\n ratingFields.forEach(field => {\r\n data[field] = Math.floor(Math.random() * 3) + 3; \/\/ 3-5 rating\r\n });\r\n \r\n sampleData.push(data);\r\n }\r\n \r\n return sampleData;\r\n }\r\n\r\n \/\/ Update dashboard\r\n function updateDashboard() {\r\n const filteredData = getFilteredData();\r\n updateSummaryCards(filteredData);\r\n updateCharts(filteredData);\r\n updateEvaluationTable(filteredData);\r\n updateCommentsTable(filteredData);\r\n }\r\n\r\n \/\/ Get filtered data\r\n function getFilteredData() {\r\n const centerFilter = document.getElementById('centerFilter').value;\r\n if (!centerFilter) return surveyData;\r\n return surveyData.filter(item => item['affiliation'] === centerFilter);\r\n }\r\n\r\n \/\/ Update summary cards\r\n function updateSummaryCards(data) {\r\n const totalResponses = data.length;\r\n document.getElementById('totalResponses').textContent = totalResponses;\r\n \r\n if (totalResponses === 0) {\r\n document.getElementById('averageScore').textContent = '0.00';\r\n document.getElementById('satisfactionPercent').textContent = '0%';\r\n document.getElementById('satisfactionLevel').textContent = '-';\r\n return;\r\n }\r\n \r\n \/\/ Calculate average score - using actual field names from form\r\n const ratingFields = [\r\n 'content_1_1', 'content_1_2', 'content_1_3', 'content_1_4', 'content_1_5',\r\n 'instructor_2_1', 'instructor_2_2', 'instructor_2_3', 'instructor_2_4', 'instructor_2_5', 'instructor_2_6',\r\n 'activity_3_1', 'activity_3_2', 'activity_3_3', 'activity_3_4', 'activity_3_5',\r\n 'time_4_1', 'time_4_2', 'time_4_3', 'time_4_4',\r\n 'tech_5_1', 'tech_5_2', 'tech_5_3', 'tech_5_4', 'tech_5_5',\r\n 'result_6_1', 'result_6_2', 'result_6_3', 'result_6_4', 'result_6_5',\r\n 'venue_7_1', 'venue_7_2', 'venue_7_3', 'venue_7_4', 'venue_7_5', 'venue_7_6',\r\n 'food_8_1', 'food_8_2', 'food_8_3', 'food_8_4',\r\n 'atmosphere_9_1', 'atmosphere_9_2', 'atmosphere_9_3', 'atmosphere_9_4'\r\n ];\r\n \r\n let totalScore = 0;\r\n let totalFields = 0;\r\n \r\n data.forEach(item => {\r\n ratingFields.forEach(field => {\r\n if (item[field] && !isNaN(item[field])) {\r\n totalScore += parseFloat(item[field]);\r\n totalFields++;\r\n }\r\n });\r\n });\r\n \r\n const averageScore = totalFields > 0 ? (totalScore \/ totalFields) : 0;\r\n const satisfactionPercent = (averageScore \/ 5) * 100;\r\n \r\n document.getElementById('averageScore').textContent = averageScore.toFixed(2);\r\n document.getElementById('satisfactionPercent').textContent = satisfactionPercent.toFixed(1) + '%';\r\n \r\n \/\/ Satisfaction level\r\n let level = '';\r\n if (averageScore >= 4.5) level = '\u0e21\u0e32\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14';\r\n else if (averageScore >= 3.5) level = '\u0e21\u0e32\u0e01';\r\n else if (averageScore >= 2.5) level = '\u0e1b\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07';\r\n else if (averageScore >= 1.5) level = '\u0e19\u0e49\u0e2d\u0e22';\r\n else level = '\u0e19\u0e49\u0e2d\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14';\r\n \r\n document.getElementById('satisfactionLevel').textContent = level;\r\n }\r\n\r\n \/\/ Update charts\r\n function updateCharts(data) {\r\n updateCenterChart(data);\r\n updateAgeChart(data);\r\n updateExperienceChart(data);\r\n updateRadarChart(data);\r\n }\r\n\r\n \/\/ Update center distribution chart\r\n function updateCenterChart(data) {\r\n const centerCounts = {};\r\n const centerScores = {};\r\n \r\n data.forEach(item => {\r\n const center = item['affiliation'] || '\u0e44\u0e21\u0e48\u0e23\u0e30\u0e1a\u0e38';\r\n centerCounts[center] = (centerCounts[center] || 0) + 1;\r\n \r\n \/\/ Calculate average score for this center\r\n if (!centerScores[center]) {\r\n centerScores[center] = { total: 0, count: 0 };\r\n }\r\n \r\n const ratingFields = [\r\n 'content_1_1', 'content_1_2', 'content_1_3', 'content_1_4', 'content_1_5',\r\n 'instructor_2_1', 'instructor_2_2', 'instructor_2_3', 'instructor_2_4', 'instructor_2_5', 'instructor_2_6',\r\n 'activity_3_1', 'activity_3_2', 'activity_3_3', 'activity_3_4', 'activity_3_5',\r\n 'time_4_1', 'time_4_2', 'time_4_3', 'time_4_4',\r\n 'tech_5_1', 'tech_5_2', 'tech_5_3', 'tech_5_4', 'tech_5_5',\r\n 'result_6_1', 'result_6_2', 'result_6_3', 'result_6_4', 'result_6_5',\r\n 'venue_7_1', 'venue_7_2', 'venue_7_3', 'venue_7_4', 'venue_7_5', 'venue_7_6',\r\n 'food_8_1', 'food_8_2', 'food_8_3', 'food_8_4',\r\n 'atmosphere_9_1', 'atmosphere_9_2', 'atmosphere_9_3', 'atmosphere_9_4'\r\n ];\r\n \r\n ratingFields.forEach(field => {\r\n if (item[field] && !isNaN(item[field])) {\r\n centerScores[center].total += parseFloat(item[field]);\r\n centerScores[center].count++;\r\n }\r\n });\r\n });\r\n \r\n const ctx = document.getElementById('centerChart').getContext('2d');\r\n \r\n if (charts.centerChart) {\r\n charts.centerChart.destroy();\r\n }\r\n \r\n charts.centerChart = new Chart(ctx, {\r\n type: 'pie',\r\n data: {\r\n labels: Object.keys(centerCounts),\r\n datasets: [{\r\n data: Object.values(centerCounts),\r\n backgroundColor: [\r\n '#ec4899', '#f472b6', '#f8bbd9', '#fce7f3', '#fdf2f8',\r\n '#be185d', '#db2777'\r\n ]\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n plugins: {\r\n legend: {\r\n position: 'bottom'\r\n }\r\n }\r\n }\r\n });\r\n \r\n \/\/ Update stats table\r\n const statsContainer = document.getElementById('centerStats');\r\n statsContainer.innerHTML = '<div class=\"text-sm font-semibold text-pink-800 mb-2\">\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e23\u0e32\u0e22\u0e28\u0e39\u0e19\u0e22\u0e4c<\/div>';\r\n \r\n Object.keys(centerCounts).forEach(center => {\r\n const count = centerCounts[center];\r\n const average = centerScores[center].count > 0 ? \r\n (centerScores[center].total \/ centerScores[center].count) : 0;\r\n const percentage = (average \/ 5) * 100;\r\n \r\n const statDiv = document.createElement('div');\r\n statDiv.className = 'flex justify-between items-center text-xs bg-pink-50 p-2 rounded';\r\n statDiv.innerHTML = `\r\n <span class=\"font-medium\">${center.length > 20 ? center.substring(0, 20) + '...' : center}<\/span>\r\n <div class=\"text-right\">\r\n <div>\u0e08\u0e33\u0e19\u0e27\u0e19: ${count}<\/div>\r\n <div>\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22: ${average.toFixed(2)} (${percentage.toFixed(1)}%)<\/div>\r\n <\/div>\r\n `;\r\n statsContainer.appendChild(statDiv);\r\n });\r\n }\r\n\r\n \/\/ Update age distribution chart\r\n function updateAgeChart(data) {\r\n const ageCounts = {};\r\n const ageScores = {};\r\n \r\n data.forEach(item => {\r\n const age = item['age'] || '\u0e44\u0e21\u0e48\u0e23\u0e30\u0e1a\u0e38';\r\n ageCounts[age] = (ageCounts[age] || 0) + 1;\r\n \r\n \/\/ Calculate average score for this age group\r\n if (!ageScores[age]) {\r\n ageScores[age] = { total: 0, count: 0 };\r\n }\r\n \r\n const ratingFields = [\r\n 'content_1_1', 'content_1_2', 'content_1_3', 'content_1_4', 'content_1_5',\r\n 'instructor_2_1', 'instructor_2_2', 'instructor_2_3', 'instructor_2_4', 'instructor_2_5', 'instructor_2_6',\r\n 'activity_3_1', 'activity_3_2', 'activity_3_3', 'activity_3_4', 'activity_3_5',\r\n 'time_4_1', 'time_4_2', 'time_4_3', 'time_4_4',\r\n 'tech_5_1', 'tech_5_2', 'tech_5_3', 'tech_5_4', 'tech_5_5',\r\n 'result_6_1', 'result_6_2', 'result_6_3', 'result_6_4', 'result_6_5',\r\n 'venue_7_1', 'venue_7_2', 'venue_7_3', 'venue_7_4', 'venue_7_5', 'venue_7_6',\r\n 'food_8_1', 'food_8_2', 'food_8_3', 'food_8_4',\r\n 'atmosphere_9_1', 'atmosphere_9_2', 'atmosphere_9_3', 'atmosphere_9_4'\r\n ];\r\n \r\n ratingFields.forEach(field => {\r\n if (item[field] && !isNaN(item[field])) {\r\n ageScores[age].total += parseFloat(item[field]);\r\n ageScores[age].count++;\r\n }\r\n });\r\n });\r\n \r\n const ctx = document.getElementById('ageChart').getContext('2d');\r\n \r\n if (charts.ageChart) {\r\n charts.ageChart.destroy();\r\n }\r\n \r\n charts.ageChart = new Chart(ctx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: Object.keys(ageCounts),\r\n datasets: [{\r\n data: Object.values(ageCounts),\r\n backgroundColor: [\r\n '#ec4899', '#f472b6', '#f8bbd9', '#fce7f3', '#fdf2f8'\r\n ]\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n plugins: {\r\n legend: {\r\n position: 'bottom'\r\n }\r\n }\r\n }\r\n });\r\n \r\n \/\/ Update stats table\r\n const statsContainer = document.getElementById('ageStats');\r\n statsContainer.innerHTML = '<div class=\"text-sm font-semibold text-pink-800 mb-2\">\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e23\u0e32\u0e22\u0e2d\u0e32\u0e22\u0e38<\/div>';\r\n \r\n Object.keys(ageCounts).forEach(age => {\r\n const count = ageCounts[age];\r\n const average = ageScores[age].count > 0 ? \r\n (ageScores[age].total \/ ageScores[age].count) : 0;\r\n const percentage = (average \/ 5) * 100;\r\n \r\n const statDiv = document.createElement('div');\r\n statDiv.className = 'flex justify-between items-center text-xs bg-pink-50 p-2 rounded';\r\n statDiv.innerHTML = `\r\n <span class=\"font-medium\">${age}<\/span>\r\n <div class=\"text-right\">\r\n <div>\u0e08\u0e33\u0e19\u0e27\u0e19: ${count}<\/div>\r\n <div>\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22: ${average.toFixed(2)} (${percentage.toFixed(1)}%)<\/div>\r\n <\/div>\r\n `;\r\n statsContainer.appendChild(statDiv);\r\n });\r\n }\r\n\r\n \/\/ Update experience chart\r\n function updateExperienceChart(data) {\r\n const experienceCounts = {};\r\n data.forEach(item => {\r\n const experience = item['experience'] || '\u0e44\u0e21\u0e48\u0e23\u0e30\u0e1a\u0e38';\r\n experienceCounts[experience] = (experienceCounts[experience] || 0) + 1;\r\n });\r\n \r\n const ctx = document.getElementById('experienceChart').getContext('2d');\r\n \r\n if (charts.experienceChart) {\r\n charts.experienceChart.destroy();\r\n }\r\n \r\n charts.experienceChart = new Chart(ctx, {\r\n type: 'bar',\r\n data: {\r\n labels: Object.keys(experienceCounts),\r\n datasets: [{\r\n label: '\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1c\u0e39\u0e49\u0e15\u0e2d\u0e1a',\r\n data: Object.values(experienceCounts),\r\n backgroundColor: '#ec4899',\r\n borderColor: '#be185d',\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n scales: {\r\n y: {\r\n beginAtZero: true\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n \/\/ Update radar chart\r\n function updateRadarChart(data) {\r\n const categories = [\r\n { name: '\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21', fields: ['content_1_1', 'content_1_2', 'content_1_3', 'content_1_4', 'content_1_5'] },\r\n { name: '\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23', fields: ['instructor_2_1', 'instructor_2_2', 'instructor_2_3', 'instructor_2_4', 'instructor_2_5', 'instructor_2_6'] },\r\n { name: '\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49', fields: ['activity_3_1', 'activity_3_2', 'activity_3_3', 'activity_3_4', 'activity_3_5'] },\r\n { name: '\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21', fields: ['time_4_1', 'time_4_2', 'time_4_3', 'time_4_4'] },\r\n { name: '\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35', fields: ['tech_5_1', 'tech_5_2', 'tech_5_3', 'tech_5_4', 'tech_5_5'] },\r\n { name: '\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49', fields: ['result_6_1', 'result_6_2', 'result_6_3', 'result_6_4', 'result_6_5'] },\r\n { name: '\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21', fields: ['venue_7_1', 'venue_7_2', 'venue_7_3', 'venue_7_4', 'venue_7_5', 'venue_7_6'] },\r\n { name: '\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e14\u0e37\u0e48\u0e21', fields: ['food_8_1', 'food_8_2', 'food_8_3', 'food_8_4'] },\r\n { name: '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e42\u0e14\u0e22\u0e23\u0e27\u0e21', fields: ['atmosphere_9_1', 'atmosphere_9_2', 'atmosphere_9_3', 'atmosphere_9_4'] }\r\n ];\r\n \r\n const categoryAverages = categories.map(category => {\r\n let total = 0;\r\n let count = 0;\r\n \r\n data.forEach(item => {\r\n category.fields.forEach(field => {\r\n if (item[field] && !isNaN(item[field])) {\r\n total += parseFloat(item[field]);\r\n count++;\r\n }\r\n });\r\n });\r\n \r\n return count > 0 ? (total \/ count) : 0;\r\n });\r\n \r\n const ctx = document.getElementById('radarChart').getContext('2d');\r\n \r\n if (charts.radarChart) {\r\n charts.radarChart.destroy();\r\n }\r\n \r\n charts.radarChart = new Chart(ctx, {\r\n type: 'radar',\r\n data: {\r\n labels: categories.map(c => c.name),\r\n datasets: [{\r\n label: '\u0e04\u0e48\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08',\r\n data: categoryAverages,\r\n backgroundColor: 'rgba(236, 72, 153, 0.2)',\r\n borderColor: '#ec4899',\r\n borderWidth: 2,\r\n pointBackgroundColor: '#ec4899'\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n scales: {\r\n r: {\r\n beginAtZero: true,\r\n max: 5,\r\n ticks: {\r\n stepSize: 1\r\n }\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n \/\/ Update evaluation table\r\n function updateEvaluationTable(data) {\r\n const categories = [\r\n { name: '\u0e14\u0e49\u0e32\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21', fields: ['content_1_1', 'content_1_2', 'content_1_3', 'content_1_4', 'content_1_5'] },\r\n { name: '\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23', fields: ['instructor_2_1', 'instructor_2_2', 'instructor_2_3', 'instructor_2_4', 'instructor_2_5', 'instructor_2_6'] },\r\n { name: '\u0e14\u0e49\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49', fields: ['activity_3_1', 'activity_3_2', 'activity_3_3', 'activity_3_4', 'activity_3_5'] },\r\n { name: '\u0e14\u0e49\u0e32\u0e19\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21', fields: ['time_4_1', 'time_4_2', 'time_4_3', 'time_4_4'] },\r\n { name: '\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35', fields: ['tech_5_1', 'tech_5_2', 'tech_5_3', 'tech_5_4', 'tech_5_5'] },\r\n { name: '\u0e14\u0e49\u0e32\u0e19\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49', fields: ['result_6_1', 'result_6_2', 'result_6_3', 'result_6_4', 'result_6_5'] },\r\n { name: '\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21', fields: ['venue_7_1', 'venue_7_2', 'venue_7_3', 'venue_7_4', 'venue_7_5', 'venue_7_6'] },\r\n { name: '\u0e14\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e14\u0e37\u0e48\u0e21', fields: ['food_8_1', 'food_8_2', 'food_8_3', 'food_8_4'] },\r\n { name: '\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e42\u0e14\u0e22\u0e23\u0e27\u0e21', fields: ['atmosphere_9_1', 'atmosphere_9_2', 'atmosphere_9_3', 'atmosphere_9_4'] }\r\n ];\r\n \r\n \/\/ Calculate data for all categories first\r\n const categoryData = categories.map((category, index) => {\r\n let total = 0;\r\n let count = 0;\r\n \r\n data.forEach(item => {\r\n category.fields.forEach(field => {\r\n if (item[field] && !isNaN(item[field])) {\r\n total += parseFloat(item[field]);\r\n count++;\r\n }\r\n });\r\n });\r\n \r\n const average = count > 0 ? (total \/ count) : 0;\r\n const percentage = (average \/ 5) * 100;\r\n \r\n let level = '';\r\n if (average >= 4.5) level = '\u0e21\u0e32\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14';\r\n else if (average >= 3.5) level = '\u0e21\u0e32\u0e01';\r\n else if (average >= 2.5) level = '\u0e1b\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07';\r\n else if (average >= 1.5) level = '\u0e19\u0e49\u0e2d\u0e22';\r\n else level = '\u0e19\u0e49\u0e2d\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14';\r\n \r\n return {\r\n name: category.name,\r\n average: average,\r\n percentage: percentage,\r\n level: level,\r\n index: index\r\n };\r\n });\r\n \r\n \/\/ Sort by percentage (descending)\r\n categoryData.sort((a, b) => b.percentage - a.percentage);\r\n \r\n const tbody = document.getElementById('evaluationTableBody');\r\n tbody.innerHTML = '';\r\n \r\n categoryData.forEach(item => {\r\n const row = document.createElement('tr');\r\n row.innerHTML = `\r\n <td class=\"p-3 border-b\">${item.name}<\/td>\r\n <td class=\"p-3 border-b text-center\">${item.average.toFixed(2)}<\/td>\r\n <td class=\"p-3 border-b text-center\">\r\n <div class=\"flex items-center justify-center space-x-2\">\r\n <div class=\"flex-1 bg-gray-200 rounded-full h-4 max-w-24\">\r\n <div class=\"bg-gradient-to-r from-pink-500 to-pink-600 h-4 rounded-full transition-all duration-500\" style=\"width: ${item.percentage}%\"><\/div>\r\n <\/div>\r\n <span class=\"text-sm font-medium min-w-12\">${item.percentage.toFixed(1)}%<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"p-3 border-b text-center\">${item.level}<\/td>\r\n <td class=\"p-3 border-b text-center\">\r\n <button onclick=\"showCategoryDetail(${item.index})\" class=\"text-pink-600 hover:text-pink-800 px-3 py-1 rounded-lg border border-pink-200 hover:bg-pink-50\">\r\n \ud83d\udcca \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\r\n <\/button>\r\n <\/td>\r\n `;\r\n tbody.appendChild(row);\r\n });\r\n }\r\n\r\n \/\/ Update comments table with DataTable\r\n function updateCommentsTable(data) {\r\n \/\/ Destroy existing DataTable if it exists\r\n if ($.fn.DataTable.isDataTable('#commentsTable')) {\r\n $('#commentsTable').DataTable().destroy();\r\n }\r\n \r\n \/\/ Prepare data for DataTable\r\n const tableData = [];\r\n data.forEach((item, index) => {\r\n if (item['impressed_most'] || item['suggestions']) {\r\n \/\/ Get full text for display\r\n const impressedText = item['impressed_most'] || '-';\r\n const suggestionsText = item['suggestions'] || '-';\r\n \r\n tableData.push([\r\n index + 1,\r\n impressedText,\r\n suggestionsText\r\n ]);\r\n }\r\n });\r\n \r\n \/\/ Initialize DataTable with minimal features\r\n $('#commentsTable').DataTable({\r\n data: tableData,\r\n pageLength: 10,\r\n lengthMenu: [[5, 10, 25, 50, -1], [5, 10, 25, 50, \"\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\"]],\r\n searching: false, \/\/ \u0e1b\u0e34\u0e14\u0e01\u0e32\u0e23\u0e04\u0e49\u0e19\u0e2b\u0e32\r\n ordering: false, \/\/ \u0e1b\u0e34\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e07\u0e25\u0e33\u0e14\u0e31\u0e1a\r\n info: true, \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e34\u0e15\u0e34\r\n paging: true, \/\/ \u0e40\u0e1b\u0e34\u0e14\u0e01\u0e32\u0e23\u0e41\u0e1a\u0e48\u0e07\u0e2b\u0e19\u0e49\u0e32\r\n lengthChange: true, \/\/ \u0e40\u0e1b\u0e34\u0e14\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e08\u0e33\u0e19\u0e27\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\r\n language: {\r\n \"decimal\": \"\",\r\n \"emptyTable\": \"\u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19\u0e15\u0e32\u0e23\u0e32\u0e07\",\r\n \"info\": \"\u0e41\u0e2a\u0e14\u0e07 _START_ \u0e16\u0e36\u0e07 _END_ \u0e08\u0e32\u0e01 _TOTAL_ \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\",\r\n \"infoEmpty\": \"\u0e41\u0e2a\u0e14\u0e07 0 \u0e16\u0e36\u0e07 0 \u0e08\u0e32\u0e01 0 \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\",\r\n \"infoFiltered\": \"(\u0e01\u0e23\u0e2d\u0e07\u0e08\u0e32\u0e01 _MAX_ \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14)\",\r\n \"infoPostFix\": \"\",\r\n \"thousands\": \",\",\r\n \"lengthMenu\": \"\u0e41\u0e2a\u0e14\u0e07 _MENU_ \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\",\r\n \"loadingRecords\": \"\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14...\",\r\n \"processing\": \"\u0e01\u0e33\u0e25\u0e31\u0e07\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25...\",\r\n \"zeroRecords\": \"\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e15\u0e23\u0e07\u0e01\u0e31\u0e19\",\r\n \"paginate\": {\r\n \"first\": \"\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01\",\r\n \"last\": \"\u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\",\r\n \"next\": \"\u0e16\u0e31\u0e14\u0e44\u0e1b\",\r\n \"previous\": \"\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\"\r\n }\r\n },\r\n columnDefs: [\r\n {\r\n targets: [0], \/\/ \u0e25\u0e33\u0e14\u0e31\u0e1a column\r\n width: \"80px\",\r\n className: \"text-center\"\r\n },\r\n {\r\n targets: [1, 2], \/\/ \u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e43\u0e08 \u0e41\u0e25\u0e30 \u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30 columns\r\n render: function(data, type, row) {\r\n if (type === 'display') {\r\n return `<div class=\"text-sm leading-relaxed whitespace-pre-wrap break-words\" style=\"max-width: 400px;\">${data || '-'}<\/div>`;\r\n }\r\n return data || '-';\r\n }\r\n }\r\n ]\r\n });\r\n }\r\n\r\n \/\/ Show category detail modal\r\n function showCategoryDetail(categoryIndex) {\r\n const categories = [\r\n { \r\n name: '\u0e14\u0e49\u0e32\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21', \r\n fields: ['content_1_1', 'content_1_2', 'content_1_3', 'content_1_4', 'content_1_5'],\r\n labels: [\r\n '\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 AI \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19',\r\n '\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19',\r\n '\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 AI \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e1e\u0e23\u0e30\u0e1e\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e19\u0e32',\r\n '\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e1a\u0e23\u0e21',\r\n '\u0e25\u0e33\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 (\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e2a\u0e39\u0e48\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34)'\r\n ]\r\n },\r\n { \r\n name: '\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23', \r\n fields: ['instructor_2_1', 'instructor_2_2', 'instructor_2_3', 'instructor_2_4', 'instructor_2_5', 'instructor_2_6'],\r\n labels: [\r\n '\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 \u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e14\u0e49\u0e32\u0e19 AI',\r\n '\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e44\u0e14\u0e49\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e01\u0e23\u0e30\u0e0a\u0e31\u0e1a \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22',\r\n '\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23\u0e15\u0e2d\u0e1a\u0e04\u0e33\u0e16\u0e32\u0e21\u0e15\u0e23\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e14\u0e47\u0e19 \u0e43\u0e2b\u0e49\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\/\u0e01\u0e23\u0e30\u0e15\u0e38\u0e49\u0e19\u0e01\u0e32\u0e23\u0e04\u0e34\u0e14',\r\n '\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23\u0e43\u0e0a\u0e49\u0e20\u0e32\u0e29\u0e32\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e2a\u0e38\u0e20\u0e32\u0e1e \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e17\u0e35\u0e48\u0e14\u0e35',\r\n '\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23\u0e15\u0e23\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e27\u0e25\u0e32 \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e27\u0e25\u0e32\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e15\u0e25\u0e2d\u0e14\u0e2d\u0e1a\u0e23\u0e21',\r\n '\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e42\u0e2d\u0e01\u0e32\u0e2a\/\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e1a\u0e23\u0e21\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e48\u0e27\u0e21'\r\n ]\r\n },\r\n { \r\n name: '\u0e14\u0e49\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49', \r\n fields: ['activity_3_1', 'activity_3_2', 'activity_3_3', 'activity_3_4', 'activity_3_5'],\r\n labels: [\r\n '\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22 \u0e19\u0e48\u0e32\u0e2a\u0e19\u0e43\u0e08 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19',\r\n '\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e1d\u0e36\u0e01\u0e40\u0e02\u0e35\u0e22\u0e19 Prompt AI \u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c \u0e19\u0e33\u0e44\u0e1b\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07',\r\n '\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e1d\u0e36\u0e01\u0e43\u0e0a\u0e49 AI \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\/\u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49',\r\n '\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e37\u0e48\u0e2d\u0e14\u0e49\u0e27\u0e22 AI \u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\/\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07',\r\n '\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\/\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49 AI \u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07'\r\n ]\r\n },\r\n { \r\n name: '\u0e14\u0e49\u0e32\u0e19\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21', \r\n fields: ['time_4_1', 'time_4_2', 'time_4_3', 'time_4_4'],\r\n labels: [\r\n '\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32 2 \u0e27\u0e31\u0e19 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\/\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21',\r\n '\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e40\u0e27\u0e25\u0e32\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\/\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1e\u0e2d',\r\n '\u0e40\u0e27\u0e25\u0e32\u0e1d\u0e36\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34 AI \u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1e\u0e2d',\r\n '\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e1e\u0e31\u0e01\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1e\u0e2d'\r\n ]\r\n },\r\n { \r\n name: '\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35', \r\n fields: ['tech_5_1', 'tech_5_2', 'tech_5_3', 'tech_5_4', 'tech_5_5'],\r\n labels: [\r\n '\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e13\u0e2d\u0e34\u0e19\u0e40\u0e17\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e47\u0e15\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e14\u0e35 \u0e41\u0e25\u0e30\u0e40\u0e2a\u0e16\u0e35\u0e22\u0e23',\r\n '\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d AI \u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c',\r\n '\u0e2a\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e14\u0e35 \u0e19\u0e48\u0e32\u0e2a\u0e19\u0e43\u0e08 \u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08',\r\n '\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19 \u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e1a\u0e17\u0e27\u0e19',\r\n '\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2d\u0e1a\u0e23\u0e21\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e40\u0e2d\u0e37\u0e49\u0e2d\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49'\r\n ]\r\n },\r\n { \r\n name: '\u0e14\u0e49\u0e32\u0e19\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49', \r\n fields: ['result_6_1', 'result_6_2', 'result_6_3', 'result_6_4', 'result_6_5'],\r\n labels: [\r\n '\u0e17\u0e48\u0e32\u0e19\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 AI \u0e1e\u0e31\u0e12\u0e19\u0e32\/\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e1e\u0e23\u0e30\u0e1e\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e19\u0e32\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2d\u0e1a\u0e23\u0e21',\r\n '\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\/\u0e2a\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e43\u0e19\u0e2d\u0e1a\u0e23\u0e21 \u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07',\r\n '\u0e2a\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e14\u0e49\u0e27\u0e22 AI \u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\/\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e18\u0e23\u0e23\u0e21\u0e30',\r\n '\u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e23\u0e49\u0e32\u0e07 Prompt \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2b\u0e25\u0e37\u0e2d\/\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e08\u0e32\u0e01 AI \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e',\r\n '\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\/\u0e17\u0e31\u0e01\u0e29\u0e30\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a \u0e19\u0e33\u0e44\u0e1b\u0e15\u0e48\u0e2d\u0e22\u0e2d\u0e14\/\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e43\u0e19\u0e2d\u0e19\u0e32\u0e04\u0e15'\r\n ]\r\n },\r\n { \r\n name: '\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21', \r\n fields: ['venue_7_1', 'venue_7_2', 'venue_7_3', 'venue_7_4', 'venue_7_5', 'venue_7_6'],\r\n labels: [\r\n '\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e42\u0e14\u0e22\u0e23\u0e27\u0e21\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e1a\u0e23\u0e21 (\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28, \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22)',\r\n '\u0e02\u0e19\u0e32\u0e14\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21',\r\n '\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e42\u0e15\u0e4a\u0e30\/\u0e17\u0e35\u0e48\u0e19\u0e31\u0e48\u0e07\u0e40\u0e2d\u0e37\u0e49\u0e2d\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\/\u0e17\u0e33\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e25\u0e38\u0e48\u0e21',\r\n '\u0e41\u0e2a\u0e07\u0e2a\u0e27\u0e48\u0e32\u0e07\/\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21',\r\n '\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e2a\u0e35\u0e22\u0e07\/\u0e20\u0e32\u0e1e (\u0e08\u0e2d\u0e20\u0e32\u0e1e, \u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04\u0e40\u0e15\u0e2d\u0e23\u0e4c, \u0e25\u0e33\u0e42\u0e1e\u0e07) \u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e14\u0e35\/\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e14\u0e35',\r\n '\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14\/\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\/\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e15\u0e48\u0e32\u0e07\u0e46'\r\n ]\r\n },\r\n { \r\n name: '\u0e14\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e14\u0e37\u0e48\u0e21', \r\n fields: ['food_8_1', 'food_8_2', 'food_8_3', 'food_8_4'],\r\n labels: [\r\n '\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e \u0e23\u0e2a\u0e0a\u0e32\u0e15\u0e34 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e01\u0e25\u0e32\u0e07\u0e27\u0e31\u0e19',\r\n '\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1e\u0e2d\/\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21',\r\n '\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e40\u0e21\u0e19\u0e39\u0e2d\u0e32\u0e2b\u0e32\u0e23',\r\n '\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e27\u0e48\u0e32\u0e07\/\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e14\u0e37\u0e48\u0e21\u0e0a\u0e48\u0e27\u0e07\u0e1e\u0e31\u0e01'\r\n ]\r\n },\r\n { \r\n name: '\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e42\u0e14\u0e22\u0e23\u0e27\u0e21', \r\n fields: ['atmosphere_9_1', 'atmosphere_9_2', 'atmosphere_9_3', 'atmosphere_9_4'],\r\n labels: [\r\n '\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e34\u0e15\u0e23 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49',\r\n '\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e07\u0e32\u0e19\/\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e14\u0e35',\r\n '\u0e01\u0e32\u0e23\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a\/\u0e14\u0e39\u0e41\u0e25\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e2d\u0e32\u0e43\u0e08\u0e43\u0e2a\u0e48\/\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e31\u0e19\u0e40\u0e2d\u0e07',\r\n '\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e42\u0e14\u0e22\u0e23\u0e27\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\/\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23'\r\n ]\r\n }\r\n ];\r\n \r\n const category = categories[categoryIndex];\r\n if (!category) return;\r\n \r\n const filteredData = getFilteredData();\r\n \r\n document.getElementById('modalTitle').textContent = category.name;\r\n \r\n \/\/ Calculate data for radar chart\r\n const radarData = category.fields.map(field => {\r\n let total = 0;\r\n let count = 0;\r\n \r\n filteredData.forEach(item => {\r\n if (item[field] && !isNaN(item[field])) {\r\n total += parseFloat(item[field]);\r\n count++;\r\n }\r\n });\r\n \r\n return count > 0 ? (total \/ count) : 0;\r\n });\r\n \r\n let content = `\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\r\n <!-- Radar Chart -->\r\n <div>\r\n <h4 class=\"font-semibold text-pink-800 mb-4\">\u0e01\u0e23\u0e32\u0e1f\u0e43\u0e22\u0e41\u0e21\u0e07\u0e21\u0e38\u0e21 - ${category.name}<\/h4>\r\n <canvas id=\"categoryRadarChart\" width=\"300\" height=\"300\"><\/canvas>\r\n <\/div>\r\n \r\n <!-- Detailed Stats -->\r\n <div>\r\n <h4 class=\"font-semibold text-pink-800 mb-4\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/h4>\r\n <div class=\"space-y-3 max-h-80 overflow-y-auto\">\r\n `;\r\n \r\n category.fields.forEach((field, index) => {\r\n let total = 0;\r\n let count = 0;\r\n \r\n filteredData.forEach(item => {\r\n if (item[field] && !isNaN(item[field])) {\r\n total += parseFloat(item[field]);\r\n count++;\r\n }\r\n });\r\n \r\n const average = count > 0 ? (total \/ count) : 0;\r\n const percentage = (average \/ 5) * 100;\r\n \r\n content += `\r\n <div class=\"bg-pink-50 p-3 rounded-lg\">\r\n <h5 class=\"font-medium text-pink-800 mb-2 text-sm\">${category.labels[index]}<\/h5>\r\n <div class=\"grid grid-cols-3 gap-2 text-xs\">\r\n <div>\u0e08\u0e33\u0e19\u0e27\u0e19: <span class=\"font-semibold\">${count}<\/span><\/div>\r\n <div>\u0e04\u0e48\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22: <span class=\"font-semibold\">${average.toFixed(2)}<\/span><\/div>\r\n <div>\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30: <span class=\"font-semibold\">${percentage.toFixed(1)}%<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n \r\n content += `\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n document.getElementById('modalContent').innerHTML = content;\r\n document.getElementById('detailModal').style.display = 'block';\r\n \r\n \/\/ Create radar chart\r\n setTimeout(() => {\r\n const ctx = document.getElementById('categoryRadarChart');\r\n if (ctx) {\r\n if (charts.categoryRadarChart) {\r\n charts.categoryRadarChart.destroy();\r\n }\r\n \r\n charts.categoryRadarChart = new Chart(ctx.getContext('2d'), {\r\n type: 'radar',\r\n data: {\r\n labels: category.labels.map(label => \r\n label.length > 30 ? label.substring(0, 30) + '...' : label\r\n ),\r\n datasets: [{\r\n label: '\u0e04\u0e48\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08',\r\n data: radarData,\r\n backgroundColor: 'rgba(236, 72, 153, 0.2)',\r\n borderColor: '#ec4899',\r\n borderWidth: 2,\r\n pointBackgroundColor: '#ec4899',\r\n pointBorderColor: '#be185d',\r\n pointRadius: 4\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n scales: {\r\n r: {\r\n beginAtZero: true,\r\n max: 5,\r\n ticks: {\r\n stepSize: 1,\r\n font: {\r\n size: 10\r\n }\r\n },\r\n pointLabels: {\r\n font: {\r\n size: 9\r\n }\r\n }\r\n }\r\n },\r\n plugins: {\r\n legend: {\r\n display: false\r\n }\r\n }\r\n }\r\n });\r\n }\r\n }, 100);\r\n }\r\n\r\n \/\/ Close modal\r\n function closeModal() {\r\n document.getElementById('detailModal').style.display = 'none';\r\n }\r\n\r\n \/\/ Show full text in modal\r\n function showFullText(text, title) {\r\n document.getElementById('modalTitle').textContent = title;\r\n document.getElementById('modalContent').innerHTML = `\r\n <div class=\"bg-pink-50 p-4 rounded-lg\">\r\n <div class=\"text-gray-800 leading-relaxed whitespace-pre-wrap\">${text}<\/div>\r\n <\/div>\r\n `;\r\n document.getElementById('detailModal').style.display = 'block';\r\n }\r\n\r\n \/\/ Filter change handler\r\n document.getElementById('centerFilter').addEventListener('change', updateDashboard);\r\n\r\n \/\/ Radio button animation\r\n document.querySelectorAll('input[type=\"radio\"]').forEach(radio => {\r\n radio.addEventListener('change', function() {\r\n this.closest('.rating-grid').style.backgroundColor = '#fdf2f8';\r\n setTimeout(() => {\r\n this.closest('.rating-grid').style.backgroundColor = '';\r\n }, 300);\r\n });\r\n });\r\n\r\n \/\/ Loading indicator functions\r\n function showLoadingIndicator() {\r\n const dashboardTab = document.getElementById('dashboardTab');\r\n const loadingDiv = document.createElement('div');\r\n loadingDiv.id = 'loadingIndicator';\r\n loadingDiv.className = 'fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50';\r\n loadingDiv.innerHTML = `\r\n <div class=\"bg-white p-6 rounded-lg shadow-lg text-center\">\r\n <div class=\"animate-spin rounded-full h-12 w-12 border-b-2 border-pink-600 mx-auto mb-4\"><\/div>\r\n <p class=\"text-gray-700\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...<\/p>\r\n <\/div>\r\n `;\r\n document.body.appendChild(loadingDiv);\r\n }\r\n\r\n function hideLoadingIndicator() {\r\n const loadingDiv = document.getElementById('loadingIndicator');\r\n if (loadingDiv) {\r\n loadingDiv.remove();\r\n }\r\n }\r\n\r\n \/\/ Update data status indicator\r\n function updateDataStatus(status, message) {\r\n const statusElement = document.getElementById('dataStatus');\r\n const textElement = document.getElementById('dataStatusText');\r\n const lastUpdatedElement = document.getElementById('lastUpdated');\r\n \r\n if (status === 'success') {\r\n statusElement.className = 'w-3 h-3 bg-green-500 rounded-full';\r\n textElement.textContent = message;\r\n } else if (status === 'error') {\r\n statusElement.className = 'w-3 h-3 bg-red-500 rounded-full';\r\n textElement.textContent = message;\r\n } else {\r\n statusElement.className = 'w-3 h-3 bg-yellow-500 rounded-full animate-pulse';\r\n textElement.textContent = message;\r\n }\r\n \r\n lastUpdatedElement.textContent = `\u0e2d\u0e31\u0e1e\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14: ${new Date().toLocaleString('th-TH')}`;\r\n }\r\n\r\n\r\n\r\n \/\/ Initialize dashboard on page load\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Initialize with empty data\r\n surveyData = [];\r\n \r\n \/\/ Try to load stored data immediately\r\n const storedData = localStorage.getItem('surveyData');\r\n if (storedData) {\r\n try {\r\n surveyData = JSON.parse(storedData);\r\n updateDataStatus('success', `\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e44\u0e27\u0e49 (${surveyData.length} \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23)`);\r\n } catch (e) {\r\n console.warn('Error parsing stored data:', e);\r\n updateDataStatus('error', '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e40\u0e2a\u0e35\u0e22\u0e2b\u0e32\u0e22');\r\n }\r\n } else {\r\n updateDataStatus('error', '\u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e44\u0e27\u0e49');\r\n }\r\n });\r\n <\/script>\r\n <\/div>\r\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'96f0b06d118937e7',t:'MTc1NTE3Njk5My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\r\n\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>\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19 \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21 \u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c \u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21 \u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e1a\u0e31\u0e15\u0e23 \u0e04\u0e25\u0e31\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 Chatbot \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c (AI) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e23\u0e30\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21 \u0e2a\u0e21\u0e31\u0e04\u0e23\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e2d\u0e1a\u0e23\u0e21 \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21 \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e40\u0e25\u0e48\u0e21\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e2d\u0e1a\u0e23\u0e21 AI \u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21 \ud83d\udcd8 \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 \ud83c\udf93 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e2d\u0e1a\u0e23\u0e21: \u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c (AI) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e1e\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e28\u0e35\u0e25\u0e18\u0e23\u0e23\u0e21\u0e41\u0e1a\u0e1a\u0e40\u0e0a\u0e34\u0e07\u0e23\u0e38\u0e01 \u0e41\u0e25\u0e30\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30\u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e25\u0e36\u0e01\u0e0b\u0e36\u0e49\u0e07 \u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e07\u0e48\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e22\u0e38\u0e04\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \ud83d\udcc5 \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21 \ud83d\udea9 \u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48 \u0e51: \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e56 – \u0e57 \u0e01.\u0e04. \u0e52\u0e55\u0e56\u0e58\u0e13 \u0e27\u0e31\u0e14\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e39\u0e17\u0e34\u0e28 \u0e21\u0e08\u0e23 \u0e27\u0e31\u0e07\u0e19\u0e49\u0e2d\u0e22 \ud83d\udea9 \u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48 \u0e52: \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e51\u0e57 – \u0e51\u0e58 \u0e01.\u0e04. \u0e52\u0e55\u0e56\u0e58\u0e13 \u0e21\u0e08\u0e23 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e06\u0e4c\u0e25\u0e33\u0e1e\u0e39\u0e19 \ud83d\udea9 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22469","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mbal.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/22469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mbal.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mbal.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mbal.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mbal.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22469"}],"version-history":[{"count":277,"href":"https:\/\/mbal.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/22469\/revisions"}],"predecessor-version":[{"id":24815,"href":"https:\/\/mbal.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/22469\/revisions\/24815"}],"wp:attachment":[{"href":"https:\/\/mbal.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}