@extends('auth.layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
                    @if (\Session::has('success'))
                    <div class="alert alert-success">
                            {!! \Session::get('success') !!}
                    </div>
                    @endif

                    @if (\Session::has('warning'))
                    <div class="alert alert-warning">
                            {!! \Session::get('warning') !!}
                    </div>
                    @endif
                    
            <div class="card">
                <div class="card-header">
                    {{ __('Reset Password') }}
                </div>

                <div class="card-body">

                    <form method="POST" action="{{ route('password.update',$email) }}" id="loginForm1">
                        @method('PUT')
                        @csrf

                        <input type="hidden" name="token" value="{{ $resetToken }}">

                        <div class="form-group row">
                            <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>

                            <div class="col-md-6">
                                <input id="password" type="password" class="form-control" name="password" autocomplete>
                                
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>

                            <div class="col-md-6">
                                <input id="password-confirm" type="password" class="form-control" name="password_confirmation" autocomplete >
                            </div>
                        </div>

                        <div class="form-group row mb-0">
                            <div class="col-md-6 offset-md-4">
                                <button type="submit" class="btn btn-primary">
                                    {{ __('Reset Password') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@push('after_scripts')

<script type="text/javascript"> 
    $(document).ready(function() {

        /*$.validator.addMethod("pwcheck", function(value) {
           return /^[A-Za-z0-9\d=!\-@._*]*$/.test(value) // consists of only these
               && /[a-z]/.test(value) // has a lowercase letter
               && /\d/.test(value) // has a digit
        });*/

        $.validator.addMethod("pwcheck", function(value) {
            return /^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{8,})/.test(value)
        });


        $("#loginForm1").validate({
            rules: {
                password: {
                    required: true,
                    minlength: 8,
                    //pwcheck: true,
                },
                password_confirmation: {
                    equalTo: "#password"
                },
                
            },
            messages: {
                password: {
                    required: "Enter Password",
                    minlength:"Please Enter minimum 8 Characters",
                    //pwcheck:"Password must require in uppercase, lowercase and digit format",
                },
                password_confirmation: " Enter Confirm Password Same as New Password",
            }
        });
    });
</script>
@endpush

@endsection