@extends('layouts.login-screens')
@section('content')
 <!-- Content -->
 <div class="container-xxl">
  <div class="authentication-wrapper authentication-basic container-p-y">
    <div class="authentication-inner py-4">
      <!-- Forgot Password -->
      <!-- Logo -->
      <div class="card">
      <div class="card-body">
      <div class="app-brand justify-content-center">
        <a href="login.html" class="app-brand-link">
          <img src="{{asset('assets/dashboard/assets/img/elements/logo.jpg')}}"/>
        </a>

      </div>
      <!-- /Logo -->
      <h4 class="mb-2 mt-3">Welcome to Deal Plexus! 👍</h4>
      <p class="mb-4">Please reset your password</p>
      <form id="formAuthentication" class="mb-3" action="#" method="POST">
        <div class="mb-3">
          <div class="mb-3">
            <label for="email" class="form-label">New Password.</label>
            <input
              type="password"
              class="form-control"
              id="password"
              name="password"
              placeholder="Enter your password."
              autofocus
            />
          </div>
         <div class="mb-3">
            <label for="email" class="form-label">Confirm Password.</label>
            <input
              type="password"
              class="form-control"
              id="password_confirmation"
              name="password_confirmation"
              placeholder="Enter your password."
              autofocus
            />
          </div>
          <button class="btn btn-primary d-grid w-100" onclick="changespaawsord()" type="button" >Save changes</button>
        </form>
      <div class="card">
        <div class="card-body">
          <div class="modal fade" id="smallModal_1" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-sm" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="exampleModalLabel2">Error</h5>
                  <button
                    type="button"
                    class="btn-close"
                    data-bs-dismiss="modal"
                    aria-label="Close"
                  >X</button>
                </div>
                <div class="modal-body" id="body_msg">
                <p>Password & Confirm Password Not Match</p>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                    Close
                  </button>
                  <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Ok</button>
                </div>
              </div>
            </div>
          </div>

          <div class="modal fade" id="smallModal_2" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-sm" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="exampleModalLabel2">Success</h5>
                  <button
                    type="button"
                    class="btn-close"
                    data-bs-dismiss="modal"
                    aria-label="Close"
                  >X</button>
                </div>
                <div class="modal-body" id="body_msg">
                <p>Your Password Has Changed Successfully</p>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                    Close
                  </button>
                  <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Ok</button>
                </div>
              </div>
            </div>
          </div>
          <div class="modal fade" id="smallModal_3" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-sm" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="exampleModalLabel2">Success</h5>
                  <button
                    type="button"
                    class="btn-close"
                    data-bs-dismiss="modal"
                    aria-label="Close"
                  >X</button>
                </div>
                <div class="modal-body" id="body_msg">
                <p>Please reset your password</p>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                    Close
                  </button>
                  <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Ok</button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
      <!-- /Forgot Password -->
    </div>
  </div>
</div>

<!-- / Content -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<script type="text/javascript">
function changespaawsord(){
           var username = "";
            var optno = "";
            var password =$('#password').val();
            var password_confirmation =$('#password_confirmation').val();
            if(password !== password_confirmation){ 
              $('#smallModal_1').modal('show');
              return true; 
            }
            $.ajax({
                type: 'post',
                url: "{{ route('changesPaawsord') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    password: password,
                    username: username,
                    optno: optno
                },
                success: function(data) {
                    if (data.status == true) {
                      $('#smallModal_2').modal('show');
                      $('#smallModal_2').on('hidden.bs.modal', function () {
                         // redirect...
                         window.location.href = "login";
                      })
                    } else {
                      toast_error(" Forgot-Password ", "Invalid Password Not Match"); 
                    }
                }
            });
}
  
</script>
@endsection