Simple. Private. Yours.

// Event handling and API usage
const captcha = document.querySelector('captcha-element');

// Listen for verification events
captcha.addEventListener('verified', (event) => {
    const { verified, timeSpent, attempts, difficulty } = event.detail;
    console.log('Verification successful!', {
        verified,
        timeSpent: `${timeSpent}ms`,
        attempts,
        difficulty
    });

    // Proceed with form submission
    if (verified) {
        submitForm();
    }
});

// Listen for status changes
captcha.addEventListener('statuschange', (event) => {
    console.log('Status changed to:', event.detail.status);
    updateUI(event.detail.status);
});

// Listen for reset events
captcha.addEventListener('reset', () => {
    console.log('CAPTCHA reset - ready for new attempt');
    clearFormErrors();
});

// API Methods
console.log('Current status:', captcha.getStatus());
console.log('Is verified:', captcha.isValid());
console.log('Analytics data:', captcha.getAnalytics());

// Programmatic control
captcha.reset();                                    // Reset the challenge
captcha.setAttribute('difficulty', 'hard');        // Change difficulty
captcha.setAttribute('theme', 'dark');             // Switch theme
captcha.setAttribute('sound-enabled', 'false');    // Disable sounds
                        

// Advanced analytics integration
function handleCaptchaAnalytics() {
    const analytics = captcha.getAnalytics();

    // Send to your analytics service
    trackEvent('captcha_analytics', {
        success_rate: analytics.successRate,
        average_time: analytics.averageTime,
        total_attempts: analytics.totalAttempts,
        difficulty_distribution: analytics.difficultyCounts,
        accessibility_usage: analytics.audioModeUsage
    });

    // Update dashboard
    updateDashboard(analytics);
}

// Form integration example
function validateFormWithCaptcha() {
    const form = document.getElementById('signup-form');
    const captcha = document.querySelector('captcha-element');

    form.addEventListener('submit', (e) => {
        e.preventDefault();

        if (!captcha.isValid()) {
            showError('Please complete the security verification');
            captcha.focus(); // Accessibility-friendly focus
            return;
        }

        // Proceed with form submission
        const formData = new FormData(form);
        formData.append('captcha_verified', true);
        formData.append('captcha_token', captcha.getToken());

        submitForm(formData);
    });
}