@extends('V2.layouts.onBoarding')

@section('content')
    <div class="content_wrapper radio_wrapper">
        <div class="inner_title">
            <h3>¿En qué punto te encuentras en tu viaje para dejar de fumar?<span>*</span></h3>
            <!-- <span class="error_msg">Error message. This question is required!</span> -->
            <p>Adaptaremos el progama según tus respuestas</p>
        </div>
        <form id="frmBasic" name="frmBasic">
            <div class="wrap">
                <div class="form_field">
                    <input class="radio" type="radio" name="vQuitDecision" id="rbt1"
                        value="I have decided to quit smoking"
                        {{ ($vQuitDecision ?? '') == 'I have decided to quit smoking' ? 'checked' : '' }}>
                    <label class="radio_btn" for="rbt1">
                        He <b>decidido</b> dejar de fumar
                    </label>
                </div>

                <div class="form_field">
                    <input class="radio" type="radio" name="vQuitDecision" id="rbt2"
                        value="I have decided to reduce my smoking"
                        {{ ($vQuitDecision ?? '') == 'I have decided to reduce my smoking' ? 'checked' : '' }}>
                    <label class="radio_btn" for="rbt2">
                        He decidido <b>reducir</b> mi consumo de cigarrillos
                    </label>
                </div>

                <div class="form_field">
                    <input class="radio" type="radio" name="vQuitDecision" id="rbt3"
                        value="I am not sure if I want to quit smoking or not"
                        {{ ($vQuitDecision ?? '') == 'I am not sure if I want to quit smoking or not' ? 'checked' : '' }}>
                    <label class="radio_btn" for="rbt3">
                        No <b>estoy seguro/a</b> si quiero dejar de fumar o no
                    </label>
                </div>

                <div class="form_field">
                    <input class="radio" type="radio" name="vQuitDecision" id="rbt4" value="I will quit later"
                        {{ ($vQuitDecision ?? '') == 'I will quit later' ? 'checked' : '' }}>
                    <label class="radio_btn" for="rbt4">
                        Dejaré de fumar <b>más adelante</b>
                    </label>
                </div>

                <div class="form_field">
                    <input class="radio" type="radio" name="vQuitDecision" id="rbt5"
                        value="I never want to quit smoking"
                        {{ ($vQuitDecision ?? '') == 'I never want to quit smoking' ? 'checked' : '' }}>
                    <label class="radio_btn" for="rbt5">
                        <b>Nunca</b> quiero dejar de fumar
                    </label>
                </div>
            </div>
        </form>
    </div>
@endsection
@push('scripts')
    <script type="module">
        $(function() {
            $("#btnBack").on("click", function() {
                window.location =
                    "{{ isset($backUrl) && $backUrl != '' ? $backUrl : url($onBoardUrlPrefix . 'current-status/3-2') }}";
            });

            $("#frmBasic input:radio").on("click", function() {
                var url = "{{ url($onBoardUrlPrefix . 'current-status/3-3/Submit') }}";
                ApiService.post(url, $("#frmBasic").serialize())
                    .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