@push('bodyStyles')
    @vite('resources/assets/owl/owl.carousel.min.css')
    @vite('resources/assets/owl/owl.theme.default.min.css')
@endpush


@push('scripts')
@vite([
'resources/assets/owl/owl.carousel.min.js',
])
    <!-- <script src="{{ Vite::asset('resources/assets/owl/owl.carousel.min.js') }}"></script> -->
    <script type="module">
        $(function() {
            $("#btnBack").on("click", function() {
                window.location = "{{ isset($backUrl) &&  $backUrl != '' ? $backUrl : url($onBoardUrlPrefix . 'my-smoking/3-1') }}";

            });
            $("#btnSubmit").on("click", function() {
                window.location = "{{ url($onBoardUrlPrefix . 'my-smoking/3-3') }}";
            });

            $('.image_slider').owlCarousel({
                loop: false,
                responsiveClass: true,
                responsive: {
                    0: {
                        items: 1,
                        nav: false,
                        dots: true,
                        loop: false,
                    },
                    600: {
                        items: 1,
                        nav: false,
                        dots: true,
                        loop: false,
                    },
                    800: {
                        items: 2,
                        nav: false,
                        loop: false,
                        dots: true,

                    }
                }
            });

        });
    </script>
 
@endpush