\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 – \u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e42\u0e14\u0e23\u0e19 DroneSkill SKR<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: #333;\n line-height: 1.6;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n }\n\n .header {\n text-align: center;\n color: white;\n margin-bottom: 30px;\n padding: 40px 20px;\n background: rgba(0, 0, 0, 0.4);\n border-radius: 20px;\n backdrop-filter: blur(10px);\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n\n .header h1 {\n font-size: 2.5em;\n margin-bottom: 10px;\n text-shadow: 3px 3px 6px rgba(0,0,0,0.7);\n font-weight: 700;\n color: #ffffff;\n }\n\n .header p {\n font-size: 1.2em;\n opacity: 1;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.6);\n color: #f8f9fa;\n font-weight: 500;\n }\n\n .tabs {\n display: flex;\n background: white;\n border-radius: 15px 15px 0 0;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n }\n\n .tab {\n flex: 1;\n padding: 20px;\n background: #f8f9fa;\n border: none;\n cursor: pointer;\n font-size: 1.1em;\n font-weight: 600;\n transition: all 0.3s ease;\n position: relative;\n color: #495057;\n }\n\n .tab.active {\n background: white;\n color: #667eea;\n font-weight: 700;\n box-shadow: 0 -2px 10px rgba(102, 126, 234, 0.3);\n }\n\n .tab:hover {\n background: #e9ecef;\n color: #495057;\n }\n\n .tab-content {\n display: none;\n background: white;\n border-radius: 0 0 15px 15px;\n padding: 30px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n }\n\n .tab-content.active {\n display: block;\n }\n\n .overview-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-bottom: 30px;\n }\n\n .group-card {\n background: linear-gradient(145deg, #f8f9fa, #e9ecef);\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n }\n\n .group-card:hover {\n transform: translateY(-5px);\n }\n\n .group-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n }\n\n .group-title {\n font-size: 1.4em;\n font-weight: 700;\n color: #667eea;\n }\n\n .group-score {\n background: #667eea;\n color: white;\n padding: 8px 15px;\n border-radius: 20px;\n font-weight: 600;\n }\n\n .student-list {\n list-style: none;\n }\n\n .student-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 0;\n border-bottom: 1px solid #dee2e6;\n }\n\n .student-item:last-child {\n border-bottom: none;\n }\n\n .student-name {\n font-weight: 600;\n }\n\n .student-interest {\n background: #28a745;\n color: white;\n padding: 4px 8px;\n border-radius: 10px;\n font-size: 0.8em;\n }\n\n .student-interest.soccer {\n background: #dc3545;\n }\n\n .student-interest.code {\n background: #007bff;\n }\n\n .student-interest.both {\n background: #6f42c1;\n }\n\n .recommendations {\n background: linear-gradient(145deg, #28a745, #20c997);\n color: white;\n padding: 25px;\n border-radius: 15px;\n margin-top: 30px;\n }\n\n .recommendations h3 {\n margin-bottom: 15px;\n font-size: 1.5em;\n }\n\n .recommendation-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n\n .recommendation-item {\n background: rgba(255,255,255,0.2);\n padding: 15px;\n border-radius: 10px;\n backdrop-filter: blur(5px);\n }\n\n .individual-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 25px;\n }\n\n .student-card {\n background: white;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n border-left: 5px solid #667eea;\n transition: transform 0.3s ease;\n }\n\n .student-card:hover {\n transform: translateY(-3px);\n }\n\n .student-card.excellent {\n border-left-color: #28a745;\n }\n\n .student-card.good {\n border-left-color: #007bff;\n }\n\n .student-card.average {\n border-left-color: #ffc107;\n }\n\n .student-card.developing {\n border-left-color: #fd7e14;\n }\n\n .student-header {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n }\n\n .student-avatar {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background: linear-gradient(145deg, #667eea, #764ba2);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 700;\n font-size: 1.2em;\n margin-right: 15px;\n overflow: hidden;\n border: 3px solid #fff;\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n }\n\n .student-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n }\n\n .student-info h3 {\n font-size: 1.3em;\n margin-bottom: 5px;\n }\n\n .student-level {\n padding: 4px 12px;\n border-radius: 15px;\n font-size: 0.9em;\n font-weight: 600;\n }\n\n .level-excellent {\n background: #d4edda;\n color: #155724;\n }\n\n .level-good {\n background: #cce5ff;\n color: #004085;\n }\n\n .level-average {\n background: #fff3cd;\n color: #856404;\n }\n\n .level-developing {\n background: #ffe6cc;\n color: #8b4513;\n }\n\n .skills-section {\n margin-top: 20px;\n }\n\n .skill-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 12px;\n }\n\n .skill-name {\n font-weight: 600;\n flex: 1;\n }\n\n .skill-bar {\n flex: 2;\n height: 8px;\n background: #e9ecef;\n border-radius: 4px;\n margin: 0 15px;\n overflow: hidden;\n }\n\n .skill-progress {\n height: 100%;\n background: linear-gradient(90deg, #667eea, #764ba2);\n border-radius: 4px;\n transition: width 0.5s ease;\n }\n\n .skill-score {\n font-weight: 700;\n color: #667eea;\n min-width: 40px;\n text-align: right;\n }\n\n .analysis-text {\n background: #f8f9fa;\n padding: 15px;\n border-radius: 10px;\n margin-top: 15px;\n font-style: italic;\n border-left: 4px solid #667eea;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-bottom: 30px;\n }\n\n .stat-card {\n background: linear-gradient(145deg, #667eea, #764ba2);\n color: white;\n padding: 20px;\n border-radius: 15px;\n text-align: center;\n }\n\n .stat-number {\n font-size: 2em;\n font-weight: 700;\n margin-bottom: 5px;\n }\n\n .stat-label {\n font-size: 0.9em;\n opacity: 0.9;\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 10px;\n }\n\n .header h1 {\n font-size: 1.8em;\n }\n\n .tabs {\n flex-direction: column;\n }\n\n .overview-grid,\n .individual-grid {\n grid-template-columns: 1fr;\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n .legend {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n }\n\n .legend-item {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .legend-color {\n width: 20px;\n height: 20px;\n border-radius: 4px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>\ud83d\ude81 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/h1>\n <p>\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e42\u0e14\u0e23\u0e19 DroneSkill SKR – \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 2 \u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21 2025<\/p>\n <\/div>\n\n <div class=\"tabs\">\n <button class=\"tab active\" onclick=\"showTab('overview')\">\ud83d\udcca \u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a<\/button>\n <button class=\"tab\" onclick=\"showTab('individual')\">\ud83d\udc65 \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e23\u0e32\u0e22\u0e1a\u0e38\u0e04\u0e04\u0e25<\/button>\n <\/div>\n\n <div id=\"overview\" class=\"tab-content active\">\n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">16<\/div>\n <div class=\"stat-label\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">4<\/div>\n <div class=\"stat-label\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">109,106<\/div>\n <div class=\"stat-label\">\u0e04\u0e30\u0e41\u0e19\u0e19\u0e23\u0e27\u0e21 Tello EDU<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">13<\/div>\n <div class=\"stat-label\">\u0e23\u0e2d\u0e1a\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 X-round<\/div>\n <\/div>\n <\/div>\n\n <div class=\"overview-grid\">\n <div class=\"group-card\">\n <div class=\"group-header\">\n <div class=\"group-title\">\u0e01\u0e25\u0e38\u0e48\u0e21 1<\/div>\n <div class=\"group-score\">24,156<\/div>\n <\/div>\n <ul class=\"student-list\">\n <li class=\"student-item\">\n <span class=\"student-name\">Tonnam<\/span>\n <span class=\"student-interest soccer\">Soccer<\/span>\n <\/li>\n <li class=\"student-item\">\n <span class=\"student-name\">Nam<\/span>\n <span class=\"student-interest both\">Both<\/span>\n <\/li>\n <li class=\"student-item\">\n <span class=\"student-name\">Gump<\/span>\n <span class=\"student-interest both\">Both<\/span>\n <\/li>\n <li class=\"student-item\">\n <span class=\"student-name\">Anpan<\/span>\n <span class=\"student-interest both\">Both<\/span>\n <\/li>\n <li class=\"student-item\">\n <span class=\"student-name\">Nicha<\/span>\n <span class=\"student-interest soccer\">Soccer<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"group-card\">\n <div class=\"group-header\">\n <div class=\"group-title\">\u0e01\u0e25\u0e38\u0e48\u0e21 2<\/div>\n <div class=\"group-score\">21,863<\/div>\n <\/div>\n <ul class=\"student-list\">\n <li class=\"student-item\">\n <span class=\"student-name\">Fusion<\/span>\n <span class=\"student-interest both\">Both<\/span>\n <\/li>\n <li class=\"student-item\">\n <span class=\"student-name\">Gift<\/span>\n <span class=\"student-interest soccer\">Soccer<\/span>\n <\/li>\n <li class=\"student-item\">\n <span class=\"student-name\">Tutor<\/span>\n <span class=\"student-interest soccer\">Soccer<\/span>\n <\/li>\n <li class=\"student-item\">\n <span class=\"student-name\">Alisa<\/span>\n <span class=\"student-interest soccer\">Soccer<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"group-card\">\n <div class=\"group-header\">\n <div class=\"group-title\">\u0e01\u0e25\u0e38\u0e48\u0e21 3<\/div>\n <div class=\"group-score\">31,504<\/div>\n <\/div>\n <ul class=\"student-list\">\n <li class=\"student-item\">\n <span class=\"student-name\">Orca<\/span>\n <span class=\"student-interest both\">Both<\/span>\n <\/li>\n <li class=\"student-item\">\n <span class=\"student-name\">Pooh<\/span>\n <span class=\"student-interest both\">Both<\/span>\n <\/li>\n <li class=\"student-item\">\n <span class=\"student-name\">Diamond<\/span>\n <span class=\"student-interest both\">Both<\/span>\n <\/li>\n <li class=\"student-item\">\n <span class=\"student-name\">Thank<\/span>\n <span class=\"student-interest both\">Both<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"group-card\">\n <div class=\"group-header\">\n <div class=\"group-title\">\u0e01\u0e25\u0e38\u0e48\u0e21 4<\/div>\n <div class=\"group-score\">31,583<\/div>\n <\/div>\n <ul class=\"student-list\">\n <li class=\"student-item\">\n <span class=\"student-name\">Peak<\/span>\n <span class=\"student-interest both\">Both<\/span>\n <\/li>\n <li class=\"student-item\">\n <span class=\"student-name\">Title<\/span>\n <span class=\"student-interest both\">Both<\/span>\n <\/li>\n <li class=\"student-item\">\n <span class=\"student-name\">Funk<\/span>\n <span class=\"student-interest code\">Code<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"recommendations\">\n <h3>\ud83c\udfaf \u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e01\u0e32\u0e23\u0e04\u0e31\u0e14\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e17\u0e35\u0e21<\/h3>\n <div class=\"recommendation-grid\">\n <div class=\"recommendation-item\">\n <h4>\ud83e\udd47 \u0e17\u0e35\u0e21 Drone Coding<\/h4>\n <p><strong>\u0e41\u0e19\u0e30\u0e19\u0e33:<\/strong> Fusion, Thank, Gump, Title<\/p>\n <p>\u0e21\u0e35\u0e04\u0e30\u0e41\u0e19\u0e19 Quiz \u0e2a\u0e39\u0e07 \u0e41\u0e25\u0e30\u0e17\u0e31\u0e01\u0e29\u0e30 Critical Thinking \u0e14\u0e35<\/p>\n <\/div>\n <div class=\"recommendation-item\">\n <h4>\u26bd \u0e17\u0e35\u0e21 Drone Soccer<\/h4>\n <p><strong>\u0e41\u0e19\u0e30\u0e19\u0e33:<\/strong> Funk, Tonnam, Pooh, Diamond<\/p>\n <p>\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e41\u0e25\u0e30\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21<\/p>\n <\/div>\n <div class=\"recommendation-item\">\n <h4>\ud83c\udfc6 \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/h4>\n <p><strong>Top 3:<\/strong> Fusion (13 \u0e23\u0e2d\u0e1a), Funk (12 \u0e23\u0e2d\u0e1a), Gump (11 \u0e23\u0e2d\u0e1a)<\/p>\n <p>\u0e04\u0e27\u0e23\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e43\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e2d\u0e07\u0e2a\u0e32\u0e02\u0e32<\/p>\n <\/div>\n <div class=\"recommendation-item\">\n <h4>\ud83d\udcc8 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32<\/h4>\n <p><strong>\u0e15\u0e49\u0e2d\u0e07\u0e1d\u0e36\u0e01\u0e40\u0e1e\u0e34\u0e48\u0e21:<\/strong> Gift, Tutor, Peak<\/p>\n <p>\u0e04\u0e27\u0e23\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"individual\" class=\"tab-content\">\n <div class=\"legend\">\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #28a745;\"><\/div>\n <span>\ud83d\udfe2 Excellent (\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #007bff;\"><\/div>\n <span>\ud83d\udd35 Good (\u0e14\u0e35)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #ffc107;\"><\/div>\n <span>\ud83d\udfe1 Average (\u0e1b\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #fd7e14;\"><\/div>\n <span>\ud83d\udfe0 Developing (\u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"individual-grid\">\n \n <div class=\"student-card excellent\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">FU<\/div>\n <div class=\"student-info\">\n <h3>Fusion<\/h3>\n <span class=\"student-level level-excellent\">\ud83d\udfe2 Excellent<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n <span class=\"skill-score\">4\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n <span class=\"skill-score\">13<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 60%;\"><\/div><\/div>\n <span class=\"skill-score\">3<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19 Drone Coding \u0e14\u0e49\u0e27\u0e22\u0e04\u0e30\u0e41\u0e19\u0e19 Quiz \u0e40\u0e15\u0e47\u0e21 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e21 Coding\n <\/div>\n <\/div>\n\n <div class=\"student-card excellent\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">\n <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22\u0e2a\u0e34\u0e1b\u0e1b\u0e20\u0e32\u0e2a-\u0e43\u0e08\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e01\u0e38\u0e25\u0e1f\u0e31\u0e07\u0e01\u0e4c.jpg\" alt=\"Funk\">\n <\/div>\n <div class=\"student-info\">\n <h3>Funk<\/h3>\n <span class=\"student-level level-excellent\">\ud83d\udfe2 Excellent<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n <span class=\"skill-score\">1\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 92%;\"><\/div><\/div>\n <span class=\"skill-score\">12<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 20%;\"><\/div><\/div>\n <span class=\"skill-score\">1<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n <span class=\"skill-score\">3<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e40\u0e1b\u0e47\u0e19\u0e19\u0e31\u0e01\u0e1a\u0e34\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07\u0e21\u0e32\u0e01 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19 Drone Soccer \u0e41\u0e15\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e49\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/div>\n <\/div>\n\n <div class=\"student-card good\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">\n <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e14.\u0e0a.\u0e17\u0e0a\u0e20\u0e13-\u0e1e\u0e23\u0e23\u0e13\u0e1a\u0e31\u0e27.jpg\" alt=\"Gump\">\n <\/div>\n <div class=\"student-info\">\n <h3>Gump<\/h3>\n <span class=\"student-level level-good\">\ud83d\udd35 Good<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n <span class=\"skill-score\">2\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 85%;\"><\/div><\/div>\n <span class=\"skill-score\">11<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n <span class=\"skill-score\">5<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n <span class=\"skill-score\">3<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n <span class=\"skill-score\">5<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e17\u0e35\u0e48\u0e14\u0e35 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e31\u0e49\u0e07 Coding \u0e41\u0e25\u0e30 Soccer \u0e04\u0e27\u0e23\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e43\u0e19\u0e17\u0e35\u0e21\n <\/div>\n <\/div>\n\n <div class=\"student-card good\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">TH<\/div>\n <div class=\"student-info\">\n <h3>Thank<\/h3>\n <span class=\"student-level level-good\">\ud83d\udd35 Good<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n <span class=\"skill-score\">2\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 69%;\"><\/div><\/div>\n <span class=\"skill-score\">9<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n <span class=\"skill-score\">5<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n <span class=\"skill-score\">3<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19 8-Shape \u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21 \u0e41\u0e25\u0e30\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e04\u0e34\u0e14\u0e40\u0e0a\u0e34\u0e07\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e14\u0e35 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e35\u0e21 Coding\n <\/div>\n <\/div>\n\n <div class=\"student-card good\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">\n <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22\u0e2d\u0e19\u0e31\u0e19\u0e15\u0e2a\u0e34\u0e19-\u0e40\u0e17\u0e35\u0e22\u0e27\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e15\u0e49\u0e19\u0e19\u0e49\u0e33.jpg\" alt=\"Tonnam\">\n <\/div>\n <div class=\"student-info\">\n <h3>Tonnam<\/h3>\n <span class=\"student-level level-good\">\ud83d\udd35 Good<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 75%;\"><\/div><\/div>\n <span class=\"skill-score\">3\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 77%;\"><\/div><\/div>\n <span class=\"skill-score\">10<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 80%;\"><\/div><\/div>\n <span class=\"skill-score\">4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 17%;\"><\/div><\/div>\n <span class=\"skill-score\">1<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n <span class=\"skill-score\">5<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19 Soccer \u0e41\u0e25\u0e30\u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e17\u0e35\u0e48\u0e14\u0e35 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19 Drone Soccer \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\n <\/div>\n <\/div>\n\n <div class=\"student-card good\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">\n <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22\u0e20\u0e39\u0e27\u0e2a\u0e34\u0e29\u0e0f\u0e4c-\u0e40\u0e04\u0e35\u0e22\u0e07\u0e41\u0e01\u0e49\u0e27.jpg\" alt=\"Pooh\">\n <\/div>\n <div class=\"student-info\">\n <h3>Pooh<\/h3>\n <span class=\"student-level level-good\">\ud83d\udd35 Good<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 75%;\"><\/div><\/div>\n <span class=\"skill-score\">3\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 69%;\"><\/div><\/div>\n <span class=\"skill-score\">9<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 80%;\"><\/div><\/div>\n <span class=\"skill-score\">4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 33%;\"><\/div><\/div>\n <span class=\"skill-score\">2<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e30\u0e41\u0e19\u0e19 Quiz \u0e2a\u0e39\u0e07\u0e41\u0e25\u0e30\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e14\u0e35 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e35\u0e21 Coding \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e31\u0e27\u0e2a\u0e33\u0e23\u0e2d\u0e07\u0e43\u0e19\u0e17\u0e35\u0e21 Soccer\n <\/div>\n <\/div>\n\n <div class=\"student-card good\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">\n <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22-\u0e27\u0e38\u0e12\u0e34\u0e20\u0e31\u0e17\u0e23-\u0e40\u0e08\u0e23\u0e34\u0e0d\u0e2a\u0e38\u0e02.jpg\" alt=\"Diamond\">\n <\/div>\n <div class=\"student-info\">\n <h3>Diamond<\/h3>\n <span class=\"student-level level-good\">\ud83d\udd35 Good<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n <span class=\"skill-score\">1\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 62%;\"><\/div><\/div>\n <span class=\"skill-score\">8<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 80%;\"><\/div><\/div>\n <span class=\"skill-score\">4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 33%;\"><\/div><\/div>\n <span class=\"skill-score\">2<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19 8-Shape \u0e17\u0e35\u0e48\u0e14\u0e35 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19 Soccer \u0e41\u0e15\u0e48\u0e04\u0e27\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e49\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/div>\n <\/div>\n\n <div class=\"student-card average\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">\n <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22\u0e18\u0e35\u0e23\u0e4c\u0e19\u0e34\u0e1b\u0e38\u0e13-\u0e0a\u0e31\u0e22\u0e2d\u0e21\u0e24\u0e15\u0e44\u0e15\u0e40\u0e15\u0e34\u0e49\u0e25.jpg\" alt=\"Title\">\n <\/div>\n <div class=\"student-info\">\n <h3>Title<\/h3>\n <span class=\"student-level level-average\">\ud83d\udfe1 Average<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n <span class=\"skill-score\">1\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 54%;\"><\/div><\/div>\n <span class=\"skill-score\">7<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n <span class=\"skill-score\">6<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30 Critical Thinking \u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e41\u0e2a\u0e14\u0e07\u0e27\u0e48\u0e32\u0e21\u0e35\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e49\u0e14 \u0e04\u0e27\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/div>\n <\/div>\n\n <div class=\"student-card average\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">\n <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e25\u0e34\u0e2a\u0e32-\u0e27\u0e23\u0e18\u0e19\u0e32\u0e19\u0e38\u0e27\u0e07\u0e28\u0e4c.jpg\" alt=\"Alisa\">\n <\/div>\n <div class=\"student-info\">\n <h3>Alisa<\/h3>\n <span class=\"student-level level-average\">\ud83d\udfe1 Average<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n <span class=\"skill-score\">1\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 54%;\"><\/div><\/div>\n <span class=\"skill-score\">7<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19 Soccer \u0e41\u0e25\u0e30\u0e21\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e17\u0e35\u0e48\u0e14\u0e35 \u0e04\u0e27\u0e23\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e1d\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\n <\/div>\n <\/div>\n\n <div class=\"student-card average\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">\n <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27-\u0e27\u0e34\u0e0a\u0e0d\u0e32\u0e1e\u0e23-\u0e41\u0e0b\u0e48\u0e2e\u0e39\u0e49\u0e15\u0e49\u0e19\u0e19\u0e49\u0e33.jpg\" alt=\"Nam\">\n <\/div>\n <div class=\"student-info\">\n <h3>Nam<\/h3>\n <span class=\"student-level level-average\">\ud83d\udfe1 Average<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 54%;\"><\/div><\/div>\n <span class=\"skill-score\">7<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 17%;\"><\/div><\/div>\n <span class=\"skill-score\">1<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e14\u0e49\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 \u0e41\u0e15\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19 Both \u0e41\u0e25\u0e30\u0e21\u0e35\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\n <\/div>\n <\/div>\n\n <div class=\"student-card average\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">AN<\/div>\n <div class=\"student-info\">\n <h3>Anpan<\/h3>\n <span class=\"student-level level-average\">\ud83d\udfe1 Average<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n <span class=\"skill-score\">2\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 46%;\"><\/div><\/div>\n <span class=\"skill-score\">6<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e30\u0e41\u0e19\u0e19 Quiz \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07 \u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 \u0e04\u0e27\u0e23\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/div>\n <\/div>\n\n <div class=\"student-card average\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">\n <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e14.\u0e0d.\u0e13\u0e31\u0e10\u0e19\u0e31\u0e19\u0e17\u0e4c-\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e19\u0e31\u0e19\u0e15\u0e4c\u0e0a\u0e31\u0e22\u0e13\u0e34\u0e0a\u0e32.jpg\" alt=\"Nicha\">\n <\/div>\n <div class=\"student-info\">\n <h3>Nicha<\/h3>\n <span class=\"student-level level-average\">\ud83d\udfe1 Average<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n <span class=\"skill-score\">1\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 46%;\"><\/div><\/div>\n <span class=\"skill-score\">6<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 33%;\"><\/div><\/div>\n <span class=\"skill-score\">2<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19 Soccer \u0e41\u0e25\u0e30\u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e04\u0e34\u0e14\u0e40\u0e0a\u0e34\u0e07\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07 \u0e04\u0e27\u0e23\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/div>\n <\/div>\n\n <div class=\"student-card average\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">OR<\/div>\n <div class=\"student-info\">\n <h3>Orca<\/h3>\n <span class=\"student-level level-average\">\ud83d\udfe1 Average<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n <span class=\"skill-score\">2\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 38%;\"><\/div><\/div>\n <span class=\"skill-score\">5<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 67%;\"><\/div><\/div>\n <span class=\"skill-score\">4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30 Critical Thinking \u0e2a\u0e39\u0e07 \u0e41\u0e2a\u0e14\u0e07\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e14\u0e49\u0e32\u0e19 Coding \u0e41\u0e15\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/div>\n <\/div>\n\n <div class=\"student-card developing\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">\n <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22-\u0e1e\u0e2a\u0e34\u0e29\u0e10\u0e4c-\u0e1e\u0e34\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c.jpg\" alt=\"Peak\">\n <\/div>\n <div class=\"student-info\">\n <h3>Peak<\/h3>\n <span class=\"student-level level-developing\">\ud83d\udfe0 Developing<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n <span class=\"skill-score\">2\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 31%;\"><\/div><\/div>\n <span class=\"skill-score\">4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e14\u0e35 \u0e41\u0e15\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u0e04\u0e27\u0e23\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e41\u0e25\u0e30\u0e1d\u0e36\u0e01\u0e1d\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\n <\/div>\n <\/div>\n\n <div class=\"student-card developing\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">TU<\/div>\n <div class=\"student-info\">\n <h3>Tutor<\/h3>\n <span class=\"student-level level-developing\">\ud83d\udfe0 Developing<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n <span class=\"skill-score\">1\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 31%;\"><\/div><\/div>\n <span class=\"skill-score\">4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19 Soccer \u0e04\u0e27\u0e23\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e1d\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\n <\/div>\n <\/div>\n\n <div class=\"student-card developing\">\n <div class=\"student-header\">\n <div class=\"student-avatar\">\n <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e14.\u0e0d.\u0e19\u0e31\u0e17\u0e18\u0e21\u0e19-\u0e40\u0e19\u0e15\u0e23\u0e2a\u0e38\u0e27\u0e23\u0e23\u0e13.jpg\" alt=\"Gift\">\n <\/div>\n <div class=\"student-info\">\n <h3>Gift<\/h3>\n <span class=\"student-level level-developing\">\ud83d\udfe0 Developing<\/span>\n <\/div>\n <\/div>\n <div class=\"skills-section\">\n <div class=\"skill-item\">\n <span class=\"skill-name\">Quiz Score<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n <span class=\"skill-score\">1\/4<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">X-Round<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 23%;\"><\/div><\/div>\n <span class=\"skill-score\">3<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">8-Shape<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Critical Think<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <div class=\"skill-item\">\n <span class=\"skill-name\">Brushless 8<\/span>\n <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n <span class=\"skill-score\">0<\/span>\n <\/div>\n <\/div>\n <div class=\"analysis-text\">\n <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19 Soccer \u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e27\u0e25\u0e32\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e17\u0e31\u0e49\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n function showTab(tabName) {\n \/\/ Hide all tab contents\n const tabContents = document.querySelectorAll('.tab-content');\n tabContents.forEach(content => {\n content.classList.remove('active');\n });\n\n \/\/ Remove active class from all tabs\n const tabs = document.querySelectorAll('.tab');\n tabs.forEach(tab => {\n tab.classList.remove('active');\n });\n\n \/\/ Show selected tab content\n document.getElementById(tabName).classList.add('active');\n\n \/\/ Add active class to clicked tab\n event.target.classList.add('active');\n }\n\n \/\/ Add smooth animations for skill bars\n document.addEventListener('DOMContentLoaded', function() {\n const skillBars = document.querySelectorAll('.skill-progress');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'fillBar 1s ease-out';\n }\n });\n });\n\n skillBars.forEach(bar => {\n observer.observe(bar);\n });\n });\n\n \/\/ Add CSS animation\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fillBar {\n from { width: 0; }\n to { width: var(--target-width); }\n }\n `;\n document.head.appendChild(style);\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e27\u0e19\u0e01\u0e38\u0e2b\u0e25\u0e32\u0e1a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e31\u0e07\u0e2a\u0e34\u0e15 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 – \u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e42\u0e14\u0e23\u0e19 DroneSkill SKR \ud83d\ude81 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e42\u0e14\u0e23\u0e19 DroneSkill SKR – \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 2 \u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21 2025 \ud83d\udcca \u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a \ud83d\udc65 \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e23\u0e32\u0e22\u0e1a\u0e38\u0e04\u0e04\u0e25 16 \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 4 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a 109,106 \u0e04\u0e30\u0e41\u0e19\u0e19\u0e23\u0e27\u0e21 Tello EDU 13 \u0e23\u0e2d\u0e1a\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 X-round \u0e01\u0e25\u0e38\u0e48\u0e21 1 24,156 Tonnam Soccer Nam Both Gump Both<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8205","page","type-page","status-publish","hentry"],"acf":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Teerachai Lertpanikul","author_link":"https:\/\/droneth.or.th\/ja\/author\/adminnu\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e27\u0e19\u0e01\u0e38\u0e2b\u0e25\u0e32\u0e1a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e31\u0e07\u0e2a\u0e34\u0e15 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 – \u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e42\u0e14\u0e23\u0e19 DroneSkill SKR \ud83d\ude81 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e42\u0e14\u0e23\u0e19 DroneSkill SKR – \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 2 \u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21 2025 \ud83d\udcca \u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a \ud83d\udc65 \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e23\u0e32\u0e22\u0e1a\u0e38\u0e04\u0e04\u0e25 16 \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 4 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a 109,106 \u0e04\u0e30\u0e41\u0e19\u0e19\u0e23\u0e27\u0e21 Tello EDU 13 \u0e23\u0e2d\u0e1a\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 X-round \u0e01\u0e25\u0e38\u0e48\u0e21 1 24,156 Tonnam Soccer Nam Both Gump Both","_links":{"self":[{"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/pages\/8205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/comments?post=8205"}],"version-history":[{"count":0,"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/pages\/8205\/revisions"}],"wp:attachment":[{"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/media?parent=8205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8205,"date":"2025-07-02T04:33:54","date_gmt":"2025-07-02T04:33:54","guid":{"rendered":"https:\/\/droneth.or.th\/?page_id=8205"},"modified":"2025-07-02T07:32:36","modified_gmt":"2025-07-02T07:32:36","slug":"droneskill-skr-2june2025","status":"publish","type":"page","link":"https:\/\/droneth.or.th\/ja\/droneskill-skr-2june2025\/","title":{"rendered":"\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e17\u0e31\u0e01\u0e29\u0e30\u0e42\u0e14\u0e23\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 Drone Skill Thailand 2025 \u0e13. \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e27\u0e19\u0e01\u0e38\u0e2b\u0e25\u0e32\u0e1a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e23\u0e31\u0e07\u0e2a\u0e34\u0e15 2 July 2025"},"content":{"rendered":"

\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e27\u0e19\u0e01\u0e38\u0e2b\u0e25\u0e32\u0e1a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e31\u0e07\u0e2a\u0e34\u0e15<\/pre>\n\n\n\n<\/p>\n\n\n\n\n\n\n    \n    \n    \u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 – \u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e42\u0e14\u0e23\u0e19 DroneSkill SKR<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: #333;\n            line-height: 1.6;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        .header {\n            text-align: center;\n            color: white;\n            margin-bottom: 30px;\n            padding: 40px 20px;\n            background: rgba(0, 0, 0, 0.4);\n            border-radius: 20px;\n            backdrop-filter: blur(10px);\n            box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n        }\n\n        .header h1 {\n            font-size: 2.5em;\n            margin-bottom: 10px;\n            text-shadow: 3px 3px 6px rgba(0,0,0,0.7);\n            font-weight: 700;\n            color: #ffffff;\n        }\n\n        .header p {\n            font-size: 1.2em;\n            opacity: 1;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.6);\n            color: #f8f9fa;\n            font-weight: 500;\n        }\n\n        .tabs {\n            display: flex;\n            background: white;\n            border-radius: 15px 15px 0 0;\n            overflow: hidden;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        }\n\n        .tab {\n            flex: 1;\n            padding: 20px;\n            background: #f8f9fa;\n            border: none;\n            cursor: pointer;\n            font-size: 1.1em;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            position: relative;\n            color: #495057;\n        }\n\n        .tab.active {\n            background: white;\n            color: #667eea;\n            font-weight: 700;\n            box-shadow: 0 -2px 10px rgba(102, 126, 234, 0.3);\n        }\n\n        .tab:hover {\n            background: #e9ecef;\n            color: #495057;\n        }\n\n        .tab-content {\n            display: none;\n            background: white;\n            border-radius: 0 0 15px 15px;\n            padding: 30px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        }\n\n        .tab-content.active {\n            display: block;\n        }\n\n        .overview-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin-bottom: 30px;\n        }\n\n        .group-card {\n            background: linear-gradient(145deg, #f8f9fa, #e9ecef);\n            border-radius: 15px;\n            padding: 25px;\n            box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n            transition: transform 0.3s ease;\n        }\n\n        .group-card:hover {\n            transform: translateY(-5px);\n        }\n\n        .group-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 20px;\n        }\n\n        .group-title {\n            font-size: 1.4em;\n            font-weight: 700;\n            color: #667eea;\n        }\n\n        .group-score {\n            background: #667eea;\n            color: white;\n            padding: 8px 15px;\n            border-radius: 20px;\n            font-weight: 600;\n        }\n\n        .student-list {\n            list-style: none;\n        }\n\n        .student-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 10px 0;\n            border-bottom: 1px solid #dee2e6;\n        }\n\n        .student-item:last-child {\n            border-bottom: none;\n        }\n\n        .student-name {\n            font-weight: 600;\n        }\n\n        .student-interest {\n            background: #28a745;\n            color: white;\n            padding: 4px 8px;\n            border-radius: 10px;\n            font-size: 0.8em;\n        }\n\n        .student-interest.soccer {\n            background: #dc3545;\n        }\n\n        .student-interest.code {\n            background: #007bff;\n        }\n\n        .student-interest.both {\n            background: #6f42c1;\n        }\n\n        .recommendations {\n            background: linear-gradient(145deg, #28a745, #20c997);\n            color: white;\n            padding: 25px;\n            border-radius: 15px;\n            margin-top: 30px;\n        }\n\n        .recommendations h3 {\n            margin-bottom: 15px;\n            font-size: 1.5em;\n        }\n\n        .recommendation-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            margin-top: 20px;\n        }\n\n        .recommendation-item {\n            background: rgba(255,255,255,0.2);\n            padding: 15px;\n            border-radius: 10px;\n            backdrop-filter: blur(5px);\n        }\n\n        .individual-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 25px;\n        }\n\n        .student-card {\n            background: white;\n            border-radius: 15px;\n            padding: 25px;\n            box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n            border-left: 5px solid #667eea;\n            transition: transform 0.3s ease;\n        }\n\n        .student-card:hover {\n            transform: translateY(-3px);\n        }\n\n        .student-card.excellent {\n            border-left-color: #28a745;\n        }\n\n        .student-card.good {\n            border-left-color: #007bff;\n        }\n\n        .student-card.average {\n            border-left-color: #ffc107;\n        }\n\n        .student-card.developing {\n            border-left-color: #fd7e14;\n        }\n\n        .student-header {\n            display: flex;\n            align-items: center;\n            margin-bottom: 20px;\n        }\n\n        .student-avatar {\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            background: linear-gradient(145deg, #667eea, #764ba2);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: 700;\n            font-size: 1.2em;\n            margin-right: 15px;\n            overflow: hidden;\n            border: 3px solid #fff;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n        }\n\n        .student-avatar img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            border-radius: 50%;\n        }\n\n        .student-info h3 {\n            font-size: 1.3em;\n            margin-bottom: 5px;\n        }\n\n        .student-level {\n            padding: 4px 12px;\n            border-radius: 15px;\n            font-size: 0.9em;\n            font-weight: 600;\n        }\n\n        .level-excellent {\n            background: #d4edda;\n            color: #155724;\n        }\n\n        .level-good {\n            background: #cce5ff;\n            color: #004085;\n        }\n\n        .level-average {\n            background: #fff3cd;\n            color: #856404;\n        }\n\n        .level-developing {\n            background: #ffe6cc;\n            color: #8b4513;\n        }\n\n        .skills-section {\n            margin-top: 20px;\n        }\n\n        .skill-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 12px;\n        }\n\n        .skill-name {\n            font-weight: 600;\n            flex: 1;\n        }\n\n        .skill-bar {\n            flex: 2;\n            height: 8px;\n            background: #e9ecef;\n            border-radius: 4px;\n            margin: 0 15px;\n            overflow: hidden;\n        }\n\n        .skill-progress {\n            height: 100%;\n            background: linear-gradient(90deg, #667eea, #764ba2);\n            border-radius: 4px;\n            transition: width 0.5s ease;\n        }\n\n        .skill-score {\n            font-weight: 700;\n            color: #667eea;\n            min-width: 40px;\n            text-align: right;\n        }\n\n        .analysis-text {\n            background: #f8f9fa;\n            padding: 15px;\n            border-radius: 10px;\n            margin-top: 15px;\n            font-style: italic;\n            border-left: 4px solid #667eea;\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        .stat-card {\n            background: linear-gradient(145deg, #667eea, #764ba2);\n            color: white;\n            padding: 20px;\n            border-radius: 15px;\n            text-align: center;\n        }\n\n        .stat-number {\n            font-size: 2em;\n            font-weight: 700;\n            margin-bottom: 5px;\n        }\n\n        .stat-label {\n            font-size: 0.9em;\n            opacity: 0.9;\n        }\n\n        @media (max-width: 768px) {\n            .container {\n                padding: 10px;\n            }\n\n            .header h1 {\n                font-size: 1.8em;\n            }\n\n            .tabs {\n                flex-direction: column;\n            }\n\n            .overview-grid,\n            .individual-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .stats-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        .legend {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            margin-bottom: 20px;\n            flex-wrap: wrap;\n        }\n\n        .legend-item {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .legend-color {\n            width: 20px;\n            height: 20px;\n            border-radius: 4px;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"header\">\n            <h1>\ud83d\ude81 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/h1>\n            <p>\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e42\u0e14\u0e23\u0e19 DroneSkill SKR – \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 2 \u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21 2025<\/p>\n        <\/div>\n\n        <div class=\"tabs\">\n            <button class=\"tab active\" onclick=\"showTab('overview')\">\ud83d\udcca \u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a<\/button>\n            <button class=\"tab\" onclick=\"showTab('individual')\">\ud83d\udc65 \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e23\u0e32\u0e22\u0e1a\u0e38\u0e04\u0e04\u0e25<\/button>\n        <\/div>\n\n        <div id=\"overview\" class=\"tab-content active\">\n            <div class=\"stats-grid\">\n                <div class=\"stat-card\">\n                    <div class=\"stat-number\">16<\/div>\n                    <div class=\"stat-label\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/div>\n                <\/div>\n                <div class=\"stat-card\">\n                    <div class=\"stat-number\">4<\/div>\n                    <div class=\"stat-label\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a<\/div>\n                <\/div>\n                <div class=\"stat-card\">\n                    <div class=\"stat-number\">109,106<\/div>\n                    <div class=\"stat-label\">\u0e04\u0e30\u0e41\u0e19\u0e19\u0e23\u0e27\u0e21 Tello EDU<\/div>\n                <\/div>\n                <div class=\"stat-card\">\n                    <div class=\"stat-number\">13<\/div>\n                    <div class=\"stat-label\">\u0e23\u0e2d\u0e1a\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 X-round<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"overview-grid\">\n                <div class=\"group-card\">\n                    <div class=\"group-header\">\n                        <div class=\"group-title\">\u0e01\u0e25\u0e38\u0e48\u0e21 1<\/div>\n                        <div class=\"group-score\">24,156<\/div>\n                    <\/div>\n                    <ul class=\"student-list\">\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Tonnam<\/span>\n                            <span class=\"student-interest soccer\">Soccer<\/span>\n                        <\/li>\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Nam<\/span>\n                            <span class=\"student-interest both\">Both<\/span>\n                        <\/li>\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Gump<\/span>\n                            <span class=\"student-interest both\">Both<\/span>\n                        <\/li>\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Anpan<\/span>\n                            <span class=\"student-interest both\">Both<\/span>\n                        <\/li>\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Nicha<\/span>\n                            <span class=\"student-interest soccer\">Soccer<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"group-card\">\n                    <div class=\"group-header\">\n                        <div class=\"group-title\">\u0e01\u0e25\u0e38\u0e48\u0e21 2<\/div>\n                        <div class=\"group-score\">21,863<\/div>\n                    <\/div>\n                    <ul class=\"student-list\">\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Fusion<\/span>\n                            <span class=\"student-interest both\">Both<\/span>\n                        <\/li>\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Gift<\/span>\n                            <span class=\"student-interest soccer\">Soccer<\/span>\n                        <\/li>\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Tutor<\/span>\n                            <span class=\"student-interest soccer\">Soccer<\/span>\n                        <\/li>\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Alisa<\/span>\n                            <span class=\"student-interest soccer\">Soccer<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"group-card\">\n                    <div class=\"group-header\">\n                        <div class=\"group-title\">\u0e01\u0e25\u0e38\u0e48\u0e21 3<\/div>\n                        <div class=\"group-score\">31,504<\/div>\n                    <\/div>\n                    <ul class=\"student-list\">\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Orca<\/span>\n                            <span class=\"student-interest both\">Both<\/span>\n                        <\/li>\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Pooh<\/span>\n                            <span class=\"student-interest both\">Both<\/span>\n                        <\/li>\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Diamond<\/span>\n                            <span class=\"student-interest both\">Both<\/span>\n                        <\/li>\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Thank<\/span>\n                            <span class=\"student-interest both\">Both<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"group-card\">\n                    <div class=\"group-header\">\n                        <div class=\"group-title\">\u0e01\u0e25\u0e38\u0e48\u0e21 4<\/div>\n                        <div class=\"group-score\">31,583<\/div>\n                    <\/div>\n                    <ul class=\"student-list\">\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Peak<\/span>\n                            <span class=\"student-interest both\">Both<\/span>\n                        <\/li>\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Title<\/span>\n                            <span class=\"student-interest both\">Both<\/span>\n                        <\/li>\n                        <li class=\"student-item\">\n                            <span class=\"student-name\">Funk<\/span>\n                            <span class=\"student-interest code\">Code<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"recommendations\">\n                <h3>\ud83c\udfaf \u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e01\u0e32\u0e23\u0e04\u0e31\u0e14\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e17\u0e35\u0e21<\/h3>\n                <div class=\"recommendation-grid\">\n                    <div class=\"recommendation-item\">\n                        <h4>\ud83e\udd47 \u0e17\u0e35\u0e21 Drone Coding<\/h4>\n                        <p><strong>\u0e41\u0e19\u0e30\u0e19\u0e33:<\/strong> Fusion, Thank, Gump, Title<\/p>\n                        <p>\u0e21\u0e35\u0e04\u0e30\u0e41\u0e19\u0e19 Quiz \u0e2a\u0e39\u0e07 \u0e41\u0e25\u0e30\u0e17\u0e31\u0e01\u0e29\u0e30 Critical Thinking \u0e14\u0e35<\/p>\n                    <\/div>\n                    <div class=\"recommendation-item\">\n                        <h4>\u26bd \u0e17\u0e35\u0e21 Drone Soccer<\/h4>\n                        <p><strong>\u0e41\u0e19\u0e30\u0e19\u0e33:<\/strong> Funk, Tonnam, Pooh, Diamond<\/p>\n                        <p>\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e41\u0e25\u0e30\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21<\/p>\n                    <\/div>\n                    <div class=\"recommendation-item\">\n                        <h4>\ud83c\udfc6 \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/h4>\n                        <p><strong>Top 3:<\/strong> Fusion (13 \u0e23\u0e2d\u0e1a), Funk (12 \u0e23\u0e2d\u0e1a), Gump (11 \u0e23\u0e2d\u0e1a)<\/p>\n                        <p>\u0e04\u0e27\u0e23\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e43\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e2d\u0e07\u0e2a\u0e32\u0e02\u0e32<\/p>\n                    <\/div>\n                    <div class=\"recommendation-item\">\n                        <h4>\ud83d\udcc8 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32<\/h4>\n                        <p><strong>\u0e15\u0e49\u0e2d\u0e07\u0e1d\u0e36\u0e01\u0e40\u0e1e\u0e34\u0e48\u0e21:<\/strong> Gift, Tutor, Peak<\/p>\n                        <p>\u0e04\u0e27\u0e23\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"individual\" class=\"tab-content\">\n            <div class=\"legend\">\n                <div class=\"legend-item\">\n                    <div class=\"legend-color\" style=\"background: #28a745;\"><\/div>\n                    <span>\ud83d\udfe2 Excellent (\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21)<\/span>\n                <\/div>\n                <div class=\"legend-item\">\n                    <div class=\"legend-color\" style=\"background: #007bff;\"><\/div>\n                    <span>\ud83d\udd35 Good (\u0e14\u0e35)<\/span>\n                <\/div>\n                <div class=\"legend-item\">\n                    <div class=\"legend-color\" style=\"background: #ffc107;\"><\/div>\n                    <span>\ud83d\udfe1 Average (\u0e1b\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07)<\/span>\n                <\/div>\n                <div class=\"legend-item\">\n                    <div class=\"legend-color\" style=\"background: #fd7e14;\"><\/div>\n                    <span>\ud83d\udfe0 Developing (\u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32)<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"individual-grid\">\n                <!-- Excellent Level Students -->\n                <div class=\"student-card excellent\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">FU<\/div>\n                        <div class=\"student-info\">\n                            <h3>Fusion<\/h3>\n                            <span class=\"student-level level-excellent\">\ud83d\udfe2 Excellent<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n                            <span class=\"skill-score\">4\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n                            <span class=\"skill-score\">13<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 60%;\"><\/div><\/div>\n                            <span class=\"skill-score\">3<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19 Drone Coding \u0e14\u0e49\u0e27\u0e22\u0e04\u0e30\u0e41\u0e19\u0e19 Quiz \u0e40\u0e15\u0e47\u0e21 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e21 Coding\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card excellent\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22\u0e2a\u0e34\u0e1b\u0e1b\u0e20\u0e32\u0e2a-\u0e43\u0e08\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e01\u0e38\u0e25\u0e1f\u0e31\u0e07\u0e01\u0e4c.jpg\" alt=\"Funk\">\n                        <\/div>\n                        <div class=\"student-info\">\n                            <h3>Funk<\/h3>\n                            <span class=\"student-level level-excellent\">\ud83d\udfe2 Excellent<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n                            <span class=\"skill-score\">1\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 92%;\"><\/div><\/div>\n                            <span class=\"skill-score\">12<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 20%;\"><\/div><\/div>\n                            <span class=\"skill-score\">1<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n                            <span class=\"skill-score\">3<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e40\u0e1b\u0e47\u0e19\u0e19\u0e31\u0e01\u0e1a\u0e34\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07\u0e21\u0e32\u0e01 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19 Drone Soccer \u0e41\u0e15\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e49\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card good\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e14.\u0e0a.\u0e17\u0e0a\u0e20\u0e13-\u0e1e\u0e23\u0e23\u0e13\u0e1a\u0e31\u0e27.jpg\" alt=\"Gump\">\n                        <\/div>\n                        <div class=\"student-info\">\n                            <h3>Gump<\/h3>\n                            <span class=\"student-level level-good\">\ud83d\udd35 Good<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n                            <span class=\"skill-score\">2\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 85%;\"><\/div><\/div>\n                            <span class=\"skill-score\">11<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n                            <span class=\"skill-score\">5<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n                            <span class=\"skill-score\">3<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n                            <span class=\"skill-score\">5<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e17\u0e35\u0e48\u0e14\u0e35 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e31\u0e49\u0e07 Coding \u0e41\u0e25\u0e30 Soccer \u0e04\u0e27\u0e23\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e43\u0e19\u0e17\u0e35\u0e21\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card good\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">TH<\/div>\n                        <div class=\"student-info\">\n                            <h3>Thank<\/h3>\n                            <span class=\"student-level level-good\">\ud83d\udd35 Good<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n                            <span class=\"skill-score\">2\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 69%;\"><\/div><\/div>\n                            <span class=\"skill-score\">9<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n                            <span class=\"skill-score\">5<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n                            <span class=\"skill-score\">3<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19 8-Shape \u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21 \u0e41\u0e25\u0e30\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e04\u0e34\u0e14\u0e40\u0e0a\u0e34\u0e07\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e14\u0e35 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e35\u0e21 Coding\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card good\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22\u0e2d\u0e19\u0e31\u0e19\u0e15\u0e2a\u0e34\u0e19-\u0e40\u0e17\u0e35\u0e22\u0e27\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e15\u0e49\u0e19\u0e19\u0e49\u0e33.jpg\" alt=\"Tonnam\">\n                        <\/div>\n                        <div class=\"student-info\">\n                            <h3>Tonnam<\/h3>\n                            <span class=\"student-level level-good\">\ud83d\udd35 Good<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 75%;\"><\/div><\/div>\n                            <span class=\"skill-score\">3\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 77%;\"><\/div><\/div>\n                            <span class=\"skill-score\">10<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 80%;\"><\/div><\/div>\n                            <span class=\"skill-score\">4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 17%;\"><\/div><\/div>\n                            <span class=\"skill-score\">1<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n                            <span class=\"skill-score\">5<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19 Soccer \u0e41\u0e25\u0e30\u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e17\u0e35\u0e48\u0e14\u0e35 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19 Drone Soccer \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card good\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22\u0e20\u0e39\u0e27\u0e2a\u0e34\u0e29\u0e0f\u0e4c-\u0e40\u0e04\u0e35\u0e22\u0e07\u0e41\u0e01\u0e49\u0e27.jpg\" alt=\"Pooh\">\n                        <\/div>\n                        <div class=\"student-info\">\n                            <h3>Pooh<\/h3>\n                            <span class=\"student-level level-good\">\ud83d\udd35 Good<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 75%;\"><\/div><\/div>\n                            <span class=\"skill-score\">3\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 69%;\"><\/div><\/div>\n                            <span class=\"skill-score\">9<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 80%;\"><\/div><\/div>\n                            <span class=\"skill-score\">4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 33%;\"><\/div><\/div>\n                            <span class=\"skill-score\">2<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e30\u0e41\u0e19\u0e19 Quiz \u0e2a\u0e39\u0e07\u0e41\u0e25\u0e30\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e14\u0e35 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e35\u0e21 Coding \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e31\u0e27\u0e2a\u0e33\u0e23\u0e2d\u0e07\u0e43\u0e19\u0e17\u0e35\u0e21 Soccer\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card good\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22-\u0e27\u0e38\u0e12\u0e34\u0e20\u0e31\u0e17\u0e23-\u0e40\u0e08\u0e23\u0e34\u0e0d\u0e2a\u0e38\u0e02.jpg\" alt=\"Diamond\">\n                        <\/div>\n                        <div class=\"student-info\">\n                            <h3>Diamond<\/h3>\n                            <span class=\"student-level level-good\">\ud83d\udd35 Good<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n                            <span class=\"skill-score\">1\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 62%;\"><\/div><\/div>\n                            <span class=\"skill-score\">8<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 80%;\"><\/div><\/div>\n                            <span class=\"skill-score\">4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 33%;\"><\/div><\/div>\n                            <span class=\"skill-score\">2<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19 8-Shape \u0e17\u0e35\u0e48\u0e14\u0e35 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19 Soccer \u0e41\u0e15\u0e48\u0e04\u0e27\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e49\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card average\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22\u0e18\u0e35\u0e23\u0e4c\u0e19\u0e34\u0e1b\u0e38\u0e13-\u0e0a\u0e31\u0e22\u0e2d\u0e21\u0e24\u0e15\u0e44\u0e15\u0e40\u0e15\u0e34\u0e49\u0e25.jpg\" alt=\"Title\">\n                        <\/div>\n                        <div class=\"student-info\">\n                            <h3>Title<\/h3>\n                            <span class=\"student-level level-average\">\ud83d\udfe1 Average<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n                            <span class=\"skill-score\">1\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 54%;\"><\/div><\/div>\n                            <span class=\"skill-score\">7<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 100%;\"><\/div><\/div>\n                            <span class=\"skill-score\">6<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30 Critical Thinking \u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e41\u0e2a\u0e14\u0e07\u0e27\u0e48\u0e32\u0e21\u0e35\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e49\u0e14 \u0e04\u0e27\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card average\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e25\u0e34\u0e2a\u0e32-\u0e27\u0e23\u0e18\u0e19\u0e32\u0e19\u0e38\u0e27\u0e07\u0e28\u0e4c.jpg\" alt=\"Alisa\">\n                        <\/div>\n                        <div class=\"student-info\">\n                            <h3>Alisa<\/h3>\n                            <span class=\"student-level level-average\">\ud83d\udfe1 Average<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n                            <span class=\"skill-score\">1\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 54%;\"><\/div><\/div>\n                            <span class=\"skill-score\">7<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19 Soccer \u0e41\u0e25\u0e30\u0e21\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e17\u0e35\u0e48\u0e14\u0e35 \u0e04\u0e27\u0e23\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e1d\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card average\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27-\u0e27\u0e34\u0e0a\u0e0d\u0e32\u0e1e\u0e23-\u0e41\u0e0b\u0e48\u0e2e\u0e39\u0e49\u0e15\u0e49\u0e19\u0e19\u0e49\u0e33.jpg\" alt=\"Nam\">\n                        <\/div>\n                        <div class=\"student-info\">\n                            <h3>Nam<\/h3>\n                            <span class=\"student-level level-average\">\ud83d\udfe1 Average<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 54%;\"><\/div><\/div>\n                            <span class=\"skill-score\">7<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 17%;\"><\/div><\/div>\n                            <span class=\"skill-score\">1<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e14\u0e49\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 \u0e41\u0e15\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19 Both \u0e41\u0e25\u0e30\u0e21\u0e35\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card average\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">AN<\/div>\n                        <div class=\"student-info\">\n                            <h3>Anpan<\/h3>\n                            <span class=\"student-level level-average\">\ud83d\udfe1 Average<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n                            <span class=\"skill-score\">2\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 46%;\"><\/div><\/div>\n                            <span class=\"skill-score\">6<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e30\u0e41\u0e19\u0e19 Quiz \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07 \u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 \u0e04\u0e27\u0e23\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card average\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e14.\u0e0d.\u0e13\u0e31\u0e10\u0e19\u0e31\u0e19\u0e17\u0e4c-\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e19\u0e31\u0e19\u0e15\u0e4c\u0e0a\u0e31\u0e22\u0e13\u0e34\u0e0a\u0e32.jpg\" alt=\"Nicha\">\n                        <\/div>\n                        <div class=\"student-info\">\n                            <h3>Nicha<\/h3>\n                            <span class=\"student-level level-average\">\ud83d\udfe1 Average<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n                            <span class=\"skill-score\">1\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 46%;\"><\/div><\/div>\n                            <span class=\"skill-score\">6<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 33%;\"><\/div><\/div>\n                            <span class=\"skill-score\">2<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19 Soccer \u0e41\u0e25\u0e30\u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e04\u0e34\u0e14\u0e40\u0e0a\u0e34\u0e07\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07 \u0e04\u0e27\u0e23\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card average\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">OR<\/div>\n                        <div class=\"student-info\">\n                            <h3>Orca<\/h3>\n                            <span class=\"student-level level-average\">\ud83d\udfe1 Average<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n                            <span class=\"skill-score\">2\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 38%;\"><\/div><\/div>\n                            <span class=\"skill-score\">5<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 67%;\"><\/div><\/div>\n                            <span class=\"skill-score\">4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30 Critical Thinking \u0e2a\u0e39\u0e07 \u0e41\u0e2a\u0e14\u0e07\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e14\u0e49\u0e32\u0e19 Coding \u0e41\u0e15\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card developing\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22-\u0e1e\u0e2a\u0e34\u0e29\u0e10\u0e4c-\u0e1e\u0e34\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c.jpg\" alt=\"Peak\">\n                        <\/div>\n                        <div class=\"student-info\">\n                            <h3>Peak<\/h3>\n                            <span class=\"student-level level-developing\">\ud83d\udfe0 Developing<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 50%;\"><\/div><\/div>\n                            <span class=\"skill-score\">2\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 31%;\"><\/div><\/div>\n                            <span class=\"skill-score\">4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e14\u0e35 \u0e41\u0e15\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u0e04\u0e27\u0e23\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e41\u0e25\u0e30\u0e1d\u0e36\u0e01\u0e1d\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card developing\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">TU<\/div>\n                        <div class=\"student-info\">\n                            <h3>Tutor<\/h3>\n                            <span class=\"student-level level-developing\">\ud83d\udfe0 Developing<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n                            <span class=\"skill-score\">1\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 31%;\"><\/div><\/div>\n                            <span class=\"skill-score\">4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19 Soccer \u0e04\u0e27\u0e23\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e1d\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\n                    <\/div>\n                <\/div>\n\n                <div class=\"student-card developing\">\n                    <div class=\"student-header\">\n                        <div class=\"student-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/07\/\u0e14.\u0e0d.\u0e19\u0e31\u0e17\u0e18\u0e21\u0e19-\u0e40\u0e19\u0e15\u0e23\u0e2a\u0e38\u0e27\u0e23\u0e23\u0e13.jpg\" alt=\"Gift\">\n                        <\/div>\n                        <div class=\"student-info\">\n                            <h3>Gift<\/h3>\n                            <span class=\"student-level level-developing\">\ud83d\udfe0 Developing<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"skills-section\">\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Quiz Score<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 25%;\"><\/div><\/div>\n                            <span class=\"skill-score\">1\/4<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">X-Round<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 23%;\"><\/div><\/div>\n                            <span class=\"skill-score\">3<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">8-Shape<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Critical Think<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                        <div class=\"skill-item\">\n                            <span class=\"skill-name\">Brushless 8<\/span>\n                            <div class=\"skill-bar\"><div class=\"skill-progress\" style=\"width: 0%;\"><\/div><\/div>\n                            <span class=\"skill-score\">0<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"analysis-text\">\n                        <strong>\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/strong> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e43\u0e19 Soccer \u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e27\u0e25\u0e32\u0e1d\u0e36\u0e01\u0e17\u0e31\u0e01\u0e29\u0e30\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e17\u0e31\u0e49\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e34\u0e19\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        function showTab(tabName) {\n            \/\/ Hide all tab contents\n            const tabContents = document.querySelectorAll('.tab-content');\n            tabContents.forEach(content => {\n                content.classList.remove('active');\n            });\n\n            \/\/ Remove active class from all tabs\n            const tabs = document.querySelectorAll('.tab');\n            tabs.forEach(tab => {\n                tab.classList.remove('active');\n            });\n\n            \/\/ Show selected tab content\n            document.getElementById(tabName).classList.add('active');\n\n            \/\/ Add active class to clicked tab\n            event.target.classList.add('active');\n        }\n\n        \/\/ Add smooth animations for skill bars\n        document.addEventListener('DOMContentLoaded', function() {\n            const skillBars = document.querySelectorAll('.skill-progress');\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.style.animation = 'fillBar 1s ease-out';\n                    }\n                });\n            });\n\n            skillBars.forEach(bar => {\n                observer.observe(bar);\n            });\n        });\n\n        \/\/ Add CSS animation\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes fillBar {\n                from { width: 0; }\n                to { width: var(--target-width); }\n            }\n        `;\n        document.head.appendChild(style);\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e27\u0e19\u0e01\u0e38\u0e2b\u0e25\u0e32\u0e1a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e31\u0e07\u0e2a\u0e34\u0e15 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 – \u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e42\u0e14\u0e23\u0e19 DroneSkill SKR \ud83d\ude81 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e42\u0e14\u0e23\u0e19 DroneSkill SKR – \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 2 \u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21 2025 \ud83d\udcca \u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a \ud83d\udc65 \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e23\u0e32\u0e22\u0e1a\u0e38\u0e04\u0e04\u0e25 16 \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 4 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a 109,106 \u0e04\u0e30\u0e41\u0e19\u0e19\u0e23\u0e27\u0e21 Tello EDU 13 \u0e23\u0e2d\u0e1a\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 X-round \u0e01\u0e25\u0e38\u0e48\u0e21 1 24,156 Tonnam Soccer Nam Both Gump Both<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8205","page","type-page","status-publish","hentry"],"acf":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Teerachai Lertpanikul","author_link":"https:\/\/droneth.or.th\/ja\/author\/adminnu\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e27\u0e19\u0e01\u0e38\u0e2b\u0e25\u0e32\u0e1a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e31\u0e07\u0e2a\u0e34\u0e15 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 – \u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e42\u0e14\u0e23\u0e19 DroneSkill SKR \ud83d\ude81 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e42\u0e14\u0e23\u0e19 DroneSkill SKR – \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 2 \u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21 2025 \ud83d\udcca \u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a \ud83d\udc65 \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e23\u0e32\u0e22\u0e1a\u0e38\u0e04\u0e04\u0e25 16 \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 4 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a 109,106 \u0e04\u0e30\u0e41\u0e19\u0e19\u0e23\u0e27\u0e21 Tello EDU 13 \u0e23\u0e2d\u0e1a\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 X-round \u0e01\u0e25\u0e38\u0e48\u0e21 1 24,156 Tonnam Soccer Nam Both Gump Both","_links":{"self":[{"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/pages\/8205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/comments?post=8205"}],"version-history":[{"count":0,"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/pages\/8205\/revisions"}],"wp:attachment":[{"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/media?parent=8205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}