@extends('layouts.app')

@section('content')
    <div class="wrapper default">
        <div class="container">
            <div class="row">
                <div class="main-content col-12 col-md-7 col-lg-5 mx-auto">
                    <div class="account-box">
                        <a href="{{url('/')}}" class="logo">
                            <img src="{{(get_option('site_logo') != null ? url('/assets/img/'.get_option('site_logo')) : url('/assets/img/logo.png') )}}" alt="">
                        </a>
                        <div class="account-box-title">تغییر رمز عبور</div>
                        <div class="account-box-content">
                                <div class="form-account-title">شماره موبایل</div>
                                <div class="form-account-row">
                                    <label class="input-label"><i
                                            class="now-ui-icons ui-1_lock-circle-open"></i></label>
                                    <input class="input-field" type="number" id="mobile" name="mobile"
                                           placeholder="موبایل خود را وارد نمایید" autofocus autocomplete="off">
                                </div>
                                <div class="form-account-row form-account-submit">
                                    <div class="parent-btn">
                                        <button class="dk-btn dk-btn-info" onclick="resetPassword();">
                                            یادآوری کلمه عبور
                                            <i class="now-ui-icons arrows-1_refresh-69"></i>
                                        </button>
                                    </div>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @include('layouts.loading')
        @include('auth.footer')
    </div>
@endsection
@section('footer')
    <script>
        resetPassword = function () {
            var mobile = document.getElementById('mobile').value;
            if (mobile.length < 11) {
                toastr.warning("موبایل را به درستی وارد نمایید.");
                return false;
            }
            $('#loading').show();
            document.getElementById('mobile').disabled = true;
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
               url:'{{url('/users/password/forgot')}}',
               type:'POST',
               data:{mobile:mobile},
                success : function (response, textStatus, xhr) {
                    setTimeout(function () {
                        window.location.replace('/users/password/forgot/phone') ;
                    }, 100);
                },
                error : function (xhr, textStatus) {
                    $('#loading').hide();
                    document.getElementById('mobile').value = '';
                    document.getElementById('mobile').disabled = false;
                    $("#mobile").focus();
                    toastr.error(xhr.responseJSON.errors);
                }
            });
        }
    </script>
@stop