{{--
    PostHog Event Tracking

    Sends custom events to PostHog:
    - $pageview: Page view with campaign_id
    - all_click: Click events with element identification

    Properties map to GA4 equivalents for consistency.
--}}
@if(config('analytics.drivers.posthog.api_key'))
<script>
    (function() {
        // Store landing website data for tracking
        window.landingWebsite = {
            id: {{ $landingWebsite->id }},
            suffix: {!! json_encode($suffix ?? null) !!}
        };

        // Send pageview with campaign context
        if (typeof posthog !== 'undefined') {
            posthog.capture('$pageview', {
                campaign_id: '{{ $landingWebsite->id }}',
                recipient_suffix: {!! json_encode($suffix ?? null) !!}
            });
        }

        // Click tracking - captures all clickable elements
        document.addEventListener('click', function(event) {
            if (typeof posthog === 'undefined') return;


            var target = event.target;
            var clickableElement = target.closest('a, button, [data-click-id], [role="button"]');

            if (!clickableElement) return;

            // Extract click identification
            var clickId = clickableElement.dataset?.clickId
                || clickableElement.id
                || clickableElement.getAttribute('data-gjs-type')
                || clickableElement.className?.split(' ')[0]
                || clickableElement.tagName.toLowerCase();

            var clickText = (clickableElement.innerText || clickableElement.getAttribute('aria-label') || '').substring(0, 100).trim();

            // Extract variable keys if present (for GrapesJS components with dynamic variables)
            var variableKeysStr = clickableElement.dataset?.variableKeys
                || clickableElement.closest('[data-variable-keys]')?.dataset?.variableKeys
                || null;
            var variableKeys = variableKeysStr ? variableKeysStr.split(',') : null;

            posthog.capture('all_click', {
                campaign_id: '{{ $landingWebsite->id }}',
                click_id: clickId,
                click_text: clickText,
                recipient_suffix: window.landingWebsite.suffix,
                variable_keys: variableKeys,
                element_tag: clickableElement.tagName.toLowerCase(),
                element_href: clickableElement.href || null
            });
        }, true);
    })();
</script>
@endif