@extends('V2.layouts.onBoarding')

@section('content')
    <div class="content_wrapper">
        <div class="text_wrapper">
            @if (in_array('Smoking cigarettes', $setNicotineTypes))
                @php
                    $smokingCig = 0;
                    if ($smokingStatus['vMode'] == 'day') {
                        $smokingCig = $smokingStatus['iSmokingCigarettes'];
                    } else {
                        $smokingCig = $smokingStatus['iSmokingCigarettes'] / 7;
                    }
                @endphp
                @if ($smokingCig > 7)
                    <p>
                        Notre fondateur lui-même a fumé intensivement pendant <em class="blue bg_yellow">plus de 15 ans</em>.
                        Il a conçu ce programme en tenant particulièrement compte des schémas de pensée et des croyances des
                        <b style="color:#e89191;">gros fumeurs</b>.
                        <br>
                    </p>
                    <p class="bg_orange border_radius">
                        <b>Plus de 17 632+ clients</b> qui fumaient autant que vous ont déjà arrêté de fumer définitivement
                        grâce à QuitSure !
                    </p>

                    <div class="slider_wrap cstm_slider_overwrite">
                        <div class="image_slider owl-carousel owl-carousel">
                            <div class="item"> <img
                                    src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p2.6-review1.png"
                                    loading="eager"> </div>
                            <div class="item"> <img
                                    src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p2.6-review2.png"
                                    loading="eager"> </div>
                            <div class="item"> <img
                                    src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p2.6-review3.png"
                                    loading="eager"> </div>
                        </div>
                    </div>
                @elseif ($smokingCig < 1)
                    <p>
                        En tant que fumeur occasionnel, il vous sera <em class="blue bg_yellow">plus facile</em> de briser
                        les schémas de pensée malsains derrière cette habitude. Les <b style="color:#ff9f58;">outils de
                            transformation puissants</b> de QuitSure vous guideront pour vous en débarrasser une fois pour
                        toutes.</p>

                    <p class="bg_orange border_radius">
                        Des milliers de fumeurs légers comme vous ont déjà arrêté de fumer définitivement grâce à QuitSure !
                    </p>

                    <div class="slider_wrap cstm_slider_overwrite">
                        <div class="image_slider owl-carousel owl-carousel">
                            <div class="item">
                                <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p2.6-review1.png"
                                    loading="eager">
                            </div>
                            <div class="item"> <img
                                    src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p2.6-review2.png"
                                    loading="eager"> </div>
                            <div class="item"> <img
                                    src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p2.6-review3.png"
                                    loading="eager"> </div>

                        </div>
                    </div>
                @else
                    <p>
                        En tant que fumeur léger, il vous sera <em class="blue bg_yellow">plus facile</em> de briser les
                        schémas de pensée malsains derrière cette habitude. Les <b style="color:#ff9f58;">outils de
                            transformation puissants</b> de QuitSure vous guideront pour atteindre une liberté totale de la
                        nicotine.</p>
                    <p class="bg_orange border_radius">
                        <b>Plus de 6 218+ clients</b> avec votre modèle de consommation de nicotine ont réussi à arrêter de
                        fumer définitivement grâce à QuitSure !
                    </p>

                    <div class="slider_wrap cstm_slider_overwrite">
                        <div class="image_slider owl-carousel owl-carousel">
                            <div class="item"> <img
                                    src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p2.6-review1.png"
                                    loading="eager"> </div>
                            <div class="item"> <img
                                    src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p2.6-review2.png"
                                    loading="eager"> </div>
                            <div class="item"> <img
                                    src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p2.6-review3.png"
                                    loading="eager"> </div>
                        </div>
                    </div>
                @endif
            @else
                <p>Notre fondateur lui-même a fumé et vapoté intensivement pendant <em class="blue bg_yellow">plus de 15
                        ans</em>. Les <b style="color:#ff9f58;">outils de transformation puissants</b> de QuitSure ont été
                    conçus par lui pour briser spécifiquement les schémas de pensée malsains derrière des dépendances comme
                    la sienne afin d'atteindre une liberté totale de la nicotine.</p>
                <p class="bg_orange border_radius">
                    <b>Des milliers de clients</b> avec des habitudes de vapotage similaires ont déjà arrêté de vapoter
                    définitivement grâce à QuitSure !
                </p>

                <div class="slider_wrap cstm_slider_overwrite">
                    <div class="image_slider owl-carousel owl-carousel">
                        <div class="item"> <img
                                src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p2.6-review1.png"
                                loading="eager"> </div>
                        <div class="item"> <img
                                src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p2.6-review2.png"
                                loading="eager"> </div>
                        <div class="item"> <img
                                src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p2.6-review3.png"
                                loading="eager"> </div>
                    </div>
                </div>
            @endif
        </div>
        <div class="button_wrap">
            <button type="button" class="button" name="btnSubmit" id="btnSubmit">Je me sens bien à ce sujet.</button>
        </div>
    </div>
@endsection

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

@push('scripts')
    <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 . 'smoking-behavior/2-6-0') }}";
            });

            $("#btnSubmit").on("click", function() {
                var url = "{{ url($onBoardUrlPrefix . 'smoking-behavior/2-6/Submit') }}";
                ApiService.post(url)
                    .then(response => {
                        const obj = response.data;
                        if (obj.status === true) {
                            window.location.href = obj.url;
                        } else {
                            document.querySelector(".error_msg").innerHTML = '<p>' + obj.message +
                                '</p>';
                        }
                    })
                    .catch(error => {
                        const isOnline = navigator.onLine;
                        document.querySelector(".error_msg").innerHTML = isOnline ?
                            "{{ __('messages.error_while_request') }}" :
                            "{{ __('messages.network_error_please_try_again') }}";
                    });
            });

            $('.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