@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>{{ __('reset_password') }}</span>
                                <h4>{{ __('enter_phone_number') }}</h4>
                            </div>
                            <form action="{{ route('getforget-Password') }}" method="post" id="submit_login" data-parsley-validate="">
                                @method('post')
                                @csrf
                                <div class="form-group">
                                    <input
                                            type="text"
                                            id="phone"
                                            name="phone"
                                            class="form-control"
                                            placeholder="{{ __('phone_number') }}"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');"
                                    />

                                    <img src="{{ asset('front/images/new/phone.svg') }}" alt="" />
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn">{{ __('send') }}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

@endsection
@push('js')
    <script>
        $(function (){
            $('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('get-forget-otp')}}";

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

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

                });

            })
        });
    </script>
@endpush