@extends('layouts.app')
@section('content')
@include('layouts.partial.menu')
<section class="signup__area po-rel-z1 pt-100 pb-145" style="position: relative;
   overflow: hidden;">
   <div class="container">
      <div class="row">
         <div class="col-xxl-8 offset-xxl-2 col-xl-8 offset-xl-2">
            <div class="section__title-wrapper text-center" style="margin-bottom: 20px">
               @if($user_check!=null)
                  <h2 class="section__title">Reset Password<br></h2>
               @else
                  <h3>Link has been expire </h3>
               @endif
            </div>
         </div>
      </div>
      @if($user_check!=null)
      <div class="row">
         <div class="col-xxl-6 offset-xxl-3 col-xl-6 offset-xl-3 col-lg-8 offset-lg-2">
            <div class="sign__wrapper white-bg">
               <div class="sign__form">
                  <form class="mb-5" id="resetPasswordForm">
                     <!-- Email -->
                     <div class="form-group mb-5">
                        <label for="modalSigninEmail1">
                        New Password
                        </label>
                        
                        <input type="hidden" class="form-control" id="useremail" name="useremail" value="{{$user_check->email}}">
                        <input type="password" class="form-control" id="newpassword" name="newpassword" placeholder="Enter New Password">
                        <p style="margin-bottom: 2px;" class="text-danger error-container" id="error-newpassword"></p>
                     </div>
                     <div class="form-group mb-5">
                        <label for="modalSigninEmail1">
                        Confirm New Password
                        </label>
                        <input type="password" class="form-control" id="confirmpassword" name="confirmpassword" placeholder="Confirm New Password">
                        <p style="margin-bottom: 2px;" class="text-danger error-container" id="error-confirmpassword"></p>
                     </div>
                     <button class="btn btn-block btn-primary update-password" type="button">
                     Update
                     </button>
                  </form>
               </div>
            </div>
         </div>
      </div>
      @endif
      <div class="row successSection" style="display: none">
         <div class="col-xxl-6 offset-xxl-3 col-xl-6 offset-xl-3 col-lg-8 offset-lg-2">
            <h3 class="text-success" > Password has been change, now you can login with your new password</h3>
         </div>
      </div>
   </div>
</section>
<script>
    $(".update-password").click(function(){

         $('.text-danger').html('');
        var formData = new FormData($("#resetPasswordForm")[0]);
        var loadingText = '<i class="fa fa-circle-o-notch fa-spin"></i> Loading...';
               $('.update-password').attr('disabled',true);
               if($('.update-password').html!=loadingText)
               {
                  $('.update-password').html(loadingText);
               }
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
          $.ajax({
          method:'post',
          url:"{{route('update-password')}}",
          processData: false,
          contentType: false,
          data:formData,
          success:function(data)
          {
            window.setTimeout(function(){
                 $('.update-password').attr('disabled',false);
                 $('.update-password').html('Update');
           },5000);
            if(data.success==true)
            {
               toastr.success("Password has been change, now you can login with your new password");
               // $('.successSection').show();
               // window.setTimeout(function(){
               //   window.location.href = "{{route('login')}}";
               // },5000);
               var auth_check = {{ auth()->check()?'true':'false' }}
               if(auth_check)
               {
                  toastr.error("Already logged in detected")
               }
               else{
                  $('#modal-login').modal('show');
               }
            } 
            else{                     
            for (control in data.errors) {   
               $('#error-' + control).html(data.errors[control]);
               }
              }   
          }
      });        
   });
    </script>
@endsection