@extends('V2.layouts.onBoarding')

@section('content')
    <div class="content_wrapper">
        <div class="inner_title">
            <h3>¿Qué técnicas has empleado para intentar dejar de fumar?<span>*</span></h3>
            <p>Selecciona todas las que correspondan</p>
            <span class="error_msg"></span>
        </div>
        <form id="frmBasic" name="frmBasic">
            <div class="wrap">

                <div class="form_field">
                    <input class="checkbox" type="checkbox" name="setPastQuitTechniques[]" id="chk1" value="Cold Turkey"
                        @checked(!empty($setPastQuitTechniques) && in_array('Cold Turkey', $setPastQuitTechniques))>
                    <label class="checkbox_btn" for="chk1">Dejar de golpe</label>
                </div>

                <div class="form_field">
                    <input class="checkbox" type="checkbox" name="setPastQuitTechniques[]" id="chk2"
                        value="Cutting down slowly" @checked(!empty($setPastQuitTechniques) && in_array('Cutting down slowly', $setPastQuitTechniques))>
                    <label class="checkbox_btn" for="chk2">Reducir el consumo poco a poco</label>
                </div>

                <div class="form_field">
                    <input class="checkbox" type="checkbox" name="setPastQuitTechniques[]" id="chk3"
                        value="Nicotine gums/patches" @checked(!empty($setPastQuitTechniques) && in_array('Nicotine gums/patches', $setPastQuitTechniques))>
                    <label class="checkbox_btn" for="chk3">Chicles/parches de nicotina</label>
                </div>

                <div class="form_field">
                    <input class="checkbox" type="checkbox" name="setPastQuitTechniques[]" id="chk4"
                        value="Medications (e.g. Champix, Wellbutrin, etc)" @checked(!empty($setPastQuitTechniques) && in_array('Medications (e.g. Champix, Wellbutrin, etc)', $setPastQuitTechniques))>
                    <label class="checkbox_btn" for="chk4">Medicamentos (por ejemplo, Champix, Wellbutrin, etc.)</label>
                </div>

                <div class="form_field">
                    <input class="checkbox" type="checkbox" name="setPastQuitTechniques[]" id="chk5" value="Vaping"
                        @checked(!empty($setPastQuitTechniques) && in_array('Vaping', $setPastQuitTechniques))>
                    <label class="checkbox_btn" for="chk5">Vapear</label>
                </div>

                <div class="form_field">
                    <input class="checkbox" type="checkbox" name="setPastQuitTechniques[]" id="chk6"
                        value="Hypnotherapy" @checked(!empty($setPastQuitTechniques) && in_array('Hypnotherapy', $setPastQuitTechniques))>
                    <label class="checkbox_btn" for="chk6">Hipnoterapia</label>
                </div>

                <div class="form_field">
                    <input class="checkbox" type="checkbox" name="setPastQuitTechniques[]" id="chk7"
                        value="In-person psychological program/consultations" @checked(!empty($setPastQuitTechniques) && in_array('In-person psychological program/consultations', $setPastQuitTechniques))>
                    <label class="checkbox_btn" for="chk7">Programa/consultas psicológicas en persona</label>
                </div>

                <div class="form_field">
                    <input class="checkbox" type="checkbox" name="setPastQuitTechniques[]" id="chk8"
                        value="Book or Video Program (e.g. EasyWay, WhyQuit, etc)" @checked(
                            !empty($setPastQuitTechniques) &&
                                in_array('Book or Video Program (e.g. EasyWay, WhyQuit, etc)', $setPastQuitTechniques))>
                    <label class="checkbox_btn" for="chk8">Programa de libro o vídeo (por ejemplo, EasyWay, WhyQuit,
                        etc.)</label>
                </div>

                <div class="form_field">
                    <input class="checkbox" type="checkbox" name="setPastQuitTechniques[]" id="chk9"
                        value="A mobile app (non-QuitSure)" @checked(!empty($setPastQuitTechniques) && in_array('A mobile app (non-QuitSure)', $setPastQuitTechniques))>
                    <label class="checkbox_btn" for="chk9">Una aplicación móvil (no QuitSure)</label>
                </div>

                <div class="form_field">
                    <input class="checkbox" type="checkbox" name="setPastQuitTechniques[]" id="chk10" value="Other"
                        @checked(!empty($setPastQuitTechniques) && in_array('Other', $setPastQuitTechniques))>
                    <label class="checkbox_btn" for="chk10">Otra</label>
                </div>

            </div>
            <div class="form_field button_wrap">
                <button type="button" class="button" name="btnSubmit" id="btnSubmit">Siguiente</button>
            </div>
        </form>
    </div>
@endsection
@push('scripts')
    <script type="module">
        $(function() {
            $("#btnBack").on("click", function() {
                window.location =
                    "{{ isset($backUrl) && $backUrl != '' ? $backUrl : url($onBoardUrlPrefix . 'quitting-history/4-1') }}";
            });

            $("#btnSubmit").on("click", function() {
                var url = "{{ url($onBoardUrlPrefix . 'quitting-history/4-2/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