@extends('auth.admin.layout')
@section('Content')

<!-- <section class="login-section-one" style="width: 50%;"> -->
    <main class="login-main">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-7">
                    <div class="login-section-one forget-section">
                        <figure>
                            <img src="{{asset('assets/images/logo.svg')}}" alt="logo">
                        </figure>
                        <figcaption>
                         <form id="loginForm" class="mw-100" name="loginForm" method="POST" action="{{ route('customers.ForgotPasswordUpdate') }}">
                            {{ csrf_field() }}
                            @if($errors->any())
                            <div class="alert alert-success" role="alert">
                              {{$errors->first()}}
                          </div>
                          @endif
                          @if (\Session::has('success'))
                          <div class="alert alert-success">
                            <ul>
                                <li>{!! \Session::get('success') !!}</li>
                            </ul>
                        </div>
                        @endif
                          <h5 class="text-uppercase">Reset account password</h5>
                          <p>Enter a new password for {{$data->email}}</p>
                          <div class="form-group">
                            <input type="password" placeholder="Password" class="form-control" name="password" required="">
                        </div>
                        <input type="hidden" name="customer_id" value="{{$data->id}}">
                        <input type="hidden" name="email" value="{{$data->email}}">
                        <button type="submit" class="fw-bold login_btn_color rounded-3 text-light py-3 w-100 border-0">
                            Reset Password
                        </button>
                    </form>
                </figcaption>
            </div>
        </div>
    </div>
</div>
</main>

@endsection


@section('Script')
<script>
$(function () {
    var form=$('#loginForm');
  $.validator.setDefaults({
    submitHandler: function (form) {
      // alert( "Form successful submitted!" );
      form.submit();

    }
  });
  form.validate({
    rules: {
      // email: {
      //   required: true,
      //   email: true,
      // },
      password: {
        required: true,
        minlength: 5
      },
      
    },
    messages: {
      // email: {
      //   required: "Please enter a email address",
      //   email: "Please enter a valid email address"
      // },
      password: {
        required: "Please provide a password",
        minlength: "Your password must be at least 5 characters long"
      },
      // terms: "Please accept our terms"
    },
    errorElement: 'span',
    errorPlacement: function (error, element) {
      error.addClass('invalid-feedback');
      element.closest('.form-group').append(error);
    },
    highlight: function (element, errorClass, validClass) {
      $(element).addClass('is-invalid');
    },
    
  });
});
</script>
@endsection