@extends('V2.layouts.onBoarding')

@section('content')
    <div class="content_wrapper">
        <div class="text_wrapper">
            @php
                $smokingCig = 0;

                if (!empty($setNicotineTypes) && in_array('Smoking cigarettes', $setNicotineTypes)) {
                    if (!empty($smokingStatus['vMode']) && $smokingStatus['vMode'] === 'day') {
                        $smokingCig = $smokingStatus['iSmokingCigarettes'] ?? 0;
                    } else {
                        $smokingCig = ($smokingStatus['iSmokingCigarettes'] ?? 0) / 7;
                    }
                }
            @endphp

            @if ($setProgramCommit === 'I am investing in my future. I am ready to commit this time.')
                <p><strong class="light_orange" style="font-size: 28px;font-weight: 600">C'est incroyable !</strong></p>
                <p>Vous avez pris la décision la plus importante pour réussir.</p>

                <p> <b class="blue">Conseil rapide :</b> configurez des rappels ou des créneaux horaires dans votre
                    calendrier pour la semaine prochaine consacrés à QuitSure.</p>
            @elseif ($setProgramCommit === 'I will do the program later. I am not sure if I am ready yet.')
                <p><b class="blue" style="font-size: 28px;font-weight: 600">Ne vous inquiétez pas ! </b></p>
                @php
                    $spaPhrase = ['fumando', 'vapeando', 'masticando'];
                    $engPhrase = ['smoking cigarettes', 'vaping', 'chewing tobacco (chewing, dipping, snusing, etc)'];
                    $nicotineStr = !empty($setNicotineTypes) ? strtolower(implode(',', $setNicotineTypes)) : '';
                    $nicotineTranslated = str_replace($engPhrase, $spaPhrase, $nicotineStr);
                @endphp
                <p>
                    Avec QuitSure, vous pouvez <em class="blue bg_yellow">continuer à {{ $nicotineTranslated }}</em>
                    pendant tout le programme. C'est notre travail de vous guider vers l'état d'esprit nécessaire pour
                    devenir réellement non-fumeur.
                </p>
                <div class="image_wrap">
                    <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/quotes/p6.2-quote.jpg"
                        alt="QuitSure Quote">
                </div>
                <p><b>Pour l'instant, il vous suffit de cliquer sur "SUIVANT" ci-dessous.</b></p>
            @elseif (
                $setProgramCommit === "Life is really busy right now. I don't know if I can give an hour a day to this." &&
                    $smokingCig > 7)
                <p class="border_radius bg_orange">Saviez-vous qu'en fonction de vos habitudes actuelles de tabagisme, vous
                    passez déjà environ 0 minutes par jour à fumer ?</p>
                <p>Ouvrez simplement l'application chaque fois que vous fumez et avancez dans le programme. </p>
                <div class="image_wrap">
                    <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/quotes/p6.2-quote.jpg">
                </div>
                <p>Nous ne sommes pas très stricts quant au délai de 6 jours. Il est acceptable de prendre quelques jours
                    supplémentaires pour parcourir le matériel. Le programme est tout aussi efficace même s'il vous faut 12
                    jours pour le terminer.</p>
            @else
                <p>Heureusement, nous ne sommes pas très stricts quant au délai de 6 jours. Il est acceptable de prendre
                    quelques jours supplémentaires pour parcourir le matériel. Le programme est <em
                        class="blue bg_yellow">tout aussi efficace même s'il vous faut 12 jours</em> pour le terminer.</p>
                <div class="image_wrap">
                    <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/quotes/p6.2-quote.jpg">
                </div>
            @endif
        </div>

        <div class="button_wrap">
            <button type="button" class="button" name="btnSubmit" id="btnSubmit">SUIVANT</button>
        </div>
    </div>
@endsection

<script type="module">
    $(function() {
        $("#btnBack").on("click", function() {
            window.location =
                "{{ isset($backUrl) && $backUrl != '' ? $backUrl : url($onBoardUrlPrefix . 'program-setup/6-1') }}";
        });

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