@section('footer')
    <script>
        $(function() {
            $('#pnProductNav a[href*=\\#]:not([href=\\#])').on('click', function() {
                var target = $(this.hash);
                target = target.length ? target : $('[name=' + this.hash.substr(1) + ']');
                if (target.length) {
                    $('html,body').animate({
                        scrollTop: target.offset().top - 110
                    }, 1000);
                    return false;
                }
            });
        });
    </script>
    <script async src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    @livewire('frontend.search-component')
    @livewireScripts
    @yield('cartscripts')
    @yield('livewireScript')
    @yield('livewireScript2')
    @yield('livewireScript3')
    @yield('livewireScript4')

    @yield('pages_style_css')
    @yield('before_js')
    @yield('model')
    <!--=========begin::New Javascript Bundle(used by all pages) =========-->
    <script src="{{ asset('assets/vendor/js/front/plugins.js') }}"></script>
    <script src="{{ asset('assets/vendor/js/front/theme.js') }}"></script>
    {{-- Boostrap --}}
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js"
        integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous">
    </script>
    <!-- =========end::New Javascript Bundle =========-->
    @yield('stripe_scripts')

    <!-- =========Start::Aos =========-->
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script>
        AOS.init();
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js"
            integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous">
    </script>

    <!-- =========End::Aos =========-->
    @yield('after_js')
    @yield('page_preview_js')
    {{-- <script type="text/javascript">
        toastr.options = {
            "closeButton": false,
            "debug": false,
            "newestOnTop": false,
            "progressBar": false,
            "positionClass": "toast-top-right",
            "preventDuplicates": false,
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        };
        window.addEventListener('alert', event => {
            toastr[event.detail.type](event.detail.message,
                event.detail.title ?? ''), toastr.options = {
                "closeButton": true,
                "progressBar": true,
            }
        });
    </script> --}}
    <script type="text/javascript">
        document.querySelectorAll('.editor').forEach((node, index) => {
            ClassicEditor
                .create(node, {})
                .then(newEditor => {
                    window.editors[index] = newEditor
                });
        });
    </script>

    @yield('review_section')
@endsection