HTMLify

document.addEventListener('DOMContentLoaded', () => {
    // --- Enrollment Form Logic (Course Page) ---
    const enrollmentForm = document.getElementById('enrollmentForm');
    if (enrollmentForm) {
        enrollmentForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            const nameInput = document.getElementById('name').value;
            const emailInput = document.getElementById('email').value;

            console.log(`Enrollment Submitted for: ${nameInput} (${emailInput})`);

            // Simple success feedback
            alert(`Thank you, ${nameInput}! Your request for enrollment has been processed. We will contact you at ${emailInput} shortly with payment details.`);
            
            // Hide form after submission
            document.getElementById('enrollForm').style.display = 'none';
            enrollmentForm.reset();
        });
    }

    // --- Simple Anchor Smooth Scrolling (for better UX across pages) ---
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            if (this.getAttribute('href') !== "#") {
                e.preventDefault();
                const targetId = this.getAttribute('href').substring(1);
                const targetElement = document.getElementById(targetId);
                
                // Check if target exists on the current page
                if (targetElement) {
                    window.scrollTo({
                        top: targetElement.offsetTop - 80, // Offset for fixed header
                        behavior: 'smooth'
                    });
                }
            }
        });
    });
});