@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>
                        Nuestro fundador fumó mucho durante <em class="blue bg_yellow">más de 15 años</em>. Ha diseñado este
                        programa teniendo en cuenta especialmente los patrones de pensamiento y creencias de los <b
                            style="color:#e89191;">fumadores empedernidos</b>.
                        <br>
                    </p>
                    <p class="bg_orange border_radius">
                        <b>¡Más de 17.632+</b> clientes que fumaban tanto como tú ya han dejado de fumar para siempre
                        gracias a 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/p6/p2.6-review1.png"
                                    loading="eager">
                            </div>
                            <div class="item">
                                <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p6/p2.6-review2.png"
                                    loading="eager">
                            </div>
                            <div class="item">
                                <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p6/p2.6-review3.png"
                                    loading="eager">
                            </div>
                        </div>
                    </div>
                @elseif ($smokingCig < 1)
                    <p>
                        Como fumador ocasional, te será <em class="blue bg_yellow">más fácil</em> romper los patrones de
                        pensamiento poco saludables detrás de este hábito. Las <b style="color:#ff9f58;">poderosas
                            herramientas de transformación</b> de QuitSure te guiarán para dejarlo de una vez por todas.</p>

                    <p class="bg_orange border_radius">
                        ¡Miles de fumadores ocasionales como tú ya han dejado de fumar para siempre gracias a 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/p6/p2.6-review1.png"
                                    loading="eager">
                            </div>
                            <div class="item">
                                <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p6/p2.6-review2.png"
                                    loading="eager">
                            </div>
                            <div class="item">
                                <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p6/p2.6-review3.png"
                                    loading="eager">
                            </div>
                        </div>
                    </div>
                @else
                    <p>
                        Como fumador ocasional, te será <em class="blue bg_yellow">más fácil</em> romper los patrones de
                        pensamiento poco saludables detrás de este hábito. Las <b style="color:#ff9f58;">poderosas
                            herramientas
                            de transformación</b> de QuitSure te guiarán para lograr una libertad total de la nicotina.</p>
                    <p class="bg_orange border_radius">
                        <b>¡Más de 6.218+ clientes</b> con tus hábitos de fumar han dejado de fumar para siempre gracias a
                        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/p6/p2.6-review1.png"
                                    loading="eager">
                            </div>
                            <div class="item">
                                <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p6/p2.6-review2.png"
                                    loading="eager">
                            </div>
                            <div class="item">
                                <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p6/p2.6-review3.png"
                                    loading="eager">
                            </div>
                        </div>
                    </div>
                @endif
            @else
                <p>Nuestro fundador fumó y vapeó mucho <em class="blue bg_yellow">durante más de 15 años</em>. Las <b
                        style="color:#ff9f58;">poderosas herramientas de transformación</b> de QuitSure han sido diseñadas
                    por él específicamente para romper los patrones de pensamiento poco saludables detrás de adicciones como
                    la suya y lograr una libertad total de la nicotina.</p>
                <p class="bg_orange border_radius">
                    <b>¡Miles de clientes</b> con hábitos de vapeo similares ya han dejado de vapear para siempre gracias a
                    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/p6/p2.6-review1.png"
                                loading="eager">
                        </div>
                        <div class="item">
                            <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p6/p2.6-review2.png"
                                loading="eager">
                        </div>
                        <div class="item">
                            <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/reviews/p6/p2.6-review3.png"
                                loading="eager">
                        </div>
                    </div>
                </div>
            @endif
        </div>
        <div class="button_wrap">
            <button type="button" class="button" name="btnSubmit" id="btnSubmit">Me siento bien con esto.</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