@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">¡Eso es increíble!</strong></p>
                <p>Has dado el paso más importante hacia el éxito. </p>
                <p>
                    <b class="blue">Consejo rápido:</b> configura recordatorios o franjas horarias en tu calendario
                    durante la próxima semana para dedicarte a 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">¡No te preocupes! </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>
                    Con QuitSure, puedes <em class="blue bg_yellow">seguir {{ $nicotineTranslated }}</em>
                    durante todo el programa. Vamos a guiarte hacia el estado mental que necesitas tener para
                    ser verdaderamente libre del tabaco.
                </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>Por ahora, todo lo que necesitas hacer es tocar "SIGUIENTE" abajo.</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">
                    ¿Sabías que, según tus hábitos actuales de fumar, ya estás gastando alrededor de
                    {{ (int) $smokingCig * 6 }} minutos al día fumando?
                </p>
                <p>Simplemente abre la aplicación cada vez que fumes y avanza en el programa. </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>
                    Tampoco somos muy estrictos con el cronograma de 6 días. No pasa nada si necesitas unos días adicionales
                    para revisar el material. El programa es igualmente efectivo incluso si tardas 12 días en completarlo.
                </p>
            @else
                <p>
                    Por suerte, no somos muy estrictos con el cronograma de 6 días. No pasa nada si necesitas unos días
                    adicionales para revisar el material. El programa es <em class="blue bg_yellow">igualmente efectivo
                        incluso si tardas 12 días</em>
                    en completarlo.
                </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>
            @endif
        </div>

        <div class="button_wrap">
            <button type="button" class="button" name="btnSubmit" id="btnSubmit">Siguiente</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>