@if (!app()->environment('local'))
    <!-- Facebook Pixel Code -->
    <script>
        ! function(f, b, e, v, n, t, s) {
            if (f.fbq)
                return;
            n = f.fbq = function() {
                n.callMethod ?
                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq)
                f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = '2.0';
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window, document, 'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '{{ config('services.facebook.web.pixel_id') }}');
        fbq('track', 'PageView', {});
    </script>
    <noscript>
        <img height="1" width="1"
            src="https://www.facebook.com/tr?id={{ config('services.facebook.web.pixel_id') }}&ev=PageView&noscript=1" />
    </noscript>
    <!-- End Facebook Pixel Code -->

    <script src="{{ asset('assets/facebook-tracking.js') }}"></script>
@endif

<script>
    function dispatchFacebookTracking(config) {
        if (typeof FacebookTracker === 'undefined' || !FacebookTracker.isAvailable()) {
            console.warn('Facebook Pixel not available');
            if (typeof FB_TRACKING_CONFIG !== 'undefined' && FB_TRACKING_CONFIG.debug) {
                console.log('Facebook Tracker State:', FacebookTracker.getState());
            }
            return;
        }

        const {
            type = 'custom',
                eventName = '',
                eventId = '',
                email = '',
                externalId = '',
                value = null,
                currency = null,
                params = {}
        } = config;

        switch (type) {
            case 'lead':
                trackLead(eventId, email, externalId);
                break;
            case 'purchase':
                trackPurchase(eventId, email, externalId, value, currency);
                break;
            case 'checkout':
                trackInitiateCheckout(eventId, email, externalId, value, currency);
                break;
            case 'custom':
            default:
                trackCustomEvent(eventName, params);
        }
    }
</script>