@props(["jsSlot" => ''])
<!--begin::Global Config(global config for global JS scripts)-->
<script>var KTAppSettings = {
        "breakpoints": {"sm": 576, "md": 768, "lg": 992, "xl": 1200, "xxl": 1400},
        "colors": {
            "theme": {
                "base": {
                    "white": "#ffffff",
                    "primary": "#3699FF",
                    "secondary": "#E5EAEE",
                    "success": "#1BC5BD",
                    "info": "#8950FC",
                    "warning": "#FFA800",
                    "danger": "#F64E60",
                    "light": "#E4E6EF",
                    "dark": "#181C32"
                },
                "light": {
                    "white": "#ffffff",
                    "primary": "#E1F0FF",
                    "secondary": "#EBEDF3",
                    "success": "#C9F7F5",
                    "info": "#EEE5FF",
                    "warning": "#FFF4DE",
                    "danger": "#FFE2E5",
                    "light": "#F3F6F9",
                    "dark": "#D6D6E0"
                },
                "inverse": {
                    "white": "#ffffff",
                    "primary": "#ffffff",
                    "secondary": "#3F4254",
                    "success": "#ffffff",
                    "info": "#ffffff",
                    "warning": "#ffffff",
                    "danger": "#ffffff",
                    "light": "#464E5F",
                    "dark": "#ffffff"
                }
            },
            "gray": {
                "gray-100": "#F3F6F9",
                "gray-200": "#EBEDF3",
                "gray-300": "#E4E6EF",
                "gray-400": "#D1D3E0",
                "gray-500": "#B5B5C3",
                "gray-600": "#7E8299",
                "gray-700": "#5E6278",
                "gray-800": "#3F4254",
                "gray-900": "#181C32"
            }
        },
        "font-family": "Poppins"
    };</script>
<!--end::Global Config-->

<script src="{{asset("plugins/global/plugins.bundle.js")}}"></script>
<script src="{{asset("plugins/custom/prismjs/prismjs.bundle.js")}}"></script>
<script src="{{asset("js/scripts.bundle.js")}}"></script>
<script src="{{asset("js/pages/widgets.js")}}"></script>
@include('sweetalert::alert')
{{ $jsSlot }}
<script>
    @if ($errors->any())
    swal({
        title: 'Erreur',
        text:
            @foreach ($errors->all() as $error)
                "{{ $error }}\n" +
            @endforeach
                "",
        icon: 'error'
    });

    @endif

</script>
<script>
    window.addEventListener("pageshow", function (event) {
        var historyTraversal = event.persisted ||
            (typeof window.performance != "undefined" &&
                window.performance.navigation.type === 2);
        if (historyTraversal) {
// Handle page restore.
            window.location.reload();
        }
    });
</script>
<script>

    $('form').on('blur', 'input[type=number]', function (e) {
        $(this).off('wheel.disableScroll')
    });
    @if(session("anchor") !== null)
    $(document).ready(function () {
        setTimeout(function () {
            document.getElementById('{{session("anchor")}}').scrollIntoView();
        }, 1500);

    });

    @endif
</script>
<script src="{{asset("js/dropify.js")}}"></script>
<script>
    $('.dropify').dropify();
</script>

<script>
    function updateCartCount() {
        $.ajax({
            url: "{{route('orders.viewCart')}}",
            type: 'GET',
            success: function(response) {
                // Update cart count from session cart
                const itemCount = Object.keys(response.cartContent).length;
                $('#cartCount').text(itemCount);
            }
        });
    }

    // Call on page load
    $(document).ready(function() {
        updateCartCount();
    });
</script>
<x-ajax-notification-js/>