@extends('V2.layouts.onBoarding')

@section('content')
    <div class="content_wrapper">
        <div class="text_wrapper">
            @if (in_array('Vaping', $setNicotineTypes) &&
                    in_array('Chewing tobacco (chewing, dipping, snusing, etc)', $setNicotineTypes))
                <p>Ce programme est conçu pour vous aider à arrêter <em class="bold">toutes les formes d'habitudes (ou
                        dépendances) liées à la nicotine</em>, telles que fumer, vapoter, juuling, chiquer, tremper, snuser,
                    etc.</p>
                <p>Pour plus de simplicité, le langage du programme est principalement axé sur le tabagisme, mais <strong
                        class="blue bg_yellow">tous les concepts et discussions sont facilement applicables au
                        vapotage/chiqué également</strong>. Utilisez donc votre imagination et appliquez le programme au
                    vapotage/chiquer si nécessaire.</p>
            @elseif (in_array('Vaping', $setNicotineTypes))
                <p>Ce programme est conçu pour vous aider à arrêter <em class="bold">toutes les formes d'habitudes (ou
                        dépendances) liées à la nicotine</em>, telles que fumer, vapoter, juuling, chiquer, tremper, snuser,
                    etc. </p>
                <p>Pour plus de simplicité, le langage du programme est principalement axé sur le tabagisme, mais<strong
                        class="blue bg_yellow">tous les concepts et discussions sont facilement applicables au vapotage
                        également</strong>. Utilisez donc votre imagination et appliquez le programme au vapotage.</p>
            @else
                <p>Ce programme est conçu pour vous aider à arrêter <em class="bold">toutes les formes d'habitudes (ou
                        dépendances) liées à la nicotine</em>, telles que fumer, vapoter, juuling, chiquer, tremper, snuser,
                    etc.</p>
                <p>Pour plus de simplicité, le langage du programme est principalement axé sur le tabagisme, mais <strong
                        class="blue bg_yellow">alltous les concepts et discussions sont facilement applicables à la
                        chique/prise également</strong>. Utilisez donc votre imagination et appliquez le programme pour
                    chiquer/tremper.</p>
            @endif
        </div>
        <div class="form_field button_wrap">
            <button type="button" class="button" name="btnSubmit" id="btnSubmit">Compris</button>
        </div>
    </div>
@endsection
@push('scripts')
    <script type="module">
        $(function() {
            $("#btnBack").on("click", function() {
                window.location =
                    "{{ ($backUrl ?? '') !== '' ? $backUrl : url($onBoardUrlPrefix . 'smoking-behavior/2-1') }}";
            });


            $("#btnSubmit").on("click", function() {
                var url = "{{ url($onBoardUrlPrefix . 'smoking-behavior/2-2/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