@extends('front.layout.master')
@section('content')




    <!-- -------------------------------------------- -->
    <!-- Start Login -->
    <div class="login text-lg-center">
        <div class="container">
            <div class="row">
                <div class="box m-auto col-md-8">
                    <form action="{{route('verificationPhone-code-forget')}}" method="post" id="submit_login">
                        @method('post')
                        @csrf
                        <div class="header text-center">
                            <img src="{{asset('front/images/Group 3089.png')}}" alt="">
                            <h3>كود التحقق</h3>
                            <p>
                                أدخل الرمز المكون من 5 أرقام الذى تلقيتة فى رسالة قصيرة على الهاتف
                            </p>
                        </div>

                        <div class="input-group input-group-1 mt-4">
                            <div class="box-border">
                                <div class="border_1"></div>
                                <div class="border_1"></div>
                                <div class="border_1"></div>
                                <div class="border_1"></div>
                                <div class="border_1"></div>
                            </div>
                            <input type="hidden" name="phone" value="{{$phone}}">

                            <input id="verfication_code" type="number" name="code" max="99999" required title="5 characters"onkeyup="this.scrollLeft = 0;" onchange="this.scrollLeft = 0;">
                        </div>

                        <button class="submit mt-4" type="submit" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in" >دخول</button>

                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- End Login -->
    <!-- -------------------------------------------- -->



@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