@extends('V2.layouts.onBoarding')

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

            <h1> Devinez quoi, {{ $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">quelques moiss</em>, seulement, vos problèmes de
                        {{ implode(', ', $condition) }} vont diminuer.
                    </p>
                @endif

                @if (in_array('High blood pressure', $healthIssues))
                    <p>Votre tension artérielle commencera à se normaliser en <em class="blue bg_yellow">seulement 30
                            minutes</em>, et en un an, votre risque de maladie cardiaque diminuera considérablement.</p>
                @endif

                @if (in_array('Mood issues', $healthIssues))
                    <p>Avec notre programme sans envie, vos problèmes d'humeur commenceront à se stabiliser <em
                            class="blue bg_yellow">dès que</em> vous aurez terminé le programme.</p>
                @endif

                <p class="border_radius bg_orange">La plupart des problèmes liés au tabagisme sont 100 % réversibles.</p>
                <p><strong class="light_orange"> Bientôt, tout cela ne sera plus qu'un souvenir.</strong></p>
            @else
                @if (in_array('No health issues', $healthIssues))
                    <p><b class="blue">Juste à temps !</b></p>
                    <p>Plus de <em class="blue bg_yellow"> 67 % des fumeurs </em> rencontrent des problèmes de santé
                        débilitants et mortels à un moment donné de leur vie de fumeur.</p>
                    <p>Votre proactivité va vous épargner des <strong class="light_red">années de souffrance.</strong> </p>
                @else
                    <p>Plus de <em class="blue bg_yellow"> 67 % des fumeurs </em> rencontrent des problèmes de santé
                        débilitants et mortels à un moment donné de leur vie de fumeur.</p>
                    <p>Cependant, la plupart des problèmes liés au tabagisme sont 100 % réversibles. Vous n'aurez donc plus
                        à vous en soucier longtemps.</p>
                @endif
            @endif

        </div>

        <div class="button_wrap">
            <button type="button" class="button" name="btnSubmit" id="btnSubmit">Ouf, merci !</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