{"id":18311,"date":"2026-02-05T14:38:15","date_gmt":"2026-02-05T07:38:15","guid":{"rendered":"https:\/\/www.ivecr5.ac.th\/web2020\/?page_id=18311"},"modified":"2026-02-05T14:38:41","modified_gmt":"2026-02-05T07:38:41","slug":"%e0%b8%9c%e0%b8%b9%e0%b9%89%e0%b8%8a%e0%b9%88%e0%b8%a7%e0%b8%a2%e0%b8%99%e0%b8%b1%e0%b8%81%e0%b8%a8%e0%b8%b6%e0%b8%81%e0%b8%a9%e0%b8%b2-live-chat","status":"publish","type":"page","link":"https:\/\/www.ivecr5.ac.th\/web2020\/%e0%b8%9c%e0%b8%b9%e0%b9%89%e0%b8%8a%e0%b9%88%e0%b8%a7%e0%b8%a2%e0%b8%99%e0%b8%b1%e0%b8%81%e0%b8%a8%e0%b8%b6%e0%b8%81%e0%b8%a9%e0%b8%b2-live-chat\/","title":{"rendered":"\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32 Live Chat"},"content":{"rendered":"
\n\n\n \n \n IVEC5 Student Assistant (Full Version)<\/title>\n \n <!-- Dependencies for Chatbot -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n <!-- Dependencies for React Info Section -->\n <script crossorigin=\"\" src=\"https:\/\/unpkg.com\/react@18\/umd\/react.development.js\"><\/script>\n <script crossorigin=\"\" src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.development.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@200;300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n \/* Chatbot Base Styles *\/\n body {\n font-family: 'Sarabun', sans-serif;\n background-color: #f3f4f6;\n }\n .chat-container {\n height: calc(100vh - 170px);\n }\n .message-bubble {\n max-width: 85%;\n animation: fadeIn 0.3s ease-in-out;\n line-height: 1.6;\n word-wrap: break-word;\n }\n .user-message {\n background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\n color: white;\n border-radius: 18px 18px 4px 18px;\n }\n .bot-message {\n background-color: white;\n color: #374151;\n border-radius: 18px 18px 18px 4px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n border: 1px solid #e5e7eb;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .typing-dot {\n animation: typing 1.4s infinite ease-in-out both;\n }\n .typing-dot:nth-child(1) { animation-delay: -0.32s; }\n .typing-dot:nth-child(2) { animation-delay: -0.16s; }\n @keyframes typing {\n 0%, 80%, 100% { transform: scale(0); }\n 40% { transform: scale(1); }\n }\n ::-webkit-scrollbar { width: 6px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n .suggestion-btn {\n white-space: nowrap;\n transition: all 0.2s;\n }\n .suggestion-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n }\n details > summary { list-style: none; }\n details > summary::-webkit-details-marker { display: none; }\n\n \/* React Section Styles (Scoped) *\/\n #vocational-root {\n font-family: 'Kanit', sans-serif !important;\n transition: opacity 0.3s ease-in-out;\n }\n #vocational-root * { \n font-family: 'Kanit', sans-serif !important; \n }\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .animate-fade-in {\n animation: fadeInUp 0.6s ease-out forwards;\n opacity: 0;\n }\n .delay-100 { animation-delay: 0.1s; }\n @keyframes blob {\n 0% { transform: translate(0px, 0px) scale(1); }\n 33% { transform: translate(30px, -50px) scale(1.1); }\n 66% { transform: translate(-20px, 20px) scale(0.9); }\n 100% { transform: translate(0px, 0px) scale(1); }\n }\n .animate-blob { animation: blob 7s infinite; }\n .animation-delay-2000 { animation-delay: 2s; }\n @keyframes shine { to { background-position: 200% center; } }\n .animate-shine { background-size: 200% auto; animation: shine 3s linear infinite; }\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n .animate-float { animation: float 6s ease-in-out infinite; }\n <\/style>\n\n\n\n <!-- Header -->\n <header class=\"bg-white shadow-sm z-30 px-4 py-3 flex items-center justify-between border-b border-gray-200\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-gradient-to-br from-blue-600 to-indigo-600 flex items-center justify-center text-white shadow-md\">\n <i class=\"fa-solid fa-graduation-cap text-lg\"><\/i>\n <\/div>\n <div>\n <h1 class=\"text-lg font-bold text-gray-800 leading-tight\">IVEC5 Expert Bot<\/h1>\n <p class=\"text-xs text-gray-500\">\u0e15\u0e2d\u0e1a\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a & \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-2\">\n <!-- New Button for React View -->\n <button onclick=\"openInfoView()\" class=\"bg-indigo-50 text-indigo-600 hover:bg-indigo-100 px-3 py-1.5 rounded-full text-xs font-medium transition-colors border border-indigo-100 flex items-center gap-1\">\n <i class=\"fa-solid fa-book-open\"><\/i> \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\n <\/button>\n <!-- Reset Button -->\n <button onclick=\"clearChat()\" class=\"bg-gray-100 text-gray-600 hover:bg-red-50 hover:text-red-600 px-3 py-1.5 rounded-full text-xs font-medium transition-colors border border-gray-200 hover:border-red-100 flex items-center gap-1\" title=\"\u0e25\u0e49\u0e32\u0e07\u0e41\u0e0a\u0e17 \/ \u0e40\u0e23\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e21\u0e48\">\n <i class=\"fa-solid fa-rotate-right\"><\/i> \u0e40\u0e23\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e21\u0e48\n <\/button>\n <\/div>\n <\/header>\n\n <!-- Chat Area -->\n <main class=\"flex-1 overflow-y-auto p-4 bg-gray-50\" id=\"chat-box\">\n <!-- Welcome Message -->\n <div class=\"flex flex-col space-y-4\">\n <div class=\"flex justify-start\">\n <div class=\"w-8 h-8 rounded-full bg-blue-600 flex-shrink-0 flex items-center justify-center text-white mr-2 mt-1 shadow-sm\">\n <i class=\"fa-solid fa-robot text-xs\"><\/i>\n <\/div>\n <div class=\"message-bubble bot-message p-4\">\n <p class=\"font-semibold text-blue-600 mb-2\">\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e35\u0e04\u0e23\u0e31\u0e1a! \u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e09\u0e1a\u0e31\u0e1a\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c \ud83d\udcda<\/p>\n <p class=\"mb-2 text-sm\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21 <b>\"\ud83d\udcd6 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\"<\/b> \u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e02\u0e27\u0e32 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e23\u0e32\u0e1f\u0e34\u0e01\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\u0e04\u0e23\u0e31\u0e1a<\/p>\n <p class=\"mb-2 text-sm text-gray-600\">\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e16\u0e32\u0e21\u0e44\u0e14\u0e49:<\/p>\n <ul class=\"list-disc list-inside mt-1 text-sm text-gray-600 space-y-1 ml-1\">\n <li><b>\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a:<\/b> \u0e23\u0e35\u0e44\u0e17\u0e23\u0e4c, \u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e19\u0e34\u0e22\u0e21, \u0e0a\u0e38\u0e14\u0e04\u0e23\u0e38\u0e22<\/li>\n <li><b>\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23:<\/b> \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19 (\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14)<\/li>\n <li><b>\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23:<\/b> \u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e01\u0e23\u0e14, \u0e02\u0e2d\u0e08\u0e1a (\u0e17.06)<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <!-- Suggestions & Input -->\n <footer class=\"bg-white border-t border-gray-200 p-2 sm:p-4 z-30\">\n <div class=\"max-w-4xl mx-auto\">\n <!-- Suggestion Chips -->\n <div class=\"flex gap-2 overflow-x-auto pb-3 px-1 no-scrollbar mb-1\" id=\"suggestion-container\">\n <button onclick=\"sendQuery('\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14')\" class=\"suggestion-btn px-3 py-1.5 bg-green-50 hover:bg-green-100 text-green-700 rounded-full text-xs font-medium border border-green-200\">\n \ud83d\udce2 \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\/\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\n <\/button>\n <button onclick=\"sendQuery('\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e49\u0e19\u0e2a\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32')\" class=\"suggestion-btn px-3 py-1.5 bg-red-50 hover:bg-red-100 text-red-600 rounded-full text-xs font-medium border border-red-100\">\n \u26a0\ufe0f \u0e40\u0e01\u0e13\u0e11\u0e4c\u0e23\u0e35\u0e44\u0e17\u0e23\u0e4c (\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14)\n <\/button>\n <button onclick=\"sendQuery('\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e19\u0e34\u0e22\u0e21')\" class=\"suggestion-btn px-3 py-1.5 bg-yellow-50 hover:bg-yellow-100 text-yellow-700 rounded-full text-xs font-medium border border-yellow-100\">\n \ud83c\udfc5 \u0e02\u0e2d\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e19\u0e34\u0e22\u0e21\n <\/button>\n <button onclick=\"sendQuery('\u0e04\u0e48\u0e32\u0e1b\u0e23\u0e31\u0e1a\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e0a\u0e49\u0e32')\" class=\"suggestion-btn px-3 py-1.5 bg-blue-50 hover:bg-blue-100 text-blue-600 rounded-full text-xs font-medium border border-blue-100\">\n \ud83d\udcb8 \u0e04\u0e48\u0e32\u0e1b\u0e23\u0e31\u0e1a\u0e25\u0e48\u0e32\u0e0a\u0e49\u0e32\n <\/button>\n <button onclick=\"sendQuery('\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14')\" class=\"suggestion-btn px-3 py-1.5 bg-gray-100 hover:bg-gray-200 text-gray-600 rounded-full text-xs font-medium border border-gray-200\">\n \ud83d\udcc4 \u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21 \u0e17.01-16\n <\/button>\n <\/div>\n\n <!-- Input Form -->\n <form id=\"chat-form\" class=\"flex gap-2 items-center relative\">\n <input type=\"text\" id=\"user-input\" class=\"flex-1 bg-gray-100 text-gray-800 border-0 rounded-full px-5 py-3 focus:ring-2 focus:ring-blue-500 focus:bg-white transition-all outline-none placeholder-gray-400 text-sm\" placeholder=\"\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e04\u0e33\u0e16\u0e32\u0e21\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48...\" autocomplete=\"off\">\n <button type=\"submit\" class=\"bg-blue-600 hover:bg-blue-700 text-white rounded-full w-11 h-11 flex items-center justify-center transition-transform hover:scale-105 shadow-md flex-shrink-0\">\n <i class=\"fa-solid fa-paper-plane text-sm\"><\/i>\n <\/button>\n <\/form>\n <\/div>\n <\/footer>\n\n <!-- REACT INFO SECTION CONTAINER (Overlay) -->\n <div id=\"vocational-root\" class=\"fixed inset-0 z-50 bg-slate-50 overflow-y-auto hidden\">\n <!-- React Content will be rendered here -->\n <\/div>\n\n <!-- React Application Script -->\n <script type=\"text\/babel\">\n const { useState, useEffect } = React;\n\n const Icon = ({ name, size = 24, className }) => {\n useEffect(() => {\n if (window.lucide) {\n window.lucide.createIcons();\n }\n }, [name]);\n return <i data-lucide={name} className={className} style={{ width: size, height: size }}><\/i>;\n };\n\n const ListSection = ({ items, title, icon }) => (\n <div className=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-slate-100 h-full\">\n <div className=\"flex items-center gap-3 mb-6 pb-4 border-b border-slate-50\">\n <div className=\"p-2 bg-orange-50 text-orange-600 rounded-lg shrink-0\">\n <Icon name={icon} size={24} \/>\n <\/div>\n <h3 className=\"text-xl font-bold text-slate-800\">{title}<\/h3>\n <\/div>\n <ul className=\"space-y-4\">\n {items.map((item, idx) => (\n <li key={idx} className=\"flex items-start gap-3 text-slate-600 font-light hover:text-slate-900 transition-colors\">\n <span className=\"flex-shrink-0 w-6 h-6 rounded-full bg-blue-100 text-blue-600 flex items-center justify-center text-xs font-bold mt-0.5\">\n {idx + 1}\n <\/span>\n <span className=\"leading-relaxed\">{item}<\/span>\n <\/li>\n ))}\n <\/ul>\n <\/div>\n );\n\n const App = () => {\n const missionItems = [\n \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\u0e17\u0e32\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e15\u0e32\u0e21\u0e01\u0e23\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e27\u0e38\u0e12\u0e34\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\",\n \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e23\u0e39 \u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e17\u0e31\u0e01\u0e29\u0e30\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e2a\u0e39\u0e48\u0e04\u0e27\u0e32\u0e21\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e1e\",\n \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e14\u0e35 \u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e17\u0e38\u0e01\u0e17\u0e35\u0e48 \u0e17\u0e38\u0e01\u0e40\u0e27\u0e25\u0e32 \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e2d\u0e07\u0e20\u0e32\u0e29\u0e32\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49 AI \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c \u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07 \u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e2a\u0e39\u0e07 \u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e2a\u0e39\u0e48\u0e0a\u0e38\u0e21\u0e0a\u0e19 \u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\",\n \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19 \u0e17\u0e31\u0e49\u0e07\u0e43\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e19\u0e2d\u0e01\u0e23\u0e30\u0e1a\u0e1a \u0e42\u0e14\u0e22\u0e01\u0e32\u0e23\u0e19\u0e33\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e21\u0e32\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e21\u0e41\u0e02\u0e47\u0e07\u0e20\u0e32\u0e04\u0e35\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\",\n \"\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e20\u0e32\u0e1e\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e22\u0e38\u0e04\u0e43\u0e2b\u0e21\u0e48 (\u0e01\u0e49\u0e32\u0e27\u0e14\u0e35)\"\n ];\n\n const goalItems = [\n \"\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e15\u0e32\u0e21\u0e01\u0e23\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e27\u0e38\u0e12\u0e34\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\",\n \"\u0e04\u0e23\u0e39 \u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e21\u0e35\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e43\u0e19\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e21\u0e35\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\",\n \"\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e2a\u0e2d\u0e07\u0e20\u0e32\u0e29\u0e32 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49 AI \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e21\u0e35\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e43\u0e2b\u0e49\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e2a\u0e39\u0e07 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e31\u0e49\u0e07\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e2a\u0e39\u0e48\u0e0a\u0e38\u0e21\u0e0a\u0e19\",\n \"\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e2f \u0e21\u0e35\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19 \u0e42\u0e14\u0e22\u0e19\u0e33\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e21\u0e32\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e21\u0e41\u0e02\u0e47\u0e07\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e14\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\",\n \"\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e04\u0e23\u0e39 \u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c \u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e21\u0e35\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21 \u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e20\u0e32\u0e04\u0e20\u0e39\u0e21\u0e34\u0e43\u0e08\u0e43\u0e19\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e17\u0e22 \u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e20\u0e32\u0e1e\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e14\u0e35 (\u0e01\u0e49\u0e32\u0e27\u0e14\u0e35) \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21 \u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e43\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32\"\n ];\n\n const closeView = () => {\n document.getElementById('vocational-root').classList.add('hidden');\n };\n\n return (\n <div className=\"max-w-6xl mx-auto p-4 md:p-8 relative\">\n {\/* Back Button *\/}\n <button onClick={closeView} className=\"fixed top-4 right-4 z-50 bg-white\/90 backdrop-blur text-slate-700 hover:text-red-600 p-2 rounded-full shadow-lg border border-slate-200 transition-all hover:scale-110\">\n <Icon name=\"x\" size={28} \/>\n <\/button>\n\n <div className=\"relative bg-gradient-to-br from-indigo-900 via-blue-800 to-sky-900 rounded-3xl shadow-2xl overflow-hidden mb-12 p-8 md:p-14 animate-fade-in\">\n <div className=\"absolute top-0 right-0 -mr-20 -mt-20 w-80 h-80 bg-blue-500 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob\"><\/div>\n <div className=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 bg-purple-500 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob animation-delay-2000\"><\/div>\n <div className=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-5\"><\/div>\n\n <div className=\"relative z-10 flex flex-col md:flex-row items-center justify-between gap-8 md:gap-12\">\n <div className=\"space-y-6 text-center md:text-left max-w-3xl\">\n <div className=\"inline-block px-4 py-1.5 rounded-full bg-white\/10 border border-white\/20 text-blue-100 text-sm font-medium backdrop-blur-sm shadow-sm\">\n Institute of Vocational Education Central Region 5\n <\/div>\n \n <h1 className=\"text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight text-white leading-tight drop-shadow-md\">\n \u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32<br\/>\n <span className=\"text-transparent bg-clip-text bg-gradient-to-r from-amber-200 via-yellow-100 to-amber-300 animate-shine drop-shadow-sm\">\n \u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07 5\n <\/span>\n <\/h1>\n \n <p className=\"text-blue-100\/90 text-lg font-light leading-relaxed max-w-2xl mx-auto md:mx-0\">\n \u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1c\u0e25\u0e34\u0e15\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48\u0e21\u0e35\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e2a\u0e39\u0e07\n <\/p>\n <\/div>\n\n <div className=\"relative animate-float shrink-0 hidden md:block\">\n <div className=\"absolute inset-0 bg-amber-400 blur-2xl opacity-20 rounded-full transform scale-110\"><\/div>\n <div className=\"relative bg-gradient-to-b from-white\/10 to-white\/5 backdrop-blur-md border border-white\/20 p-8 rounded-2xl shadow-2xl ring-1 ring-white\/10\">\n <Icon name=\"award\" size={80} className=\"text-amber-300 drop-shadow-lg\" \/>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div className=\"space-y-8 animate-fade-in delay-100 pb-12\">\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div className=\"bg-gradient-to-r from-blue-600 to-blue-800 rounded-2xl p-8 text-white shadow-lg relative overflow-hidden group\">\n <div className=\"absolute top-0 right-0 p-4 opacity-10 group-hover:scale-110 transition-transform duration-500\">\n <Icon name=\"telescope\" size={120} \/>\n <\/div>\n <div className=\"relative z-10\">\n <div className=\"flex items-center gap-3 mb-4 text-blue-200\">\n <Icon name=\"eye\" size={24} \/>\n <h3 className=\"font-bold text-lg uppercase tracking-wider\">\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c (Vision)<\/h3>\n <\/div>\n <p className=\"text-xl md:text-2xl font-semibold leading-relaxed\">\n \"\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1c\u0e25\u0e34\u0e15\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48\u0e21\u0e35\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e2a\u0e39\u0e07\"\n <\/p>\n <\/div>\n <\/div>\n\n <div className=\"bg-white rounded-2xl p-8 shadow-sm border border-slate-100 relative overflow-hidden group\">\n <div className=\"absolute top-0 right-0 p-4 text-slate-100 group-hover:text-orange-50 transition-colors duration-500\">\n <Icon name=\"fingerprint\" size={120} \/>\n <\/div>\n <div className=\"relative z-10\">\n <div className=\"flex items-center gap-3 mb-4 text-orange-500\">\n <Icon name=\"badge-check\" size={24} \/>\n <h3 className=\"font-bold text-lg uppercase tracking-wider\">\u0e2d\u0e31\u0e15\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c (Identity)<\/h3>\n <\/div>\n <p className=\"text-xl md:text-2xl font-semibold text-slate-800 leading-relaxed\">\n \"\u0e19\u0e31\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e14\u0e49\u0e32\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e30\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e01\u0e25\"\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n <ListSection title=\"\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08 (Mission)\" icon=\"rocket\" items={missionItems} \/>\n <ListSection title=\"\u0e40\u0e1b\u0e49\u0e32\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c (Goals)\" icon=\"target\" items={goalItems} \/>\n <\/div>\n\n <div className=\"bg-white rounded-2xl p-8 shadow-sm border border-slate-100\">\n <div className=\"flex items-center gap-3 mb-8\">\n <div className=\"p-2 bg-purple-50 text-purple-600 rounded-lg shrink-0\">\n <Icon name=\"palette\" size={24} \/>\n <\/div>\n <h2 className=\"text-2xl font-bold text-slate-800\">\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/h2>\n <\/div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12\">\n <div className=\"space-y-6\">\n <div>\n <h4 className=\"font-bold text-lg text-slate-700 mb-3 flex items-center gap-2\">\n <span className=\"w-4 h-4 rounded-full bg-gradient-to-r from-blue-400 to-blue-600\"><\/span>\n \u0e2a\u0e35\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19 : \u0e2a\u0e35\u0e1f\u0e49\u0e32 - \u0e02\u0e32\u0e27\n <\/h4>\n <ul className=\"space-y-3 pl-6 border-l-2 border-slate-100\">\n <li className=\"text-slate-600 font-light\">\n <strong className=\"text-blue-500\">\u0e2a\u0e35\u0e1f\u0e49\u0e32:<\/strong> \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 \u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e04\u0e27\u0e32\u0e21\u0e08\u0e23\u0e34\u0e07\u0e43\u0e08\u0e17\u0e35\u0e48\u0e08\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e04\u0e07 \u0e21\u0e31\u0e48\u0e07\u0e04\u0e31\u0e48\u0e07 \u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\n <\/li>\n <li className=\"text-slate-600 font-light\">\n <strong className=\"text-slate-400\">\u0e2a\u0e35\u0e02\u0e32\u0e27:<\/strong> \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 \u0e04\u0e27\u0e32\u0e21\u0e0b\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e15\u0e22\u0e4c \u0e2a\u0e38\u0e08\u0e23\u0e34\u0e15 \u0e40\u0e17\u0e35\u0e48\u0e22\u0e07\u0e18\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e08\u0e38\u0e14\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e19\n <\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 className=\"font-bold text-lg text-slate-700 mb-4 flex items-center gap-2\">\n <Icon name=\"flag\" size={18} className=\"text-slate-400\" \/>\n \u0e18\u0e07\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\n <\/h4>\n \n <div className=\"mb-4 rounded-xl overflow-hidden shadow-md border border-slate-100 group\">\n <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-08-175537.png\" \n alt=\"\u0e18\u0e07\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\" \n className=\"w-full h-auto object-cover transform group-hover:scale-105 transition-transform duration-500\"\n onError={(e) => { e.target.onerror = null; e.target.src = \"https:\/\/placehold.co\/600x400\/e2e8f0\/475569?text=Flag+Image+Not+Found\"; }} \/>\n <\/div>\n <p className=\"text-slate-600 font-light leading-relaxed pl-6 border-l-2 border-slate-100\">\n \u0e18\u0e07\u0e2a\u0e35\u0e1f\u0e49\u0e32-\u0e02\u0e32\u0e27 \u0e2a\u0e37\u0e48\u0e2d\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e42\u0e14\u0e22\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e02\u0e2d\u0e07\u0e17\u0e38\u0e01\u0e20\u0e32\u0e04\u0e2a\u0e48\u0e27\u0e19\u0e43\u0e19\u0e17\u0e49\u0e2d\u0e07\u0e17\u0e30\u0e40\u0e25\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19 \u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e2b\u0e25\u0e31\u0e01\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e18\u0e23\u0e23\u0e21\u0e32\u0e20\u0e34\u0e1a\u0e32\u0e25\n <\/p>\n <\/div>\n <\/div>\n\n <div className=\"flex flex-col h-full\">\n <div className=\"bg-green-50\/50 rounded-xl p-6 border border-green-100 flex-grow\">\n <div className=\"flex items-center gap-3 mb-4 text-green-700\">\n <Icon name=\"trees\" size={24} \/>\n <h3 className=\"font-bold text-lg\">\u0e15\u0e49\u0e19\u0e44\u0e21\u0e49\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19 : \u0e15\u0e49\u0e19\u0e08\u0e34\u0e01\u0e17\u0e30\u0e40\u0e25<\/h3>\n <\/div>\n \n <div className=\"mb-4 rounded-lg overflow-hidden shadow-sm border border-green-100 group\">\n <img decoding=\"async\" src=\"https:\/\/www.ivecr5.ac.th\/web2020\/wp-content\/uploads\/2026\/01\/43d4317cdf0b5af8299b9be12b5723f91006f109.jpg\" \n alt=\"\u0e15\u0e49\u0e19\u0e08\u0e34\u0e01\u0e17\u0e30\u0e40\u0e25\" \n className=\"w-full h-48 object-cover transform group-hover:scale-105 transition-transform duration-500\" \/>\n <div className=\"bg-green-800 text-white text-xs py-1 px-3 text-center\">Barringtonia asiatica<\/div>\n <\/div>\n\n <div className=\"space-y-4 text-slate-600 font-light text-sm md:text-base leading-relaxed\">\n <p>\u0e44\u0e21\u0e49\u0e22\u0e37\u0e19\u0e15\u0e49\u0e19\u0e23\u0e34\u0e21\u0e17\u0e30\u0e40\u0e25\u0e2d\u0e48\u0e32\u0e27\u0e44\u0e17\u0e22 \u0e2a\u0e39\u0e07\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 10 \u0e40\u0e21\u0e15\u0e23 \u0e41\u0e1c\u0e48\u0e01\u0e34\u0e48\u0e07\u0e01\u0e49\u0e32\u0e19\u0e2a\u0e32\u0e02\u0e32 \u0e40\u0e1b\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25\/\u0e40\u0e17\u0e32 \u0e43\u0e1a\u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e02\u0e49\u0e21\u0e21\u0e31\u0e19\u0e27\u0e32\u0e27 \u0e14\u0e2d\u0e01\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e40\u0e01\u0e2a\u0e23\u0e0a\u0e21\u0e1e\u0e39 \u0e1c\u0e25\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/p>\n <div className=\"bg-white p-4 rounded-lg shadow-sm border border-green-100\/50\">\n <p className=\"font-medium text-green-800 mb-2\">\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e21\u0e32\u0e22\u0e2d\u0e31\u0e19\u0e17\u0e23\u0e07\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32:<\/p>\n <ul className=\"space-y-2 list-disc list-inside\">\n <li>\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\u0e44\u0e21\u0e49\u0e17\u0e35\u0e48\u0e21\u0e35\u0e43\u0e19 4 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19<\/li>\n <li>\u0e01\u0e34\u0e48\u0e07\u0e01\u0e49\u0e32\u0e19\u0e43\u0e2b\u0e0d\u0e48 \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 \u0e01\u0e32\u0e23\u0e42\u0e2d\u0e1a\u0e2d\u0e49\u0e2d\u0e21\u0e2d\u0e32\u0e23\u0e35 \u0e14\u0e39\u0e41\u0e25\u0e2a\u0e23\u0e23\u0e1e\u0e2a\u0e34\u0e48\u0e07<\/li>\n <li>\u0e40\u0e01\u0e2a\u0e23\u0e14\u0e2d\u0e01\u0e41\u0e15\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e1d\u0e2d\u0e22 \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 \u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e23\u0e48\u0e27\u0e21\u0e43\u0e08\u0e02\u0e2d\u0e07\u0e17\u0e38\u0e01\u0e20\u0e32\u0e04\u0e2a\u0e48\u0e27\u0e19<\/li>\n <li>\u0e1c\u0e25\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48 \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 \u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e48\u0e21\u0e40\u0e07\u0e32\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e2d\u0e37\u0e48\u0e19\u0e15\u0e48\u0e2d\u0e44\u0e1b<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n );\n };\n\n const root = ReactDOM.createRoot(document.getElementById('vocational-root'));\n root.render(<App \/>);\n <\/script>\n\n <script>\n \/\/ --- Main Chatbot Script ---\n\n function openInfoView() {\n const root = document.getElementById('vocational-root');\n root.classList.remove('hidden');\n \/\/ Trigger Lucide icons refresh if needed inside React\n setTimeout(() => {\n if (window.lucide) window.lucide.createIcons();\n }, 100);\n }\n \n \/\/ --- FIX: \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19 Clear Chat \u0e41\u0e1a\u0e1a Hard Reset (\u0e25\u0e49\u0e32\u0e07\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e2b\u0e21\u0e14\u0e08\u0e14) ---\n function clearChat() {\n const chatBox = document.getElementById('chat-box');\n \n \/\/ 1. \u0e25\u0e49\u0e32\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e01\u0e48\u0e32\u0e17\u0e34\u0e49\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 (Reset HTML)\n chatBox.innerHTML = `\n <!-- Welcome Message (Re-injected) -->\n <div class=\"flex flex-col space-y-4\">\n <div class=\"flex justify-start\">\n <div class=\"w-8 h-8 rounded-full bg-blue-600 flex-shrink-0 flex items-center justify-center text-white mr-2 mt-1 shadow-sm\">\n <i class=\"fa-solid fa-robot text-xs\"><\/i>\n <\/div>\n <div class=\"message-bubble bot-message p-4\">\n <p class=\"font-semibold text-blue-600 mb-2\">\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e35\u0e04\u0e23\u0e31\u0e1a! \u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e09\u0e1a\u0e31\u0e1a\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c \ud83d\udcda<\/p>\n <p class=\"mb-2 text-sm\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21 <b>\"\ud83d\udcd6 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\"<\/b> \u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e02\u0e27\u0e32 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e23\u0e32\u0e1f\u0e34\u0e01\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\u0e04\u0e23\u0e31\u0e1a<\/p>\n <p class=\"mb-2 text-sm text-gray-600\">\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e16\u0e32\u0e21\u0e44\u0e14\u0e49:<\/p>\n <ul class=\"list-disc list-inside mt-1 text-sm text-gray-600 space-y-1 ml-1\">\n <li><b>\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a:<\/b> \u0e23\u0e35\u0e44\u0e17\u0e23\u0e4c, \u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e19\u0e34\u0e22\u0e21, \u0e0a\u0e38\u0e14\u0e04\u0e23\u0e38\u0e22<\/li>\n <li><b>\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23:<\/b> \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19 (\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14)<\/li>\n <li><b>\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23:<\/b> \u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e01\u0e23\u0e14, \u0e02\u0e2d\u0e08\u0e1a (\u0e17.06)<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n `;\n \n \/\/ 2. \u0e25\u0e49\u0e32\u0e07\u0e0a\u0e48\u0e2d\u0e07\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\n document.getElementById('user-input').value = '';\n \n \/\/ 3. \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e1a\u0e19\u0e2a\u0e38\u0e14\n chatBox.scrollTop = 0;\n }\n\n \/\/ --- Knowledge Base (Full Data Re-injected to fix Syntax Error) ---\n const knowledgeBase = [\n \/\/ 1. \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e41\u0e25\u0e30\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\n {\n keywords: [\"\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\", \"\u0e2a\u0e35\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\", \"\u0e15\u0e49\u0e19\u0e44\u0e21\u0e49\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\", \"\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\", \"\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\", \"\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08\"],\n response: `\n <div class=\"text-center mb-3\">\n <p>\u0e1c\u0e21\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e41\u0e1a\u0e1a Interactive \u0e01\u0e23\u0e32\u0e1f\u0e34\u0e01\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e14\u0e49\u0e27\u0e22\u0e19\u0e30\u0e04\u0e23\u0e31\u0e1a!<\/p>\n <button onclick=\"openInfoView()\" class=\"mt-2 bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition shadow-md\">\n <i class=\"fa-solid fa-eye\"><\/i> \u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19 (Visual Mode)\n <\/button>\n <\/div>\n <b>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e23\u0e38\u0e1b:<\/b><br>\n \ud83d\udd35\u26aa <b>\u0e2a\u0e35\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19:<\/b> \u0e2a\u0e35\u0e1f\u0e49\u0e32-\u0e02\u0e32\u0e27<br>\n \ud83c\udf33 <b>\u0e15\u0e49\u0e19\u0e44\u0e21\u0e49:<\/b> \u0e15\u0e49\u0e19\u0e08\u0e34\u0e01\u0e17\u0e30\u0e40\u0e25<br>\n \ud83d\udc41\ufe0f <b>\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c:<\/b> \u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\n `\n },\n \n \/\/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28 2568-2562\n {\n keywords: [\"\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\", \"\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\", \"\u0e02\u0e48\u0e32\u0e27\", \"\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\", \"\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\", \"\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\", \"\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19\u0e20\u0e32\u0e04\"],\n response: `\n <div class=\"space-y-3\">\n <h3 class=\"font-bold text-lg text-blue-800 border-b pb-1\"><i class=\"fa-solid fa-bullhorn mr-2\"><\/i>\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/h3>\n \n <!-- 2568 -->\n <details class=\"group bg-white rounded-lg border border-blue-100 overflow-hidden\" open>\n <summary class=\"flex justify-between items-center cursor-pointer bg-blue-50 p-3 font-semibold text-blue-700 hover:bg-blue-100 transition\">\n <span>\ud83d\udcc5 \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2568 (\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14)<\/span>\n <span class=\"transition group-open:rotate-180\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\n <\/summary>\n <div class=\"p-3 text-sm space-y-2\">\n <a href=\"https:\/\/drive.google.com\/file\/d\/1qBuORj69qAcZ1bvzj-rtOeui0h4McvAF\/view?usp=sharing\" target=\"_blank\" class=\"flex items-start gap-2 hover:bg-gray-50 p-2 rounded border border-gray-100 hover:border-blue-300 transition\">\n <i class=\"fa-regular fa-calendar-check text-green-600 mt-0.5\"><\/i> <span>\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e20\u0e32\u0e04 2\/2568<\/span>\n <\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1oS5w_YWBWbU3tOHR1fY2FYeEs2uyIfP5\/view?usp=sharing\" target=\"_blank\" class=\"flex items-start gap-2 hover:bg-gray-50 p-2 rounded border border-gray-100 hover:border-blue-300 transition\">\n <i class=\"fa-regular fa-clock text-orange-500 mt-0.5\"><\/i> <span>\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14-\u0e1b\u0e34\u0e14 \u0e20\u0e32\u0e04 2\/2568<\/span>\n <\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1FNUXoCdRuje1t0RU_MSDXgOXz-XE6vZ4\/view?usp=sharing\" target=\"_blank\" class=\"flex items-start gap-2 hover:bg-gray-50 p-2 rounded border border-gray-100 hover:border-blue-300 transition\">\n <i class=\"fa-regular fa-clock text-orange-500 mt-0.5\"><\/i> <span>\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14-\u0e1b\u0e34\u0e14 \u0e20\u0e32\u0e04 1\/2568<\/span>\n <\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1L2LzsqA7BjBAw6E03N8eVpI7-T03Ylqs\/view?usp=sharing\" target=\"_blank\" class=\"flex items-start gap-2 hover:bg-gray-50 p-2 rounded border border-gray-100 hover:border-blue-300 transition\">\n <i class=\"fa-regular fa-calendar-check text-green-600 mt-0.5\"><\/i> <span>\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e20\u0e32\u0e04 1\/2568<\/span>\n <\/a>\n <\/div>\n <\/details>\n\n <!-- 2567 -->\n <details class=\"group bg-white rounded-lg border border-gray-200 overflow-hidden\">\n <summary class=\"flex justify-between items-center cursor-pointer bg-gray-50 p-3 font-semibold text-gray-700 hover:bg-gray-100 transition\">\n <span>\ud83d\udcc1 \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2567<\/span>\n <span class=\"transition group-open:rotate-180\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\n <\/summary>\n <div class=\"p-3 text-sm space-y-2\">\n <a href=\"https:\/\/drive.google.com\/file\/d\/1vqxyAvh3_h5FkTAygsWn0QXTh4wEQMuK\/view?usp=sharing\" target=\"_blank\" class=\"flex items-start gap-2 hover:bg-gray-50 p-2 rounded border border-transparent hover:border-gray-200\">\n <i class=\"fa-solid fa-user-graduate text-blue-500 mt-0.5\"><\/i> <span>\u0e1c\u0e39\u0e49\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e20\u0e32\u0e04 2\/2567<\/span>\n <\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1sgtiFMK1EoknnCVQBrhguTm-fzdZxlo8\/view?usp=sharing\" target=\"_blank\" class=\"flex items-start gap-2 hover:bg-gray-50 p-2 rounded border border-transparent hover:border-gray-200\">\n <i class=\"fa-solid fa-file-pen text-purple-500 mt-0.5\"><\/i> <span>\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e43\u0e2b\u0e21\u0e48 2567<\/span>\n <\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1_SqkmkbJl7_kNDK2yT9e5KS96hzo07zN\/view?usp=sharing\" target=\"_blank\" class=\"flex items-start gap-2 hover:bg-gray-50 p-2 rounded border border-transparent hover:border-gray-200\">\n <i class=\"fa-regular fa-calendar text-gray-500 mt-0.5\"><\/i> <span>\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e20\u0e32\u0e04 1\/2567<\/span>\n <\/a>\n <\/div>\n <\/details>\n \n <!-- 2565 & Older -->\n <details class=\"group bg-white rounded-lg border border-gray-200 overflow-hidden\">\n <summary class=\"flex justify-between items-center cursor-pointer bg-gray-50 p-3 font-semibold text-gray-700 hover:bg-gray-100 transition\">\n <span>\ud83d\uddc4\ufe0f \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2565 \u0e41\u0e25\u0e30\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32<\/span>\n <span class=\"transition group-open:rotate-180\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\n <\/summary>\n <div class=\"p-3 text-sm space-y-2 text-gray-500\">\n <div class=\"font-semibold text-xs text-gray-400 uppercase tracking-wider mb-1\">\u0e1b\u0e35 2565<\/div>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1QY1IfwhV3TvripOlqpcbwhv_Edyss1AI\/view?usp=share_link\" target=\"_blank\" class=\"block hover:text-blue-600 hover:underline\">\u2022 \u0e1c\u0e39\u0e49\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e20\u0e32\u0e04 2\/2565<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1u99g1fgfY__RU3VYxrzwe8bT8ahHJ5JB\/view?usp=sharing\" target=\"_blank\" class=\"block hover:text-blue-600 hover:underline\">\u2022 \u0e1c\u0e39\u0e49\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e20\u0e32\u0e04 1\/2565<\/a>\n <\/div>\n <\/details>\n <\/div>\n `\n },\n\n \/\/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32 2569 (Updated)\n {\n keywords: [\"\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\", \"\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19\", \"\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\", \"\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e30\u0e44\u0e23\", \"\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\", \"2569\"],\n response: `\ud83c\udf93 <b>\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35\u0e2a\u0e32\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 (\u0e17\u0e25.\u0e1a.) \u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19\u0e1b\u0e35 2569:<\/b><br><br>\n \ud83d\udccd <b>\u0e27\u0e17.\u0e2a\u0e21\u0e38\u0e17\u0e23\u0e2a\u0e32\u0e04\u0e23 (034-411248)<\/b><br>\n - \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e41\u0e25\u0e30\u0e2b\u0e38\u0e48\u0e19\u0e22\u0e19\u0e15\u0e4c<br>\n - \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28<br><br>\n \ud83d\udccd <b>\u0e27\u0e17.\u0e2a\u0e21\u0e38\u0e17\u0e23\u0e2a\u0e07\u0e04\u0e23\u0e32\u0e21 (034-711440)<\/b><br>\n - \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e41\u0e21\u0e48\u0e1e\u0e34\u0e21\u0e1e\u0e4c<br>\n - \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25<br><br>\n \ud83d\udccd <b>\u0e27\u0e17.\u0e40\u0e1e\u0e0a\u0e23\u0e1a\u0e38\u0e23\u0e35 (032-425432)<\/b><br>\n - \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e25<br>\n - \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e44\u0e1f\u0e1f\u0e49\u0e32<br><br>\n \ud83d\udccd <b>\u0e27\u0e2d.\u0e40\u0e1e\u0e0a\u0e23\u0e1a\u0e38\u0e23\u0e35 (032-425557)<\/b><br>\n - \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25<br>\n - \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21<br><br>\n \ud83d\udccd <b>\u0e27\u0e17.\u0e1b\u0e23\u0e30\u0e08\u0e27\u0e1a\u0e04\u0e35\u0e23\u0e35\u0e02\u0e31\u0e19\u0e18\u0e4c (032-611130)<\/b><br>\n - \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e22\u0e32\u0e19\u0e22\u0e19\u0e15\u0e4c<br>\n - \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15<br><br>\n \ud83d\udccd <b>\u0e27\u0e17.\u0e1a\u0e32\u0e07\u0e2a\u0e30\u0e1e\u0e32\u0e19 (032-697062)<\/b><br>\n - \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e44\u0e1f\u0e1f\u0e49\u0e32`\n },\n\n \/\/ 2. \u0e01\u0e0e\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e17\u0e32\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 (Academic Rules) - Updated with full details from Clause 12 & 54\n {\n keywords: [\"\u0e1e\u0e49\u0e19\u0e2a\u0e20\u0e32\u0e1e\", \"\u0e23\u0e35\u0e44\u0e17\u0e23\u0e4c\", \"\u0e16\u0e39\u0e01\u0e44\u0e25\u0e48\u0e2d\u0e2d\u0e01\", \"retirement\", \"\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e1e\u0e49\u0e19\u0e2a\u0e20\u0e32\u0e1e\", \"\u0e2b\u0e21\u0e14\u0e2a\u0e20\u0e32\u0e1e\", \"\u0e42\u0e14\u0e19\u0e44\u0e17\u0e23\u0e4c\"],\n response: `\u26a0\ufe0f <b>\u0e01\u0e32\u0e23\u0e1e\u0e49\u0e19\u0e2a\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32 (Retirement) \u0e09\u0e1a\u0e31\u0e1a\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 (\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e02\u0e49\u0e2d 12 \u0e41\u0e25\u0e30 54):<\/b><br><br>\n \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e08\u0e30\u0e1e\u0e49\u0e19\u0e2a\u0e20\u0e32\u0e1e\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e02\u0e49\u0e32\u0e02\u0e48\u0e32\u0e22\u0e01\u0e23\u0e13\u0e35\u0e43\u0e14\u0e01\u0e23\u0e13\u0e35\u0e2b\u0e19\u0e36\u0e48\u0e07 \u0e14\u0e31\u0e07\u0e19\u0e35\u0e49:<br>\n \n <b>1. \u0e1c\u0e25\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e01\u0e13\u0e11\u0e4c (\u0e02\u0e49\u0e2d 54):<\/b><br>\n \ud83d\udd34 \u0e40\u0e23\u0e35\u0e22\u0e19\u0e04\u0e23\u0e1a 2 \u0e20\u0e32\u0e04\u0e40\u0e23\u0e35\u0e22\u0e19 (\u0e2b\u0e23\u0e37\u0e2d 40 \u0e2b\u0e19\u0e48\u0e27\u0e22\u0e01\u0e34\u0e15) \u0e44\u0e14\u0e49 GPAX <b>\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32 1.75<\/b><br>\n \ud83d\udd34 \u0e40\u0e23\u0e35\u0e22\u0e19\u0e04\u0e23\u0e1a 4 \u0e20\u0e32\u0e04\u0e40\u0e23\u0e35\u0e22\u0e19 (\u0e2b\u0e23\u0e37\u0e2d 72 \u0e2b\u0e19\u0e48\u0e27\u0e22\u0e01\u0e34\u0e15) \u0e44\u0e14\u0e49 GPAX <b>\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32 1.90<\/b><br><br>\n \n <b>2. \u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e40\u0e27\u0e25\u0e32\u0e40\u0e23\u0e35\u0e22\u0e19 (\u0e02\u0e49\u0e2d 12):<\/b><br>\n \u274c <b>\u0e02\u0e32\u0e14\u0e40\u0e23\u0e35\u0e22\u0e19\/\u0e02\u0e32\u0e14\u0e1d\u0e36\u0e01\u0e07\u0e32\u0e19\u0e40\u0e01\u0e34\u0e19 15 \u0e27\u0e31\u0e19<\/b> \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e21\u0e35\u0e40\u0e2b\u0e15\u0e38\u0e1c\u0e25\u0e2a\u0e21\u0e04\u0e27\u0e23<br>\n \u274c \u0e44\u0e21\u0e48\u0e21\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e23\u0e31\u0e01\u0e29\u0e32\u0e2a\u0e20\u0e32\u0e1e\/\u0e44\u0e21\u0e48\u0e0a\u0e33\u0e23\u0e30\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21\u0e23\u0e31\u0e01\u0e29\u0e32\u0e2a\u0e20\u0e32\u0e1e<br>\n \u274c \u0e44\u0e21\u0e48\u0e22\u0e37\u0e48\u0e19\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e28\u0e36\u0e01\u0e29\u0e32\u0e20\u0e32\u0e22\u0e43\u0e19 15 \u0e27\u0e31\u0e19 \u0e2b\u0e25\u0e31\u0e07\u0e04\u0e23\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e25\u0e32\u0e1e\u0e31\u0e01<br><br>\n \n <b>3. \u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e1e\u0e24\u0e15\u0e34\u0e41\u0e25\u0e30\u0e04\u0e14\u0e35\u0e04\u0e27\u0e32\u0e21:<\/b><br>\n \ud83d\udeab \u0e1b\u0e23\u0e30\u0e1e\u0e24\u0e15\u0e34\u0e1c\u0e34\u0e14\u0e27\u0e34\u0e19\u0e31\u0e22\u0e23\u0e49\u0e32\u0e22\u0e41\u0e23\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e40\u0e2a\u0e37\u0e48\u0e2d\u0e21\u0e40\u0e2a\u0e35\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e35\u0e22\u0e07<br>\n \ud83d\udeab \u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e42\u0e17\u0e29\u0e08\u0e33\u0e04\u0e38\u0e01\u0e42\u0e14\u0e22\u0e04\u0e33\u0e1e\u0e34\u0e1e\u0e32\u0e01\u0e29\u0e32\u0e16\u0e36\u0e07\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<br>\n \ud83d\udeab \u0e02\u0e32\u0e14\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e28\u0e36\u0e01\u0e29\u0e32 (\u0e40\u0e0a\u0e48\u0e19 \u0e27\u0e38\u0e12\u0e34\u0e40\u0e14\u0e34\u0e21\u0e44\u0e21\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07)`\n },\n {\n keywords: [\"\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e19\u0e34\u0e22\u0e21\", \"\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e19\u0e34\u0e22\u0e21\", \"\u0e40\u0e01\u0e23\u0e14\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e19\u0e34\u0e22\u0e21\"],\n response: `\ud83c\udfc5 <b>\u0e2b\u0e25\u0e31\u0e01\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e19\u0e34\u0e22\u0e21:<\/b><br>\n <b>\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e19\u0e34\u0e22\u0e21\u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a 1:<\/b> GPAX \u0e44\u0e21\u0e48\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32 <b>3.75<\/b><br>\n <b>\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e19\u0e34\u0e22\u0e21\u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a 2:<\/b> GPAX \u0e44\u0e21\u0e48\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32 <b>3.50<\/b><br><br>\n <b>\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e2a\u0e33\u0e04\u0e31\u0e0d:<\/b><br>\n 1. \u0e15\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e08\u0e1a\u0e20\u0e32\u0e22\u0e43\u0e19\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14 (\u0e44\u0e21\u0e48\u0e19\u0e31\u0e1a\u0e40\u0e27\u0e25\u0e32\u0e25\u0e32\u0e1e\u0e31\u0e01)<br>\n 2. <b>\u0e44\u0e21\u0e48\u0e40\u0e04\u0e22<\/b>\u0e44\u0e14\u0e49\u0e40\u0e01\u0e23\u0e14 F, U, D \u0e2b\u0e23\u0e37\u0e2d D+ \u0e43\u0e19\u0e23\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e43\u0e14\u0e27\u0e34\u0e0a\u0e32\u0e2b\u0e19\u0e36\u0e48\u0e07<br>\n 3. \u0e44\u0e21\u0e48\u0e40\u0e04\u0e22\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0b\u0e49\u0e33 (Regrade) \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e17\u0e19<br>\n 4. \u0e44\u0e21\u0e48\u0e40\u0e04\u0e22\u0e16\u0e39\u0e01\u0e25\u0e07\u0e42\u0e17\u0e29\u0e17\u0e32\u0e07\u0e27\u0e34\u0e19\u0e31\u0e22`\n },\n {\n keywords: [\"\u0e40\u0e01\u0e23\u0e14\", \"\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e40\u0e01\u0e23\u0e14\", \"\u0e04\u0e30\u0e41\u0e19\u0e19\", \"\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\", \"\u0e21\u0e2a\", \"\u0e02\u0e23\", \"\u0e02\u0e1b\"],\n response: `\ud83d\udcca <b>\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e27\u0e31\u0e14\u0e1c\u0e25\u0e41\u0e25\u0e30\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c:<\/b><br>\n 4.0 (A) = 80-100 \u0e04\u0e30\u0e41\u0e19\u0e19 (\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21)<br>\n 3.5 (B+) = 75-79<br>\n 3.0 (B) = 70-74<br>\n 2.5 (C+) = 65-69<br>\n 2.0 (C) = 60-64<br>\n 1.5 (D+) = 55-59 (\u0e2d\u0e48\u0e2d\u0e19)<br>\n 1.0 (D) = 50-54 (\u0e2d\u0e48\u0e2d\u0e19\u0e21\u0e32\u0e01)<br>\n 0 (F) = \u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32 50 (\u0e15\u0e01)<br><br>\n <b>\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e2d\u0e37\u0e48\u0e19\u0e46:<\/b><br>\n <b>\u0e02.\u0e23. (I.C.):<\/b> \u0e02\u0e32\u0e14\u0e40\u0e23\u0e35\u0e22\u0e19 (\u0e40\u0e27\u0e25\u0e32\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e21\u0e48\u0e16\u0e36\u0e07 80%)<br>\n <b>\u0e02.\u0e1b. (I.P.):<\/b> \u0e02\u0e32\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19 (\u0e1d\u0e36\u0e01\u0e07\u0e32\u0e19\u0e44\u0e21\u0e48\u0e04\u0e23\u0e1a)<br>\n <b>\u0e21.\u0e2a. (N.C.):<\/b> \u0e44\u0e21\u0e48\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c (\u0e2a\u0e48\u0e07\u0e07\u0e32\u0e19\u0e44\u0e21\u0e48\u0e04\u0e23\u0e1a\/\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e2a\u0e2d\u0e1a\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e2b\u0e15\u0e38\u0e2a\u0e38\u0e14\u0e27\u0e34\u0e2a\u0e31\u0e22)<br>\n <b>\u0e21.\u0e01. (N.Cr.):<\/b> \u0e44\u0e21\u0e48\u0e19\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e01\u0e34\u0e15`\n },\n\n \/\/ 3. \u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e41\u0e25\u0e30\u0e04\u0e48\u0e32\u0e1b\u0e23\u0e31\u0e1a (Fees & Fines)\n {\n keywords: [\"\u0e04\u0e48\u0e32\u0e1b\u0e23\u0e31\u0e1a\", \"\u0e04\u0e48\u0e32\u0e1b\u0e23\u0e31\u0e1a\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\", \"\u0e04\u0e48\u0e32\u0e1b\u0e23\u0e31\u0e1a\u0e25\u0e48\u0e32\u0e0a\u0e49\u0e32\", \"\u0e08\u0e48\u0e32\u0e22\u0e0a\u0e49\u0e32\"],\n response: `\ud83d\udcb8 <b>\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e04\u0e48\u0e32\u0e1b\u0e23\u0e31\u0e1a:<\/b><br>\n \u0e01\u0e23\u0e13\u0e35\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19\u0e25\u0e48\u0e32\u0e0a\u0e49\u0e32\u0e01\u0e27\u0e48\u0e32\u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e04\u0e48\u0e32\u0e1b\u0e23\u0e31\u0e1a <b>\u0e27\u0e31\u0e19\u0e25\u0e30 50 \u0e1a\u0e32\u0e17<\/b><br>\n \u0e41\u0e15\u0e48\u0e23\u0e27\u0e21\u0e41\u0e25\u0e49\u0e27 <b>\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 500 \u0e1a\u0e32\u0e17<\/b> (\u0e44\u0e21\u0e48\u0e19\u0e31\u0e1a\u0e27\u0e31\u0e19\u0e2b\u0e22\u0e38\u0e14\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23)`\n },\n {\n keywords: [\"\u0e04\u0e48\u0e32\u0e40\u0e17\u0e2d\u0e21\", \"\u0e04\u0e48\u0e32\u0e1a\u0e33\u0e23\u0e38\u0e07\", \"\u0e04\u0e48\u0e32\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e01\u0e34\u0e15\", \"\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21\"],\n response: `\ud83d\udcb0 <b>\u0e2a\u0e23\u0e38\u0e1b\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e2b\u0e25\u0e31\u0e01 (\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35):<\/b><br>\n - \u0e04\u0e48\u0e32\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (\u0e20\u0e32\u0e04\u0e1b\u0e01\u0e15\u0e34): <b>4,000 \u0e1a\u0e32\u0e17<\/b><br>\n - \u0e04\u0e48\u0e32\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (\u0e20\u0e32\u0e04\u0e24\u0e14\u0e39\u0e23\u0e49\u0e2d\u0e19): <b>2,000 \u0e1a\u0e32\u0e17<\/b><br>\n - \u0e04\u0e48\u0e32\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e01\u0e34\u0e15 (\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22): \u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 350 \u0e1a\u0e32\u0e17\/\u0e2b\u0e19\u0e48\u0e27\u0e22<br>\n - \u0e04\u0e48\u0e32\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e01\u0e34\u0e15 (\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34): \u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 450-550 \u0e1a\u0e32\u0e17\/\u0e2b\u0e19\u0e48\u0e27\u0e22<br>\n - \u0e04\u0e48\u0e32\u0e02\u0e36\u0e49\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e43\u0e2b\u0e21\u0e48: 300 \u0e1a\u0e32\u0e17<br>\n - \u0e04\u0e48\u0e32\u0e02\u0e36\u0e49\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15: 1,200 \u0e1a\u0e32\u0e17<br>\n - \u0e04\u0e48\u0e32\u0e23\u0e31\u0e01\u0e29\u0e32\u0e2a\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32: 300 \u0e1a\u0e32\u0e17\/\u0e40\u0e17\u0e2d\u0e21`\n },\n\n \/\/ 4. \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d (MOU)\n {\n keywords: [\"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\", \"\u0e2a\u0e16\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\", \"mou\", \"\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\", \"\u0e1d\u0e36\u0e01\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e44\u0e2b\u0e19\"],\n response: `\ud83c\udfe2 <b>\u0e2a\u0e16\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 (MOU) \u0e41\u0e22\u0e01\u0e15\u0e32\u0e21\u0e2a\u0e32\u0e02\u0e32:<\/b><br>\n - <b>\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28:<\/b> \u0e1a\u0e21\u0e08.\u0e17\u0e35\u0e42\u0e2d\u0e17\u0e35, \u0e1a.\u0e2a\u0e37\u0e48\u0e2d\u0e44\u0e17\u0e22<br>\n - <b>\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e2f:<\/b> \u0e1a\u0e21\u0e08.\u0e44\u0e17\u0e22\u0e22\u0e39\u0e40\u0e19\u0e35\u0e48\u0e22\u0e19 \u0e01\u0e23\u0e38\u0e4a\u0e1b, \u0e1a.\u0e40\u0e25\u0e34\u0e28\u0e27\u0e34\u0e25\u0e31\u0e22\u0e41\u0e2d\u0e19\u0e14\u0e4c\u0e0b\u0e31\u0e19\u0e2a\u0e4c<br>\n - <b>\u0e41\u0e21\u0e48\u0e1e\u0e34\u0e21\u0e1e\u0e4c:<\/b> \u0e1a.\u0e2d\u0e31\u0e25\u0e25\u0e2d\u0e22 \u0e2d\u0e34\u0e19\u0e14\u0e31\u0e2a\u0e17\u0e23\u0e35, \u0e1a.\u0e40\u0e01\u0e29\u0e23\u0e2d\u0e34\u0e19\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e1e\u0e32\u0e23\u0e4c\u0e17<br>\n - <b>\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25:<\/b> \u0e1a\u0e21\u0e08.\u0e42\u0e17\u0e23\u0e04\u0e21\u0e19\u0e32\u0e04\u0e21\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34, \u0e42\u0e0b\u0e14\u0e32 \u0e1e\u0e23\u0e34\u0e49\u0e19\u0e15\u0e34\u0e49\u0e07<br>\n - <b>\u0e44\u0e1f\u0e1f\u0e49\u0e32:<\/b> \u0e01\u0e32\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e20\u0e39\u0e21\u0e34\u0e20\u0e32\u0e04 (\u0e40\u0e1e\u0e0a\u0e23\u0e1a\u0e38\u0e23\u0e35\/\u0e1a\u0e32\u0e07\u0e2a\u0e30\u0e1e\u0e32\u0e19), \u0e1a.\u0e41\u0e04\u0e25-\u0e04\u0e2d\u0e21\u0e1e\u0e4c<br>\n - <b>\u0e22\u0e32\u0e19\u0e22\u0e19\u0e15\u0e4c:<\/b> \u0e42\u0e15\u0e42\u0e22\u0e15\u0e49\u0e32\/\u0e2e\u0e2d\u0e19\u0e14\u0e49\u0e32\/\u0e21\u0e34\u0e15\u0e0b\u0e39\/\u0e1f\u0e2d\u0e23\u0e4c\u0e14 \u0e1b\u0e23\u0e30\u0e08\u0e27\u0e1a\u0e2f<br>\n - <b>\u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21:<\/b> \u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\u0e25\u0e2d\u0e07\u0e1a\u0e35\u0e0a \u0e0a\u0e30\u0e2d\u0e33, \u0e23\u0e35\u0e40\u0e08\u0e49\u0e19\u0e17\u0e4c \u0e0a\u0e30\u0e2d\u0e33\u0e1a\u0e35\u0e0a`\n },\n\n \/\/ 5. \u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e41\u0e15\u0e48\u0e07\u0e01\u0e32\u0e22 (\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14)\n {\n keywords: [\"\u0e0a\u0e38\u0e14\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\", \"\u0e0a\u0e38\u0e14\u0e04\u0e23\u0e38\u0e22\", \"\u0e41\u0e15\u0e48\u0e07\u0e01\u0e32\u0e22\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\"],\n response: `\ud83c\udf93 <b>\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e0a\u0e38\u0e14\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e1a\u0e31\u0e15\u0e23:<\/b><br>\n <b>1. \u0e02\u0e49\u0e32\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\/\u0e1e\u0e19\u0e07.\u0e23\u0e31\u0e10:<\/b> \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e41\u0e1a\u0e1a\u0e1b\u0e01\u0e15\u0e34\u0e02\u0e32\u0e27 + \u0e2a\u0e27\u0e21\u0e04\u0e23\u0e38\u0e22<br>\n <b>2. \u0e0a\u0e32\u0e22 (\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b):<\/b> \u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e23\u0e32\u0e0a\u0e1b\u0e30\u0e41\u0e15\u0e19\u0e2a\u0e35\u0e02\u0e32\u0e27, \u0e01\u0e32\u0e07\u0e40\u0e01\u0e07\u0e02\u0e32\u0e22\u0e32\u0e27\u0e2a\u0e35\u0e02\u0e32\u0e27, \u0e15\u0e34\u0e14\u0e40\u0e02\u0e47\u0e21\u0e15\u0e23\u0e32\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e04\u0e2d\u0e40\u0e2a\u0e37\u0e49\u0e2d, \u0e01\u0e23\u0e30\u0e14\u0e38\u0e21\u0e25\u0e32\u0e22\u0e14\u0e38\u0e19\u0e19\u0e39\u0e19 + \u0e2a\u0e27\u0e21\u0e04\u0e23\u0e38\u0e22<br>\n <b>3. \u0e2b\u0e0d\u0e34\u0e07 (\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b):<\/b> \u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e40\u0e0a\u0e34\u0e49\u0e15\u0e02\u0e32\u0e27 (\u0e44\u0e21\u0e48\u0e23\u0e31\u0e14\u0e23\u0e39\u0e1b), \u0e01\u0e23\u0e30\u0e42\u0e1b\u0e23\u0e07\u0e17\u0e23\u0e07\u0e15\u0e23\u0e07\u0e2a\u0e35\u0e14\u0e33\/\u0e01\u0e23\u0e21\u0e17\u0e48\u0e32 (\u0e22\u0e32\u0e27\u0e40\u0e2a\u0e21\u0e2d\u0e40\u0e02\u0e48\u0e32\/\u0e04\u0e25\u0e38\u0e21\u0e40\u0e02\u0e48\u0e32), \u0e15\u0e34\u0e14\u0e01\u0e23\u0e30\u0e14\u0e38\u0e21\u0e04\u0e2d, \u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\u0e2b\u0e38\u0e49\u0e21\u0e2a\u0e49\u0e19\u0e2a\u0e35\u0e14\u0e33 + \u0e2a\u0e27\u0e21\u0e04\u0e23\u0e38\u0e22<br>\n <b>4. \u0e2b\u0e0d\u0e34\u0e07\u0e21\u0e35\u0e04\u0e23\u0e23\u0e20\u0e4c:<\/b> \u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e27\u0e04\u0e25\u0e38\u0e21\u0e17\u0e49\u0e2d\u0e07 (\u0e0a\u0e32\u0e22\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e2d\u0e22\u0e39\u0e48\u0e19\u0e2d\u0e01\u0e01\u0e23\u0e30\u0e42\u0e1b\u0e23\u0e07), \u0e01\u0e23\u0e30\u0e42\u0e1b\u0e23\u0e07\u0e17\u0e23\u0e07\u0e15\u0e23\u0e07\u0e2a\u0e35\u0e14\u0e33 + \u0e2a\u0e27\u0e21\u0e04\u0e23\u0e38\u0e22<br>\n <b>5. \u0e2b\u0e0d\u0e34\u0e07\u0e21\u0e38\u0e2a\u0e25\u0e34\u0e21:<\/b> \u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e40\u0e0a\u0e34\u0e49\u0e15\u0e41\u0e02\u0e19\u0e22\u0e32\u0e27\u0e21\u0e35\u0e2a\u0e32\u0e22\u0e23\u0e31\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e37\u0e2d, \u0e01\u0e23\u0e30\u0e42\u0e1b\u0e23\u0e07\u0e22\u0e32\u0e27\u0e01\u0e23\u0e21\u0e17\u0e48\u0e32, \u0e1c\u0e49\u0e32\u0e04\u0e25\u0e38\u0e21\u0e28\u0e35\u0e23\u0e29\u0e30\u0e02\u0e32\u0e27 + \u0e2a\u0e27\u0e21\u0e04\u0e23\u0e38\u0e22`\n },\n {\n keywords: [\"\u0e02\u0e49\u0e2d\u0e2b\u0e49\u0e32\u0e21\", \"\u0e2b\u0e49\u0e32\u0e21\u0e41\u0e15\u0e48\u0e07\u0e01\u0e32\u0e22\", \"\u0e07\u0e32\u0e19\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\"],\n response: `\ud83d\udeab <b>\u0e02\u0e49\u0e2d\u0e2b\u0e49\u0e32\u0e21\u0e43\u0e19\u0e27\u0e31\u0e19\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32:<\/b><br>\n - \u0e2b\u0e49\u0e32\u0e21\u0e43\u0e2a\u0e48\u0e41\u0e27\u0e48\u0e19\u0e01\u0e31\u0e19\u0e41\u0e14\u0e14 (\u0e41\u0e27\u0e48\u0e19\u0e2a\u0e32\u0e22\u0e15\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e25\u0e19\u0e2a\u0e4c\u0e43\u0e2a)<br>\n - \u0e2b\u0e49\u0e32\u0e21\u0e17\u0e33\u0e2a\u0e35\u0e1c\u0e21 (\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e14\u0e33\/\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34)<br>\n - \u0e2b\u0e49\u0e32\u0e21\u0e43\u0e2a\u0e48\u0e27\u0e34\u0e01\u0e1c\u0e21\/\u0e1c\u0e21\u0e1b\u0e25\u0e2d\u0e21<br>\n - \u0e2b\u0e49\u0e32\u0e21\u0e17\u0e32\u0e40\u0e25\u0e47\u0e1a\/\u0e15\u0e48\u0e2d\u0e40\u0e25\u0e47\u0e1a<br>\n - \u0e2b\u0e49\u0e32\u0e21\u0e43\u0e2a\u0e48\u0e15\u0e48\u0e32\u0e07\u0e2b\u0e39 (\u0e0a\u0e32\u0e22), \u0e2b\u0e49\u0e32\u0e21\u0e44\u0e27\u0e49\u0e2b\u0e19\u0e27\u0e14\u0e40\u0e04\u0e23\u0e32<br>\n - \u0e2b\u0e49\u0e32\u0e21\u0e19\u0e33\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d, \u0e01\u0e25\u0e49\u0e2d\u0e07, \u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23, \u0e1a\u0e38\u0e2b\u0e23\u0e35\u0e48 \u0e40\u0e02\u0e49\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e34\u0e18\u0e35\u0e40\u0e14\u0e47\u0e14\u0e02\u0e32\u0e14`\n },\n\n \/\/ 6. \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21 (Procedures & Forms)\n {\n keywords: [\"\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\", \"\u0e17.\", \"\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\", \"\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\", \"\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\"],\n response: `\ud83d\udcc4 <b>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07 (\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14):<\/b><br>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1k8RtWGLbCbftQETwwFHdJcdTr5QP4KSk\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.01:<\/b> \u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1gi92VLwbQgW5p6YJEMf0vLwX5ryPuqgL\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.02:<\/b> \u0e02\u0e2d\u0e1c\u0e48\u0e2d\u0e19\u0e1c\u0e31\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1nuHMbjNsEPtVaq47QjCCkT58Qe6xaVWg\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.03:<\/b> \u0e02\u0e2d\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\/\u0e08\u0e48\u0e32\u0e22\u0e25\u0e48\u0e32\u0e0a\u0e49\u0e32<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1XjqKOewZLvoDkV_sOpf4O4zirPYRMT4y\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.04:<\/b> \u0e02\u0e2d\u0e25\u0e32\u0e1e\u0e31\u0e01\/\u0e23\u0e31\u0e01\u0e29\u0e32\u0e2a\u0e20\u0e32\u0e1e\/\u0e01\u0e25\u0e31\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e28\u0e36\u0e01\u0e29\u0e32<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1mVVcfR4C8q31UFnTxalNiFe17leKijj5\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.05:<\/b> \u0e02\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\/\u0e16\u0e2d\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e23\u0e35\u0e22\u0e19<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1pil_fR5SawBeikjlNMzJG9xGC97wxXv4\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.06:<\/b> \u0e02\u0e2d\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/19Bq2TwLOASqhYekvRQ9K77O9GeZJn2x_\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.07:<\/b> \u0e02\u0e2d\u0e02\u0e36\u0e49\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1Yytmse8jciW_q16ptn0uBxr8uhebATTQ\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.08:<\/b> \u0e02\u0e2d\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1v55uW5oloFdrWurDyDOB97n3IrmYZyQh\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.09:<\/b> \u0e02\u0e2d\u0e42\u0e2d\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1LpEGrFZbq9uTtDCGZGhYIJu6xD-95uLh\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.10:<\/b> \u0e02\u0e2d\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e42\u0e2d\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1D1Yl6JytXhOt2AR0NEKP-dBo_txjiy9y\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.11:<\/b> \u0e02\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e17\u0e19\u0e27\u0e34\u0e0a\u0e32 (\u0e40\u0e01\u0e23\u0e14 0)<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1RfhwMH3xEh83lAwVBOGYj2ngy8XtoYMh\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.12:<\/b> \u0e02\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0b\u0e49\u0e33 (Regrade)<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1_zs5vtQ3lhby3nz1zTO_feGm2msz0tNj\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.13:<\/b> \u0e02\u0e2d\u0e41\u0e01\u0e49\u0e40\u0e01\u0e23\u0e14 \u0e21.\u0e2a.<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/11ZhWyUoq6cpHR_TrF-eEyy2PTQjGwwVi\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.14:<\/b> \u0e02\u0e2d\u0e2a\u0e2d\u0e1a\u0e19\u0e2d\u0e01\u0e15\u0e32\u0e23\u0e32\u0e07<\/a>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1tZmhGvYIFh2j583m-B8bdISV-LbZZBS-\/view?usp=sharing\" target=\"_blank\" class=\"text-blue-600 hover:underline block mb-1\"><b>\u0e17.16:<\/b> \u0e02\u0e2d\u0e25\u0e32\u0e2d\u0e2d\u0e01<\/a>`\n },\n {\n keywords: [\"\u0e08\u0e1a\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\", \"\u0e02\u0e2d\u0e08\u0e1a\", \"\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e08\u0e1a\", \"\u0e17.06\"],\n response: `\ud83c\udf93 <b>\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (\u0e17.06):<\/b><br>\n 1. <b>\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14:<\/b> \u0e15\u0e49\u0e2d\u0e07\u0e22\u0e37\u0e48\u0e19\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e20\u0e32\u0e22\u0e43\u0e19 <b>30 \u0e27\u0e31\u0e19<\/b> \u0e19\u0e31\u0e1a\u0e08\u0e32\u0e01\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e17\u0e2d\u0e21\u0e17\u0e35\u0e48\u0e04\u0e32\u0e14\u0e27\u0e48\u0e32\u0e08\u0e30\u0e08\u0e1a (\u0e16\u0e49\u0e32\u0e22\u0e37\u0e48\u0e19\u0e44\u0e21\u0e48\u0e17\u0e31\u0e19 \u0e08\u0e30\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e43\u0e2b\u0e49\u0e08\u0e1a\u0e43\u0e19\u0e40\u0e17\u0e2d\u0e21\u0e19\u0e31\u0e49\u0e19)<br>\n 2. \u0e01\u0e23\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21 \u0e17.06<br>\n 3. \u0e1c\u0e48\u0e32\u0e19 \u0e2d.\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32 -> \u0e07\u0e32\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19 -> \u0e1c\u0e2d.\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<br>\n 4. \u0e40\u0e2a\u0e19\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15<br>\n *\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e35\u0e40\u0e01\u0e23\u0e14\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e2a\u0e30\u0e2a\u0e21\u0e44\u0e21\u0e48\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32 2.00 \u0e41\u0e25\u0e30\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e`\n },\n {\n keywords: [\"\u0e25\u0e32\u0e1e\u0e31\u0e01\", \"\u0e14\u0e23\u0e2d\u0e1b\", \"\u0e17.04\"],\n response: `\ud83d\uded1 <b>\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e25\u0e32\u0e1e\u0e31\u0e01\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (\u0e17.04):<\/b><br>\n \u0e15\u0e49\u0e2d\u0e07\u0e22\u0e37\u0e48\u0e19\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e0a\u0e33\u0e23\u0e30\u0e04\u0e48\u0e32\u0e23\u0e31\u0e01\u0e29\u0e32\u0e2a\u0e20\u0e32\u0e1e (300 \u0e1a\u0e32\u0e17) \u0e20\u0e32\u0e22\u0e43\u0e19 <b>15 \u0e27\u0e31\u0e19<\/b> \u0e19\u0e31\u0e1a\u0e08\u0e32\u0e01\u0e27\u0e31\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e04\u0e40\u0e23\u0e35\u0e22\u0e19\u0e16\u0e31\u0e14\u0e44\u0e1b<br>\n - \u0e2b\u0e32\u0e01\u0e44\u0e21\u0e48\u0e21\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e01\u0e34\u0e19 15 \u0e27\u0e31\u0e19 \u0e08\u0e30\u0e1e\u0e49\u0e19\u0e2a\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<br>\n - \u0e01\u0e32\u0e23\u0e25\u0e32\u0e1e\u0e31\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e2d\u0e1a\u0e08\u0e32\u0e01 \u0e2d.\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32 \u0e41\u0e25\u0e30 \u0e1c\u0e2d.\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22`\n },\n {\n keywords: [\"\u0e2a\u0e2d\u0e1a\u0e19\u0e2d\u0e01\u0e15\u0e32\u0e23\u0e32\u0e07\", \"\u0e17.14\"],\n response: `\ud83d\ude91 <b>\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e2a\u0e2d\u0e1a\u0e19\u0e2d\u0e01\u0e15\u0e32\u0e23\u0e32\u0e07 (\u0e17.14):<\/b><br>\n \u0e43\u0e0a\u0e49\u0e01\u0e23\u0e13\u0e35\u0e1b\u0e48\u0e27\u0e22\u0e2b\u0e23\u0e37\u0e2d\u0e21\u0e35\u0e40\u0e2b\u0e15\u0e38\u0e2a\u0e38\u0e14\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e35\u0e48\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e21\u0e32\u0e2a\u0e2d\u0e1a\u0e01\u0e25\u0e32\u0e07\u0e20\u0e32\u0e04\/\u0e1b\u0e25\u0e32\u0e22\u0e20\u0e32\u0e04\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49<br>\n - \u0e15\u0e49\u0e2d\u0e07\u0e22\u0e37\u0e48\u0e19\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07 \u0e17.14 \u0e1e\u0e23\u0e49\u0e2d\u0e21 <b>\u0e43\u0e1a\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e41\u0e1e\u0e17\u0e22\u0e4c<\/b><br>\n - \u0e22\u0e37\u0e48\u0e19\u0e15\u0e48\u0e2d \u0e2d.\u0e1c\u0e39\u0e49\u0e2a\u0e2d\u0e19 -> \u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 -> \u0e1c\u0e2d.\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<br>\n - \u0e04\u0e27\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e44\u0e21\u0e48\u0e19\u0e49\u0e2d\u0e22\u0e01\u0e27\u0e48\u0e32 3 \u0e27\u0e31\u0e19 (\u0e16\u0e49\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e44\u0e14\u0e49)`\n }\n ];\n\n const chatForm = document.getElementById('chat-form');\n const userInput = document.getElementById('user-input');\n const chatBox = document.getElementById('chat-box');\n\n function scrollToBottom() {\n chatBox.scrollTop = chatBox.scrollHeight;\n }\n\n function createMessageElement(content, isUser = false) {\n const wrapper = document.createElement('div');\n wrapper.className = `flex ${isUser ? 'justify-end' : 'justify-start'}`;\n\n const bubble = document.createElement('div');\n bubble.className = `message-bubble p-4 ${isUser ? 'user-message' : 'bot-message'}`;\n \n if (!isUser) {\n const container = document.createElement('div');\n container.className = 'flex items-start';\n \n const iconDiv = document.createElement('div');\n iconDiv.className = 'w-8 h-8 rounded-full bg-blue-600 flex-shrink-0 flex items-center justify-center text-white mr-2 mt-1 shadow-sm';\n iconDiv.innerHTML = '<i class=\"fa-solid fa-robot text-xs\"><\/i>';\n \n container.appendChild(iconDiv);\n container.appendChild(bubble);\n wrapper.appendChild(container);\n } else {\n wrapper.appendChild(bubble);\n }\n\n bubble.innerHTML = content;\n return wrapper;\n }\n\n function showTypingIndicator() {\n const wrapper = document.createElement('div');\n wrapper.className = 'flex justify-start';\n wrapper.id = 'typing-indicator';\n \n const container = document.createElement('div');\n container.className = 'flex items-start';\n\n const iconDiv = document.createElement('div');\n iconDiv.className = 'w-8 h-8 rounded-full bg-blue-600 flex-shrink-0 flex items-center justify-center text-white mr-2 mt-1 shadow-sm';\n iconDiv.innerHTML = '<i class=\"fa-solid fa-robot text-xs\"><\/i>';\n\n const bubble = document.createElement('div');\n bubble.className = 'message-bubble bot-message p-3 flex items-center gap-1 h-10';\n bubble.innerHTML = `\n <div class=\"w-1.5 h-1.5 bg-gray-400 rounded-full typing-dot\"><\/div>\n <div class=\"w-1.5 h-1.5 bg-gray-400 rounded-full typing-dot\"><\/div>\n <div class=\"w-1.5 h-1.5 bg-gray-400 rounded-full typing-dot\"><\/div>\n `;\n\n container.appendChild(iconDiv);\n container.appendChild(bubble);\n wrapper.appendChild(container);\n chatBox.appendChild(wrapper);\n scrollToBottom();\n }\n\n function removeTypingIndicator() {\n const indicator = document.getElementById('typing-indicator');\n if (indicator) indicator.remove();\n }\n\n function findAnswer(query) {\n const lowerQuery = query.toLowerCase();\n let bestMatch = null;\n let maxScore = 0;\n\n knowledgeBase.forEach(item => {\n let score = 0;\n item.keywords.forEach(keyword => {\n if (lowerQuery.includes(keyword.toLowerCase())) {\n score += 3;\n }\n });\n\n if (score > maxScore) {\n maxScore = score;\n bestMatch = item;\n }\n });\n\n if (maxScore > 0) {\n return bestMatch.response;\n } else {\n return `\u0e02\u0e2d\u0e2d\u0e20\u0e31\u0e22\u0e04\u0e23\u0e31\u0e1a \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 \"<b>${query}<\/b>\" \u0e2d\u0e32\u0e08\u0e08\u0e30\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e40\u0e08\u0e32\u0e30\u0e08\u0e07\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b \u0e2b\u0e23\u0e37\u0e2d\u0e1c\u0e21\u0e2d\u0e32\u0e08\u0e08\u0e30\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e04\u0e33\u0e16\u0e32\u0e21\u0e04\u0e23\u0e31\u0e1a \ud83d\ude05<br><br>\n \u0e25\u0e2d\u0e07\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e04\u0e33\u0e04\u0e49\u0e19\u0e2a\u0e31\u0e49\u0e19\u0e46 \u0e14\u0e39\u0e44\u0e2b\u0e21\u0e04\u0e23\u0e31\u0e1a \u0e40\u0e0a\u0e48\u0e19:<br>\n - <b>\u0e23\u0e35\u0e44\u0e17\u0e23\u0e4c<\/b> (\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e1e\u0e49\u0e19\u0e2a\u0e20\u0e32\u0e1e)<br>\n - <b>\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28<\/b> (\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e15\u0e48\u0e32\u0e07\u0e46)<br>\n - <b>\u0e17.06<\/b> (\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e02\u0e2d\u0e08\u0e1a)<br>\n - <b>\u0e0a\u0e38\u0e14\u0e04\u0e23\u0e38\u0e22<\/b> (\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e0a\u0e38\u0e14\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32)`;\n }\n }\n \n function sendQuery(text) {\n userInput.value = text;\n chatForm.dispatchEvent(new Event('submit'));\n }\n\n chatForm.addEventListener('submit', async (e) => {\n e.preventDefault();\n const message = userInput.value.trim();\n if (!message) return;\n\n chatBox.appendChild(createMessageElement(message, true));\n userInput.value = '';\n scrollToBottom();\n\n showTypingIndicator();\n\n setTimeout(() => {\n removeTypingIndicator();\n const response = findAnswer(message);\n chatBox.appendChild(createMessageElement(response, false));\n scrollToBottom();\n }, 600);\n });\n <\/script>\n\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n<p>Views: 7<\/p>","protected":false},"excerpt":{"rendered":"<p>IVEC5 Student Assistant (Full Version) IVEC5 Expert Bot […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-18311","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/pages\/18311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/comments?post=18311"}],"version-history":[{"count":2,"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/pages\/18311\/revisions"}],"predecessor-version":[{"id":18314,"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/pages\/18311\/revisions\/18314"}],"wp:attachment":[{"href":"https:\/\/www.ivecr5.ac.th\/web2020\/wp-json\/wp\/v2\/media?parent=18311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}