@extends('public.layouts.default')

@section('content')



<div class="login-wrap">
        <div class="login-form ">
            <div class="form-header">
                    <h1 class="main-heading">Reset password</h1>
                    
                <div class="clearfix"></div>
            </div>
            <div class="block-content">
                <h2 class="site-title">Rydeus</h2>
                <p class="small-text">Reset Password.</p>
                @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                @endif
                    <form method="POST" action="{{ route('password.email') }}">
                        @csrf
                        <div class="form-group">
                        <input id="email" type="text" class=" @error('email') is-invalid @enderror text-input border-style" name="email" value="{{ old('email') }}" autocomplete="email" autofocus placeholder="Email Address">

                        @error('email')
                            <p class="invalid-feedback validation-message" role="alert">
                                {{ $message }}
                            </p>
                        @enderror
                        </div>
                        <div class="form-group">
                            <div class="recaptcha">
                                {!! app('captcha')->display() !!}
                            </div>
                            <span class="validation-error"></span>
                        </div>
                        <button class="sign_in-btn"><i class="fa fa-refresh"></i> Reset</button>
                    </form>
            </div>
        </div>
</div>
@endsection

@section('scripts')

<script>
    $('.sign_in-btn').click(function(e){
        var $captcha = $( '.recaptcha' ),
            response = grecaptcha.getResponse();

        if (response.length === 0) {
            $( '.validation-error').text( "The g-recaptcha-response field is required." );
            e.preventDefault();
        }
    });
</script>

@endsection