@extends('front.layout.master')
@section('content')
    {{--    @if(isset($region_id))--}}
    {{--        <p>Selected Region ID: {{ $region_id }}</p>--}}
    {{--    @endif--}}
    <main class="main-content">
        <div class="auth-wrap">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 col-lg-5 col-md-12">
                        <div class="auth-box">
                            <div class="box-head">
                                <h4>{{ __('verification_code') }}</h4>
                                <p>
                                    {!! __('enter_code', ['phone' => $phone]) !!}
                                </p>
                            </div>
                            <form action="{{route('verificationPhone-code')}}" method="post" id="submit_login"  data-parsley-validate="">
                                @method('post')
                                @csrf

                                <input type="hidden" name="phone" value="{{$phone}}">

                                <div class="form-group has-verf">
                                    <input
                                            type="number"
                                            minlength="1"
                                            min="0"
                                            name="code[]"
                                            class="form-control"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');"
                                            id="focused_input"

                                    />
                                    <input
                                            type="number"
                                            minlength="1"
                                            min="0"
                                            name="code[]"

                                            class="form-control"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');"
                                    />
                                    <input
                                            type="number"
                                            minlength="1"
                                            min="0"
                                            name="code[]"

                                            class="form-control"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');"
                                    />
                                    <input
                                            type="number"
                                            minlength="1"
                                            min="0"
                                            name="code[]"
                                            class="form-control"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');"
                                    />
                                    <input
                                            type="number"
                                            minlength="1"
                                            name="code[]"
                                            min="0"
                                            id="lastNumber"
                                            class="form-control"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');"
                                    />
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn">{{ __('confirmation') }}</button>
                                </div>
{{--                                <div class="form-group">--}}
{{--                                    <p class="log-hint" >--}}
{{--                                        <a href="{{route('resend_code')}}" id="send_code" data-phone="{{$phone}}" >لم يصلك كود؟</a>--}}
{{--                                    </p>--}}
{{--                                </div>--}}
                                <div class="form-group">
                                    <p class="hint">
{{--                                        لديك حساب بالفعل لاكشيت ؟--}}
                                        <a href="{{route('resend_code')}}" id="send_code" data-phone="{{$phone}}" >{{ __('resend_code') }}</a>
                                    </p>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

@endsection
@push('js')

    <script>
        $(function (){
            $('body').on('click','#send_code',function (e){
                e.preventDefault();

                var url = $(this).attr('href');
                var phone = $(this).data('phone');

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },

                    url: url,
                    method: "post",
                    data: {
                        phone:phone
                    },
                    dataType: 'json',


                    success: function (response) {
                        if(response.status == true){
                            toastr.success("تم ارسال الرساله نجاح");

                        }else{
                            toastr.warning(response.message);

                        }
                        // window.location.reload();
                    },

                });


            });

            $('body').on('keyup','#lastNumber',function (){
                $('#submit_login').submit();
            });

            $('body').on('submit','#submit_login',function (e){
                e.preventDefault();

                var url = $(this).attr('action');
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: url,
                    method: "post",
                    data: new FormData(this),
                    dataType: 'json',

                    cache       : false,
                    contentType : false,
                    processData : false,

                    success: function (response) {

                        console.log(response);
                        if(response.status == true){
                            console.log(response.data.cartPage);
                            // if(response.data.cartPage == 1){
                                toastr.success("تم تفعيل حسابك بنجاح");
                                {{--window.location.href = "{{ route('get-confirm')}}";--}}

                            // }else{
                                toastr.success("تم تفعيل حسابك بنجاح");
                                window.location.href = "{{ url('/')}}";

                            // }

                        }else{
                            toastr.warning(response.message);

                        }
                        // window.location.reload();
                    },

                });



            })
        });
    </script>@endpush