{{-- ==========================================
    CRITICAL: jQuery (Must Load First)
    ========================================== --}}
<script src="{{ asset('frontend/js/vendor/jquery.js') }}"></script>

{{-- ==========================================
    INSTANT SETUP (No Delay)
    ========================================== --}}
<script>
    // ✅ CSRF Token Setup
    if (typeof jQuery !== 'undefined') {
        $.ajaxSetup({
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}
        });
    }

    // ✅ Global Calculate Total Function
    window.calculate_total = function() {
        let charge = Number($("#selectCourier option:selected").data("charge")) || 0;
        let subtotalElement = $("input#subtotal");
        if(subtotalElement.length) {
            let prev_subtotal = Number(subtotalElement.val());
            let final_total = prev_subtotal + charge;
            $("span.delivery_charge").text(charge);
            $("span.total").text(final_total);
            $("input#amount").val(final_total);
        }
    };

    // ✅ Quantity Button Handler (Immediate)
    $(document).on('click', 'span.qtybtn', function() {
        var $button = $(this);
        var $input = $button.parent().find('input');
        var oldValue = parseFloat($input.val()) || 1;
        var newVal = $button.hasClass('inc') ? oldValue + 1 : Math.max(1, oldValue - 1);
        
        $input.val(newVal);

        let url = $button.closest('div').attr('data-href');
        let segment = $button.closest('div').attr('data-segment');

        if (url) {
            $.ajax({
                url: url,
                method: "GET",
                data: { quantity: newVal, segment: segment },
                success: function (res) {
                    if (res.success) {
                        // Toastr চেক করা হচ্ছে কারণ এটি ডিলে করে লোড হতে পারে
                        if (typeof toastr !== 'undefined') {
                            toastr.success(res.msg);
                        } else {
                            alert(res.msg); // Fallback if toastr isn't loaded yet
                        }
                        $('div#cart-dropdown').html(res.html);
                        $('div.orderDetails').html(res.html2);
                        $('div.cart_other_details').html(res.html3);
                        setTimeout(() => window.location.reload(), 800);
                    } else {
                        if (typeof toastr !== 'undefined') toastr.error(res.msg);
                    }
                    if (typeof calculate_total === 'function') calculate_total();
                }
            });
        }
    });
</script>

{{-- ==========================================
    PHASE 1: Essential UI Scripts (Defer)
    ========================================== --}}
<script src="{{ asset('frontend/js/vendor/bootstrap.min.js') }}" defer></script>
<script src="{{ asset('frontend/js/vendor/popper.min.js') }}" defer></script>
<script src="{{ asset('frontend/js/vendor/slick.min.js') }}" defer></script>
<script src="{{ asset('frontend/js/main.js') }}" defer></script>
<script src="{{ asset('frontend/js/cart.js') }}" defer></script>
<script src="{{ asset('frontend/js/signin.js') }}" defer></script>

{{-- ==========================================
    PHASE 2: Intelligent Hybrid Loading (Speed Booster)
    ========================================== --}}
<script>
    (function() {
        'use strict';
        let scriptsLoaded = false;

        function loadScript(src) {
            return new Promise(function(resolve, reject) {
                var script = document.createElement('script');
                script.src = src;
                script.async = true;
                script.onload = resolve;
                script.onerror = reject;
                document.body.appendChild(script);
            });
        }

        // মেইন ফাংশন যা সব স্ক্রিপ্ট লোড করবে
        async function triggerScripts() {
            if (scriptsLoaded) return;
            scriptsLoaded = true;

            // ✅ TIER 1: Alerts & Popups (ইউজার ইন্টারেক্ট করলে সাথে সাথে)
            await Promise.all([
                loadScript("https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"),
                loadScript("https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"),
                loadScript("{{ asset('frontend/js/vendor/jquery.magnific-popup.min.js') }}")
            ]);

            // Toastr Config setup after load
            if (typeof toastr !== 'undefined') {
                toastr.options = { "positionClass": "toast-top-center", "timeOut": 5000 };
            }

            // ✅ TIER 2: Other Vendor Scripts (TIER 1 এর ১ সেকেন্ড পর)
            setTimeout(function() {
                const optionalScripts = [
                    "{{ asset('frontend/js/vendor/modernizr.min.js') }}",
                    "{{ asset('frontend/js/vendor/js.cookie.js') }}",
                    "{{ asset('frontend/js/vendor/sal.js') }}",
                    "{{ asset('frontend/js/vendor/jquery-ui.min.js') }}",
                    "{{ asset('frontend/js/vendor/jquery.countdown.min.js') }}",
                    "{{ asset('frontend/js/vendor/imagesloaded.pkgd.min.js') }}",
                    "{{ asset('frontend/js/vendor/isotope.pkgd.min.js') }}",
                    "{{ asset('frontend/js/vendor/counterup.js') }}",
                    "{{ asset('frontend/js/vendor/waypoints.min.js') }}"
                ];
                optionalScripts.forEach(src => loadScript(src));
            }, 1000);
        }

        // ইউজারের প্রথম মুভমেন্টেই লোড শুরু হবে
        ['mouseover', 'scroll', 'touchstart', 'click'].forEach(event => {
            window.addEventListener(event, triggerScripts, { once: true, passive: true });
        });

        // যদি ইউজার ৩ সেকেন্ড কিছু না করে, তবে অটোমেটিক লোড হবে (Google Bot/PageSpeed এর জন্য)
        window.addEventListener('load', function() {
            setTimeout(triggerScripts, 3500);
        });
    })();
</script>

@stack('js')