@extends('front.layout.auth')
@section('content')
    {{--    @if(isset($region_id))--}}
    {{--        <p>Selected Region ID: {{ $region_id }}</p>--}}
    {{--    @endif--}}


    <main class="main-content">
        <div class="login-wrap">
            <div class="auth-img">
                <img src="{{ asset('front/images/service.png') }}" alt="auth-img" class="bg" />
                <div class="auth-caption">
                    <div class="auth-logo">
                        <a href="#">
                            <img src="{{ asset(\Illuminate\Support\Facades\Storage::url('images/settings/'.setting('image'))) }}" alt="auth-logo" />
                        </a>
                    </div>
                    <div class="auth-footer">
                        <h4>{{ __('front.follow_us_on_social_media') }}</h4>
                        <div>
                            <a href="#">
                                <img src="{{ asset('front/images/snapchat.svg') }}" alt="snapchat" />
                            </a>
                            <a href="#">
                                <img src="{{ asset('front/images/instagram.svg') }}" alt="instagram" />
                            </a>
                            <a href="#">
                                <img src="{{ asset('front/images/twitter.svg') }}" alt="twitter" />
                            </a>
                            <a href="#">
                                <img src="{{ asset('front/images/facebook.svg') }}" alt="facebook" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="auth-wrap">
                <div class="auth-box">
                    <div class="box-head">
                        <h4>{{ __('front.verification_code') }}</h4>
                        <p>{{ __('front.enter_code') }}</p>
                    </div>
                    <form action="{{ route('verificationPhone-code') }}" method="post" id="submit_login" data-parsley-validate="">
                        @csrf
                        @method('post')

                        <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">{{ __('front.confirmation') }}</button>
                        </div>

                        <div class="form-group">
                            <p class="hint">
                                <a href="{{ route('resend_code') }}" id="send_code" data-phone="{{ $phone }}">{{ __('front.resend_code') }}</a>
                            </p>
                        </div>
                    </form>
                </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