@extends('V2.layouts.onBoarding')

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

            <h1> ¿Adivina qué {{ $vName }}?</h1>

            @php
                $condition = [];

                // check health issues from controller
                $healthIssues = $setHealthIssues ?? [];

                if (!in_array('No health issues', $healthIssues)) {
                    if (in_array('Tiredness', $healthIssues)) {
                        $condition[] = 'Cansancio';
                    }

                    if (in_array('Shortness of breath', $healthIssues)) {
                        $condition[] = 'Falta de aliento';
                    }

                    if (in_array('Asthma/COPD', $healthIssues)) {
                        $condition[] = 'Asma';
                    }

                    if (in_array('Sexual health/impotence/fertility', $healthIssues)) {
                        $condition[] = 'Salud sexual/Impotencia/Fertilidad';
                    }
                }
            @endphp

            @if (!in_array('No health issues', $healthIssues))
                @if (!empty($condition))
                    <p>
                        En <em class="blue bg_yellow">solo unos meses</em>, tus problemas de
                        {{ implode(', ', $condition) }} se reducirán.
                    </p>
                @endif

                @if (in_array('High blood pressure', $healthIssues))
                    <p>
                        Tu presión sanguínea comenzará a normalizarse en
                        <em class="blue bg_yellow">solo 30 minutos</em>,
                        y dentro de un año, tu riesgo de enfermedad cardíaca disminuirá drásticamente.
                    </p>
                @endif

                @if (in_array('Mood issues', $healthIssues))
                    <p>
                        Con nuestro programa sin antojos, tus problemas de estado de ánimo comenzarán
                        a estabilizarse <em class="blue bg_yellow">tan pronto como</em> completes el programa.
                    </p>
                @endif

                <p class="border_radius bg_orange">
                    La mayoría de los problemas relacionados con el tabaquismo son 100% reversibles.
                </p>
                <p><strong class="light_orange">Pronto todos estos problemas serán cosa del pasado.</strong></p>
            @else
                @if (in_array('No health issues', $healthIssues))
                    <p><b class="blue">¡Estás justo a tiempo!</b></p>
                    <p>
                        Más del <em class="blue bg_yellow">67% de los fumadores</em> enfrentan problemas de salud
                        debilitantes
                        y eventualmente fatales en algún momento de sus vidas como fumadores.
                    </p>
                    <p>
                        Tu proactividad te va a ahorrar <strong class="light_red">años de sufrimiento.</strong>
                    </p>
                @else
                    <p>
                        Más del 67% de los fumadores enfrentan problemas de salud debilitantes
                        y eventualmente fatales en algún momento de sus vidas como fumadores.
                    </p>
                    <p>
                        Sin embargo, la mayoría de los problemas relacionados con el tabaquismo son 100% reversibles.
                        Así que no tendrás que preocuparte por ellos por mucho tiempo.
                    </p>
                @endif
            @endif

        </div>

        <div class="button_wrap">
            <button type="button" class="button" name="btnSubmit" id="btnSubmit">¡Qué alivio!</button>
        </div>
    </div>

@endsection
@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 . 'current-status/3-1') }}";
            });

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