@extends('V2.layouts.onBoarding')

@section('content')
    <div class="content_wrapper">

        @if (
            !empty($vQuitDecision) &&
                ($vQuitDecision === 'I have decided to quit smoking' ||
                    $vQuitDecision === 'I have decided to reduce my smoking'))
            <div class="text_wrapper">
                <h1 class="light_orange">Félicitations !</h1>
                <p>Vous avez pris la décision la plus importante pour <em class="blue bg_yellow"> réussir</em>. </p>
                <p>En vous engageant envers vos objectifs, vous avez déjà <em class="blue bg_yellow">gagné la moitié de la
                        bataille</em>.</p>
            </div>
            <div class="button_wrap">
                <button type="button" class="button" name="btnSubmit" id="btnSubmit">"Je suis génial(e)"</button>
            </div>
        @elseif (!empty($vQuitDecision) && $vQuitDecision === 'I will quit later')
            <div class="text_wrapper">
                <h1 class="light_orange">Vous n'êtes pas seul(e).</h1>
                <p> Arrêter de fumer, c’est compliqué. C'est un <em class="blue bg_yellow">jeu d'esprit</em>. Pourquoi
                    pensez-vous que les gens finissent par fumer pendant 30 à 40 ans, souvent même après être tombés malades
                    ? C'est un piège !</p>
                <p>Comme nous l'apprendrons au cours du programme, fumer/vapoter nous fait penser d'une certaine manière.
                    Cela s'accompagne d'un ensemble de pensées telles que:</p>
                <div class="image_wrap">
                    <img src="https://quitsure.s3.ap-south-1.amazonaws.com/others/day-1-quit-later.jpg">
                </div>
                <p>Bien sûr, tout le monde se retrouvera <em class="blue bg_yellow"> toujours</em> dans l'une de ces deux
                    situations.</p>
                <p> Soit nous traversons des périodes stressantes,</p>
                <p>Soit nous ne sommes pas stressés.</p>
                <p class="bg_orange border_radius">Dans les deux cas, notre psychologie nous pousse à procrastiner la
                    tentative d'arrêt et nous maintient piégés.</p>
                <p> Mais hé ! Vous n'avez pas besoin d'arrêter tout de suite. Vous pouvez continuer à fumer jusqu'à ce que
                    vous soyez prêt(e).</p>
                <p><b>Tout ce que vous avez à faire pour l'instant, c’est de passer à l'étape suivante.</b></p>

            </div>
            <div class="button_wrap">
                <button type="button" class="button" name="btnSubmit" id="btnSubmit">Je peux le faire !</button>
            </div>
        @else
            <div class="text_wrapper">
                <h1 class="light_orange">Vous n'êtes pas seul(e).</h1>
                <p>Nous, les fumeurs, croyons que nous <em class="blue">apprécions fumer</em>. Que cela rend les moments
                    stressants plus faciles et les bons moments meilleurs.</p>
                <p>On nous a également appris que cesser de fumer est difficile et nécessite une <strong
                        class="light_red"><i>volonté</i></strong> énorme. </p>
                <p class="bg_orange border_radius">C'est pourquoi, vous pouvez continuer à fumer pendant le programme de
                    QuitSure et ne décider qu'à la fin de ce que vous allez faire.
                </p>
                <p><b>Tout ce que vous avez à faire pour l'instant, c’est de passer à l'étape suivante.</b></p>
            </div>
            <div class="button_wrap">
                <button type="button" class="button" name="btnSubmit" id="btnSubmit">D'accord. Je peux le faire.</button>
            </div>
        @endif

    </div>
@endsection

@push('scripts')
    <script type="module">
        $(function() {
            $("#btnBack").on("click", function() {
                window.location =
                    "{{ isset($backUrl) && $backUrl != '' ? $backUrl : url($onBoardUrlPrefix . 'current-status/3-3') }}";
            });

            $("#btnSubmit").on("click", function() {
                var url = "{{ url($onBoardUrlPrefix . 'current-status/3-4/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') }}";
                    });
            });
        });
    </script>
@endpush