// GoHighLevel Form Submission Tracking Script
// Add this to your WordPress site

(function() {
    // Wait for the page to fully load
    document.addEventListener('DOMContentLoaded', function() {
        console.log('GHL Tracking Script Loaded');
        
        // Listen for messages from iframes
        window.addEventListener('message', function(e) {
            // Check if message is from GHL iframe
            if (e.origin && e.origin.includes('leadconnectorhq.com')) {
                console.log('Message received from GHL form');
            }
            
            // Parse the message data
            if (e.data && typeof e.data === 'string') {
                try {
                    var data = JSON.parse(e.data);
                    
                    // Check for form submission confirmation
                    if (data.type === 'form-submitted' || 
                        data.event === 'form_submission' || 
                        data.action === 'formSubmitted') {
                        
                        // Push event to dataLayer for GTM
                        window.dataLayer = window.dataLayer || [];
                        window.dataLayer.push({
                            'event': 'ghl_form_submit',
                            'form_name': data.formName || 'GHL Form',
                            'form_id': data.formId || 'unknown'
                        });
                        
                        console.log('GHL Form Submitted - Event pushed to dataLayer');
                    }
                } catch(err) {
                    // Not JSON, ignore
                }
            }
        });
        
        // Also intercept fetch requests to leadconnectorhq
        var originalFetch = window.fetch;
        window.fetch = function() {
            var url = arguments[0];
            
            return originalFetch.apply(this, arguments)
                .then(function(response) {
                    // Check if this is a form submission
                    if (typeof url === 'string' && 
                        url.includes('leadconnectorhq.com') && 
                        response.ok) {
                        
                        // Push to dataLayer
                        window.dataLayer = window.dataLayer || [];
                        window.dataLayer.push({
                            'event': 'ghl_form_submit',
                            'form_name': 'GHL Form - AJAX',
                            'submission_url': url
                        });
                        
                        console.log('GHL Form Submitted via AJAX');
                    }
                    
                    return response;
                });
        };
    });
})();