@extends('V2.layouts.onBoarding')

@section('content')
    <div class="content_wrapper">
        <span class="error_msg"></span>
        <form id="frmBasic" name="frmBasic">
            @if (in_array('Smoking cigarettes', $setNicotineTypes))
                <div class="form_inner">
                    <div class="_wrapper">
                        <div class="inner_title">
                            <h3>Pago</h3>
                        </div>
                        <div class="form_field form_field2 form_fiel3">
                            <select class="select long_select" name="vPayCurrency">
                                @if (isset($paidStatus['vCurrencyCode']))
                                    @foreach ($Currency as $row)
                                        <option value="{{ $row->iCurrencyId }}" @selected(strtoupper($paidStatus['vCurrencyCode']) == strtoupper($row->vCode))>
                                            {{ $row->vCode . '   ' . $row->vSymbol }}
                                        </option>
                                    @endforeach
                                @else
                                    @foreach ($Currency as $row)
                                        <option value="{{ $row->iCurrencyId }}" @selected(strtoupper($vCountry) == strtoupper($row->vCountryName) || strtoupper($vCountry) == strtoupper($row->vCountryCode))>
                                            {{ $row->vCode . '   ' . $row->vSymbol }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>
                            <input class="input" type="text" name="decPayPrice" min="0"
                                pattern="^\d*(\.\d{0,2})?$"
                                value="{{ isset($paidStatus['decPayPrice']) ? $paidStatus['decPayPrice'] : '' }}"
                                onkeypress="return ((event.charCode >= 48 && event.charCode <= 57) || event.charCode==190 ||event.charCode==110 || event.charCode==46);"
                                inputmode="decimal">
                        </div>
                    </div>
                    <div class="_wrapper ">
                        <div class="form_field form_field2 form_fiel3">
                            <label><b>por</b></label>
                            <select class="select long_select" name="iPayMode">
                                <option value="1" >cigarrillo suelto</option>
                                <option value="10" >paquete de 10 cigarrillos</option>
                                <option value="20" >paquete de 20 cigarrillos</option>
                            </select>
                        </div>
                    </div>
                </div>
            @elseif (count($setNicotineTypes) == 1 && in_array('Chewing tobacco (chewing, dipping, snusing, etc)', $setNicotineTypes))
                <div class="form_inner">
                    <div class="_wrapper">
                        <div class="inner_title">
                            <h3>Pago</h3>
                        </div>
                        <div class="form_field form_field2 form_fiel3">
                            <select class="select long_select" name="vPayCurrency">
                                @if (isset($paidStatus['vCurrencyCode']))
                                    @foreach ($Currency as $row)
                                        <option value="{{ $row->iCurrencyId }}" @selected(strtoupper($paidStatus['vCurrencyCode']) == strtoupper($row->vCode))>
                                            {{ $row->vCode . '   ' . $row->vSymbol }}
                                        </option>
                                    @endforeach
                                @else
                                    @foreach ($Currency as $row)
                                        <option value="{{ $row->iCurrencyId }}" @selected(strtoupper($vCountry) == strtoupper($row->vCountryName) || strtoupper($vCountry) == strtoupper($row->vCountryCode))>
                                            {{ $row->vCode . '   ' . $row->vSymbol }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>

                            <input class="input" type="text" name="decPayPrice" min="0"
                                pattern="^\d*(\.\d{0,2})?$"
                                value="{{ isset($paidStatus['decPayPrice']) ? $paidStatus['decPayPrice'] : '' }}"
                                onkeypress="return ((event.charCode >= 48 && event.charCode <= 57) || event.charCode==190 ||event.charCode==110 || event.charCode==46);"
                                inputmode="decimal">
                        </div>
                    </div>
                    <div class="_wrapper ">
                        <div class="form_field form_field2 form_fiel3">
                            <label><b>por paquete</b></label>
                            <input type="hidden" name="iPayMode" value="1">
                        </div>
                    </div>
                </div>
            @else
                <div class="form_inner">
                    <div class="_wrapper">
                        <div class="inner_title">
                            <h3>Pago</h3>
                        </div>
                        <div class="form_field form_field2 form_fiel3">
                            <select class="select long_select" name="vPayCurrency">
                                @if (isset($paidStatus['vCurrencyCode']))
                                    @foreach ($Currency as $row)
                                        <option value="{{ $row->iCurrencyId }}" @selected(strtoupper($paidStatus['vCurrencyCode']) == strtoupper($row->vCode))>
                                            {{ $row->vCode . '   ' . $row->vSymbol }}
                                        </option>
                                    @endforeach
                                @else
                                    @foreach ($Currency as $row)
                                        <option value="{{ $row->iCurrencyId }}" @selected(strtoupper($vCountry) == strtoupper($row->vCountryName) || strtoupper($vCountry) == strtoupper($row->vCountryCode))>
                                            {{ $row->vCode . '   ' . $row->vSymbol }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>

                            <input class="input" type="text" name="decPayPrice" id="inputLimit" min="0"
                                pattern="^\d*(\.\d{0,2})?$"
                                value="{{ isset($paidStatus['decPayPrice']) ? $paidStatus['decPayPrice'] : '' }}"
                                onkeypress="return ((event.charCode >= 48 && event.charCode <= 57) || event.charCode==190 ||event.charCode==110 || event.charCode==46);"
                                inputmode="decimal">
                        </div>
                    </div>
                    <div class="_wrapper ">
                        <div class="form_field form_field2 form_fiel3">
                            <label><b>por cartucho</b></label>
                            <input type="hidden" name="iPayMode" value="1">
                        </div>
                    </div>
                </div>
            @endif

            <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 . 'smoking-behavior/2-4') }}";
            });

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