@php
    $hasDiscount = !is_null($product->discount_price) && $product->discount_price > 0;
    $basePrice   = $product->price ?: 0;
    $finalPrice  = $hasDiscount ? $product->discount_price : $basePrice;

    $brandName   = 'SEF Card';
    $category    = optional($product->category)->name ?? '';
    $affiliation = config('app.name', 'SEF Card');
@endphp

<script>
    // GA4 dataLayer ensure
    window.dataLayer = window.dataLayer || [];

    (function () {
        // PHP থেকে আসা প্রোডাক্ট ডাটা JS object এ আনছি
        const product = {
            item_id: @json($product->id),
            item_name: @json($product->name),
            affiliation: @json($affiliation),
            item_brand: @json($brandName),
            item_category: @json($category),
            price: {{ number_format($finalPrice, 2, '.', '') }},
            google_business_vertical: "retail"
        };

        // ========== view_item ==========
        document.addEventListener('DOMContentLoaded', function () {
            window.dataLayer.push({ecommerce: null});
            window.dataLayer.push({
                event: "view_item",
                ecommerce: {
                    currency: "BDT",
                    value: product.price,
                    items: [product]
                }
            });
        });

        // ========== add_to_cart ==========
        document.addEventListener('click', function (e) {
            const btn = e.target.closest('.getcartitem');
            if (!btn) return;

            // quantity আপাতত ১ ধরলাম (তোমার details পেজে qty ফিল্ড নেই)
            let qty = 1;

            // size থাকলে সেটাও পাঠাই
            let sizeText = '';
            const sizeEl = document.querySelector('.selected-size');
            if (sizeEl && sizeEl.textContent) {
                sizeText = sizeEl.textContent.replace('Selected size:', '').trim();
            }

            const item = Object.assign({}, product, {
                item_variant: sizeText || undefined,
                quantity: qty
            });

            window.dataLayer.push({ecommerce: null});
            window.dataLayer.push({
                event: "add_to_cart",
                ecommerce: {
                    currency: "BDT",
                    value: item.price * qty,
                    items: [item]
                }
            });
        });
    })();
</script>