// Visa Pathfinder GPT Page JavaScript

let formSubmitted = false;

// Handle form submission
function handleFormSubmit(event) {
    event.preventDefault();
    
    if (formSubmitted) return;
    formSubmitted = true;
    
    const form = document.getElementById('visa-pathfinder-form');
    const submitBtn = document.getElementById('submit-btn');
    
    if (!form || !submitBtn) return;
    
    // Disable button to prevent double submission
    submitBtn.disabled = true;
    submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin mr-3"></i>Opening GPT...';
    
    // Submit form to Kit in hidden iframe
    form.submit();
    
    // Open GPT in new tab immediately
    window.open('https://chatgpt.com/g/g-6893dcb75fec8191b93867579ab19410-visa-pathfinder', '_blank');
    
    // Show success message
    setTimeout(() => {
        const formContainer = form.parentElement;
        if (formContainer) {
            formContainer.innerHTML = `
                <div class="text-center py-16 px-8">
                    <div class="w-20 h-20 bg-gradient-to-br from-green-100 to-green-200 rounded-full flex items-center justify-center mx-auto mb-6 shadow-lg">
                        <i class="fas fa-check text-green-600 text-3xl"></i>
                    </div>
                    <h3 class="text-2xl font-bold text-gray-900 mb-3">Success! 🎉</h3>
                    <p class="text-gray-600 mb-2 text-lg">Your access has been granted!</p>
                    <p class="text-gray-500 mb-8 text-sm">The Visa Pathfinder GPT should now be open in a new tab.</p>
                    
                    <div class="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-xl p-6 mb-6 border border-blue-100">
                        <p class="text-sm text-gray-600 mb-4">
                            <strong>Next Steps:</strong><br>
                            1. Check your new tab for the Visa Pathfinder GPT<br>
                            2. Start by telling it your passport country and destination<br>
                            3. Get personalized visa requirements and advice
                        </p>
                    </div>
                    
                    <a href="https://chatgpt.com/g/g-6893dcb75fec8191b93867579ab19410-visa-pathfinder" target="_blank" 
                       class="inline-flex items-center px-8 py-4 bg-gradient-to-r from-blue-600 to-blue-700 text-white rounded-lg font-semibold hover:from-blue-700 hover:to-blue-800 transition-all duration-300 transform hover:scale-105 shadow-lg">
                        <i class="fas fa-external-link-alt mr-3"></i>
                        Open Visa Pathfinder GPT Again
                    </a>
                    
                    <p class="text-xs text-gray-400 mt-6">
                        Having trouble? Check that popup blockers are disabled.
                    </p>
                </div>
            `;
        }
    }, 1000);
}

// Initialize the page
function init() {
    console.log('Visa Pathfinder page initialized');
    
    // Add form submit handler
    const form = document.getElementById('visa-pathfinder-form');
    if (form) {
        form.addEventListener('submit', handleFormSubmit);
    }
    
    // Add smooth scrolling for internal links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            const target = document.querySelector(this.getAttribute('href'));
            if (target) {
                target.scrollIntoView({
                    behavior: 'smooth',
                    block: 'start'
                });
            }
        });
    });
}

// Cleanup function
function teardown() {
    const form = document.getElementById('visa-pathfinder-form');
    if (form) {
        form.removeEventListener('submit', handleFormSubmit);
    }
    formSubmitted = false;
}

// Export the required functions
export { init, teardown };