// Xử lý menu responsive const navbarToggle = document.getElementById('navbarToggle'); const navbarMenu = document.getElementById('navbarMenu'); if (navbarToggle && navbarMenu) { navbarToggle.addEventListener('click', () => { navbarMenu.classList.toggle('active'); }); // Đóng menu khi click ra ngoài (mobile) document.addEventListener('click', (e) => { if (!navbarMenu.contains(e.target) && !navbarToggle.contains(e.target)) { navbarMenu.classList.remove('active'); } }); } // Hiệu ứng cuộn mượt khi click menu const navLinks = document.querySelectorAll('.nav-link[href^="#"]'); navLinks.forEach(link => { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) { window.scrollTo({ top: target.offsetTop - 80, behavior: 'smooth' }); } navbarMenu.classList.remove('active'); }); }); // Xử lý gửi form tư vấn Tokutei Ginou document.addEventListener('DOMContentLoaded', function() { const contactForm = document.getElementById('contactForm'); if (contactForm) { contactForm.addEventListener('submit', function(e) { e.preventDefault(); const formData = new FormData(contactForm); fetch('/public_html/modules/contact.php', { method: 'POST', body: formData }) .then(res => res.json()) .then(data => { alert(data.message); if (data.success) contactForm.reset(); }) .catch(() => { alert('Có lỗi xảy ra.'); }); }); } }); // Hàm lấy tên khóa học function getCourseName(courseValue) { const courseNames = { 'tokutei1': 'Tokutei Ginou Loại 1', 'tokutei2': 'Tokutei Ginou Loại 2', 'japanese': 'Luyện thi tiếng Nhật', 'skill': 'Thực hành kỹ năng' }; return courseNames[courseValue] || courseValue; } // Hiệu ứng scroll cho industries grid const industryItems = document.querySelectorAll('.industry-item'); if (industryItems.length > 0) { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0)'; } }); }, { threshold: 0.1 }); industryItems.forEach(item => { item.style.opacity = '0'; item.style.transform = 'translateY(20px)'; item.style.transition = 'opacity 0.6s ease, transform 0.6s ease'; observer.observe(item); }); }