@extends('layouts.app')
@section('title','Reset Password')
@section('body-class','bg-full-screen-image  pace-done')
@section('content')


<section class="register loginn">
  <div class="container">
    <div class="row">
      <div class="col-md-2 col-xl-3"></div>
      <div class="col-md-8 col-xl-6 col-12">
        <div class="register-main">
           <img src="{{asset('images/logo.png')}}" class="img-full" alt="logo">
            <div class="form-main">
              <div class="row">
                <div class="col-md-12">
                  <div class="img-div">
                    <div class="img-div-inner"> </div>
                  </div>
                </div>
              </div>
          <form id="upf" class="form-horizontal" method="post" action="{{ url('perform-reset-password') }}" >
            @csrf
              <div class="alert alert-success" role="alert">
                  <strong>Please update your password</strong>
              </div>
              <div class="fields">
                <div class="row">
                     <div class="col-md-12"><label>Enter Password</label> </div>
                  <div class="col-md-12"> <i class="fa fa-lock"></i>
                    
                    <input type="password" name="password" value="" class="form-control" spellcheck="true" placeholder="">
                  </div>
                </div>
                <div class="row">
                      <div class="col-md-12"><label>Confirm Password</label></div>
                  <div class="col-md-12"> <i class="fa fa-lock"></i>
                  
                    <input type="password" name="confirm_password" value="" class="form-control" spellcheck="true" placeholder="">
                  </div>
                </div>                
                <button type="button" class="up form-control">Update Password</button>
              <!--fields end here--> 
              </div>
              </form>
            </div>
         </div>
      </div>
      <div class="col-md-2 col-xl-3"></div>
    </div>
  </div>
</section>
@section('js')

<script>
    $(document).on('click', '.up', function(){
        var data = $('#upf').serialize();
        $.ajax({
            url: $('#upf').attr('action'),
            data: data,
            type: 'post',
            success: function(response){
                if(response.code == 200){
                    toastr.success(response.msg,'Success');
                    location.href = response.url;
                }else{
                    toastr.error(response.msg,'Error');
                }
            },
            error: function(response){
                toastr.error('Some error','Error');
            }
        })
    })
</script>

@endsection

@endsection