@extends('front.layout.master')
@section('content')
    <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">
                                <span>{{ __('confirm_phone_number') }}</span>
                                <p>
                                    {!! __('enter_code', ['phone' => $phone]) !!}
                                </p>
                            </div>
                            <form action="{{route('verificationPhone-code-forget')}}" method="post" id="submit_login">
                                @method('post')
                                @csrf

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

                                <div class="form-group has-verf">
                                    <input
                                            type="text"
                                            maxlength="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="text"
                                            maxlength="1"
                                            min="0"
                                            name="code[]"

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

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

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

                                            min="0"
                                            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">تأكيد</button>
                                </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('submit','#submit_login',function (e){
                e.preventDefault();

                var url = $(this).attr('action');
                $.ajax({
                    url: url,
                    method: "post",
                    data: new FormData(this),
                    dataType: 'json',

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

                    success: function (response) {
                        if(response.status == true){
                            toastr.success("تم تفعيل حسابك بنجاح");
                            window.location.href = "{{ route('confirmPage')}}";

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

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

                });



            })
        });
    </script>
@endpush