@php

    $browserFacebookPixels =
        \App\Models\FacebookPixel::query()
            ->browserActive()
            ->pluck('dataset_id')
            ->filter()
            ->values();

    $browserTikTokPixels =
        \App\Models\TiktokPixel::query()
            ->browserActive()
            ->pluck('pixel_id')
            ->filter()
            ->values();

    $gaSetting =
        \App\Models\GoogleAnalyticsIntegration::current();

    $gaMeasurementId =
        optional($gaSetting)->is_browser_active
            ? trim((string) optional($gaSetting)->measurement_id)
            : '';

    $googleTags =
        \App\Models\GoogleTag::query()
            ->get()
            ->pluck('tag_id')
            ->map(
                fn ($id) =>
                    trim((string) $id)
            )
            ->filter()
            ->values();

    $domainVerification =
        \App\Models\FacebookDomainVerification::query()
            ->latest('id')
            ->value('meta_code');

    /*
     * Accept:
     * 1. raw verification token
     * 2. full <meta ... content="TOKEN">
     */
    $facebookVerificationToken =
        trim(
            (string)
            $domainVerification
        );

    if (
        preg_match(
            '/content=["\']([^"\']+)["\']/i',
            $facebookVerificationToken,
            $matches
        )
    ) {
        $facebookVerificationToken =
            trim(
                $matches[1]
            );
    }

@endphp


{{-- Facebook Domain Verification --}}

@if(filled($facebookVerificationToken))
    <meta
        name="facebook-domain-verification"
        content="{{ $facebookVerificationToken }}"
    >
@endif


<script>
window.NEB_MARKETING_CONFIG = {
    facebookPixels:
        @json($browserFacebookPixels),

    tiktokPixels:
        @json($browserTikTokPixels),

    gaMeasurementId:
        @json($gaMeasurementId),

    googleTags:
        @json($googleTags),

    currency:
        "BDT"
};
</script>


{{-- ================================================================
    META PIXEL
================================================================ --}}

@if($browserFacebookPixels->isNotEmpty())

<script>
(function (
    window,
    document
) {
    "use strict";

    if (!window.fbq) {

        var fbq =
            function () {
                if (
                    fbq.callMethod
                ) {
                    fbq.callMethod.apply(
                        fbq,
                        arguments
                    );
                } else {
                    fbq.queue.push(
                        arguments
                    );
                }
            };

        fbq.queue = [];
        fbq.loaded = true;
        fbq.version = "2.0";

        window.fbq = fbq;

        var script =
            document.createElement(
                "script"
            );

        script.async = true;

        script.src =
            "https://connect.facebook.net/en_US/fbevents.js";

        var firstScript =
            document.getElementsByTagName(
                "script"
            )[0];

        firstScript
            .parentNode
            .insertBefore(
                script,
                firstScript
            );
    }

    var pixels =
        window
            .NEB_MARKETING_CONFIG
            .facebookPixels
        || [];

    pixels.forEach(
        function (
            pixelId
        ) {
            window.fbq(
                "init",
                pixelId
            );
        }
    );

    window.fbq(
        "track",
        "PageView"
    );

})(
    window,
    document
);
</script>

@endif


{{-- ================================================================
    TIKTOK PIXEL
================================================================ --}}

@if($browserTikTokPixels->isNotEmpty())

<script>
(function (
    window,
    document
) {
    "use strict";

    var objectName =
        "ttq";

    window.TiktokAnalyticsObject =
        objectName;

    var ttq =
        window[objectName] =
            window[objectName]
            || [];

    var methods = [
        "page",
        "track",
        "identify",
        "instances",
        "debug",
        "on",
        "off",
        "once",
        "ready",
        "alias",
        "group",
        "enableCookie",
        "disableCookie"
    ];

    function defer(
        object,
        method
    ) {
        object[method] =
            function () {
                object.push(
                    [
                        method
                    ].concat(
                        Array.prototype
                            .slice
                            .call(
                                arguments,
                                0
                            )
                    )
                );
            };
    }

    methods.forEach(
        function (
            method
        ) {
            defer(
                ttq,
                method
            );
        }
    );

    ttq._i =
        ttq._i
        || {};

    ttq._t =
        ttq._t
        || {};

    ttq._o =
        ttq._o
        || {};

    ttq.load =
        ttq.load
        || function (
            pixelId,
            options
        ) {
            var source =
                "https://analytics.tiktok.com/i18n/pixel/events.js";

            ttq._i[
                pixelId
            ] = [];

            ttq._i[
                pixelId
            ]._u =
                source;

            ttq._t[
                pixelId
            ] =
                +new Date();

            ttq._o[
                pixelId
            ] =
                options
                || {};

            var script =
                document.createElement(
                    "script"
                );

            script.type =
                "text/javascript";

            script.async =
                true;

            script.src =
                source
                + "?sdkid="
                + encodeURIComponent(
                    pixelId
                )
                + "&lib="
                + objectName;

            var firstScript =
                document.getElementsByTagName(
                    "script"
                )[0];

            firstScript
                .parentNode
                .insertBefore(
                    script,
                    firstScript
                );
        };

    var pixels =
        window
            .NEB_MARKETING_CONFIG
            .tiktokPixels
        || [];

    pixels.forEach(
        function (
            pixelId
        ) {
            ttq.load(
                pixelId
            );
        }
    );

    if (
        pixels.length
    ) {
        ttq.page();
    }

})(
    window,
    document
);
</script>

@endif


{{-- ================================================================
    GOOGLE TAG MANAGER
================================================================ --}}

@foreach($googleTags as $googleTagId)

    @if(str_starts_with(strtoupper($googleTagId), 'GTM-'))

        <script>
        (function (
            window,
            document,
            containerId
        ) {
            "use strict";

            window.dataLayer =
                window.dataLayer
                || [];

            window.dataLayer.push({
                "gtm.start":
                    new Date()
                        .getTime(),

                event:
                    "gtm.js"
            });

            var script =
                document.createElement(
                    "script"
                );

            script.async =
                true;

            script.src =
                "https://www.googletagmanager.com/gtm.js?id="
                + encodeURIComponent(
                    containerId
                );

            var firstScript =
                document.getElementsByTagName(
                    "script"
                )[0];

            firstScript
                .parentNode
                .insertBefore(
                    script,
                    firstScript
                );

        })(
            window,
            document,
            @json($googleTagId)
        );
        </script>

    @endif

@endforeach


{{-- ================================================================
    DIRECT GA4
================================================================ --}}

@if(filled($gaMeasurementId))

<script
    async
    src="https://www.googletagmanager.com/gtag/js?id={{ urlencode($gaMeasurementId) }}"
></script>

<script>
window.dataLayer =
    window.dataLayer
    || [];

window.gtag =
    window.gtag
    || function () {
        window
            .dataLayer
            .push(
                arguments
            );
    };

window.gtag(
    "js",
    new Date()
);

window.gtag(
    "config",
    @json($gaMeasurementId)
);
</script>

@endif


{{-- ================================================================
    GLOBAL MARKETING EVENT BRIDGE
================================================================ --}}

<script>
(function (
    window
) {
    "use strict";

    function number(
        value
    ) {
        var parsed =
            Number(
                value
            );

        return Number.isFinite(
            parsed
        )
            ? parsed
            : 0;
    }


    function array(
        value
    ) {
        return Array.isArray(
            value
        )
            ? value
            : [];
    }


    function normalizeOrder(
        order
    ) {
        order =
            order
            || {};

        var items =
            array(
                order.items
            );


        var contentIds =
            items.map(
                function (
                    item
                ) {
                    return String(
                        item.product_id
                        ||
                        item.id
                        ||
                        item.product_name
                        ||
                        item.name
                        ||
                        ""
                    );
                }
            )
            .filter(
                Boolean
            );


        var metaContents =
            items.map(
                function (
                    item
                ) {
                    return {
                        id:
                            String(
                                item.product_id
                                ||
                                item.id
                                ||
                                item.product_name
                                ||
                                item.name
                                ||
                                ""
                            ),

                        quantity:
                            Math.max(
                                1,
                                number(
                                    item.quantity
                                )
                            ),

                        item_price:
                            number(
                                item.unit_price
                                ||
                                item.price
                            )
                    };
                }
            );


        var tiktokContents =
            items.map(
                function (
                    item
                ) {
                    return {
                        content_id:
                            String(
                                item.product_id
                                ||
                                item.id
                                ||
                                item.product_name
                                ||
                                item.name
                                ||
                                ""
                            ),

                        content_name:
                            String(
                                item.product_name
                                ||
                                item.name
                                ||
                                ""
                            ),

                        content_type:
                            "product",

                        quantity:
                            Math.max(
                                1,
                                number(
                                    item.quantity
                                )
                            ),

                        price:
                            number(
                                item.unit_price
                                ||
                                item.price
                            )
                    };
                }
            );


        var gaItems =
            items.map(
                function (
                    item
                ) {
                    return {
                        item_id:
                            String(
                                item.product_id
                                ||
                                item.id
                                ||
                                item.product_name
                                ||
                                item.name
                                ||
                                ""
                            ),

                        item_name:
                            String(
                                item.product_name
                                ||
                                item.name
                                ||
                                ""
                            ),

                        item_variant:
                            String(
                                item.variant_name
                                ||
                                ""
                            ),

                        price:
                            number(
                                item.unit_price
                                ||
                                item.price
                            ),

                        quantity:
                            Math.max(
                                1,
                                number(
                                    item.quantity
                                )
                            )
                    };
                }
            );


        var itemValue =
            order.subtotal !==
                undefined
                ? (
                    number(
                        order.subtotal
                    )
                    -
                    number(
                        order.discount_amount
                    )
                )
                : items.reduce(
                    function (
                        total,
                        item
                    ) {
                        return (
                            total
                            +
                            number(
                                item.line_total
                                ||
                                (
                                    number(
                                        item.unit_price
                                        ||
                                        item.price
                                    )
                                    *
                                    Math.max(
                                        1,
                                        number(
                                            item.quantity
                                        )
                                    )
                                )
                            )
                        );
                    },
                    0
                );


        return {
            orderNumber:
                String(
                    order.order_number
                    ||
                    order.orderNumber
                    ||
                    ""
                ),

            currency:
                String(
                    order.currency
                    ||
                    "BDT"
                )
                    .toUpperCase(),

            orderValue:
                number(
                    order.total_amount
                    ||
                    order.total
                    ||
                    order.grand_total
                ),

            itemValue:
                Math.max(
                    0,
                    itemValue
                ),

            shipping:
                number(
                    order.delivery_charge
                    ||
                    order.delivery
                ),

            contentIds:
                contentIds,

            metaContents:
                metaContents,

            tiktokContents:
                tiktokContents,

            gaItems:
                gaItems
        };
    }


    function pageView() {

        if (
            typeof
            window.fbq ===
            "function"
        ) {
            window.fbq(
                "track",
                "PageView"
            );
        }


        if (
            window.ttq
            &&
            typeof
            window.ttq.page ===
            "function"
        ) {
            window.ttq.page();
        }


        if (
            Array.isArray(
                window.dataLayer
            )
        ) {
            window.dataLayer.push({
                event:
                    "virtual_page_view",

                page_location:
                    window.location.href
            });
        }

    }


    function purchase(
        order
    ) {
        var data =
            normalizeOrder(
                order
            );

        if (
            !data.orderNumber
        ) {
            return;
        }


        /*
         * Must match Laravel MarketingTracker.
         */
        var eventId =
            "purchase-"
            +
            data.orderNumber
                .replace(
                    /[^A-Za-z0-9\-]+/g,
                    "-"
                );


        /*
         * Meta browser Purchase.
         */
        if (
            typeof
            window.fbq ===
            "function"
        ) {
            window.fbq(
                "track",
                "Purchase",
                {
                    currency:
                        data.currency,

                    value:
                        data.orderValue,

                    content_type:
                        "product",

                    content_ids:
                        data.contentIds,

                    contents:
                        data.metaContents
                },
                {
                    eventID:
                        eventId
                }
            );
        }


        /*
         * TikTok browser Purchase.
         */
        if (
            window.ttq
            &&
            typeof
            window.ttq.track ===
            "function"
        ) {
            window.ttq.track(
                "Purchase",
                {
                    currency:
                        data.currency,

                    value:
                        data.orderValue,

                    content_type:
                        "product",

                    contents:
                        data.tiktokContents
                },
                {
                    event_id:
                        eventId
                }
            );
        }


        /*
         * GTM Data Layer.
         */
        window.dataLayer =
            window.dataLayer
            || [];

        window.dataLayer.push({
            event:
                "purchase",

            event_id:
                eventId,

            ecommerce: {
                transaction_id:
                    data.orderNumber,

                currency:
                    data.currency,

                value:
                    data.itemValue,

                shipping:
                    data.shipping,

                items:
                    data.gaItems
            }
        });


        /*
         * Direct GA4.
         */
        if (
            typeof
            window.gtag ===
            "function"
        ) {
            window.gtag(
                "event",
                "purchase",
                {
                    transaction_id:
                        data.orderNumber,

                    currency:
                        data.currency,

                    value:
                        data.itemValue,

                    shipping:
                        data.shipping,

                    items:
                        data.gaItems
                }
            );
        }
    }


    function standardEvent(
        eventName,
        payload
    ) {
        payload =
            payload
            || {};


        if (
            typeof
            window.fbq ===
            "function"
        ) {
            window.fbq(
                "track",
                eventName,
                payload
            );
        }


        if (
            window.ttq
            &&
            typeof
            window.ttq.track ===
            "function"
        ) {
            window.ttq.track(
                eventName,
                payload
            );
        }


        window.dataLayer =
            window.dataLayer
            || [];

        window.dataLayer.push({
            event:
                eventName,

            marketing_data:
                payload
        });
    }


    window.NebMarketing = {
        pageView:
            pageView,

        purchase:
            purchase,

        viewContent:
            function (
                payload
            ) {
                standardEvent(
                    "ViewContent",
                    payload
                );
            },

        addToCart:
            function (
                payload
            ) {
                standardEvent(
                    "AddToCart",
                    payload
                );
            },

        initiateCheckout:
            function (
                payload
            ) {
                standardEvent(
                    "InitiateCheckout",
                    payload
                );
            }
    };

})(
    window
);
</script>