@extends('layouts.auth')

@section('content')
    @if (session('status'))
        <div class="alert alert-success" role="alert">
            {{ session('status') }}
        </div>
    @endif
    <div class="col-md-6">
        <div class="login-secright">
            <div class="login-rightbody">
                <h3>Welcome Back</h3>

                <form method="POST" action="{{ route('login') }}">
                    @csrf
                    <input type="hidden" name="recaptcha" id="recaptcha">
                    <div class="single-login">
                        <label for="email">Enter Your Email</label>
                        <input class="form-control @error('email') is-inavlid @enderror" type="email" name="email"
                            id="email" placeholder="email@email.com">
                    </div>
                    @error('email')
                        <span class="invalid-feedback  d-block" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                    <div class="single-login">
                        <label for="password">Enter Your Password</label>
                        <input id="password-eye" type="password" placeholder="************"
                            class="form-control @error('password')
                    is-inavlid @enderror"
                            name="password">
                        <span toggle="#password-eye" class="fa fa-fw fa-eye eye-icon toggle-eye" aria-hidden="true"></span>
                    </div>
                    @error('password')
                        <span class="invalid-feedback d-block" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                    @error('recaptcha')
                        <span class="invalid-feedback d-block" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror

                    <div class="forget_pass">
                        <a href="{{ route('password.request') }}">Forget Password</a>
                    </div>


                    <button class="btn btn-primary btn-effect mt-4" type="submit">
                        Log In
                    </button>
                    <div class="register-btn">
                        <p>Don't have an Account?<a href="{{ route('register') }}" class="register-con"> Register</a> </p>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script defer>
        $(document).ready(function() {
            setRecaptchaToken();
            // Every 90 Seconds
            setInterval(function() {
                setRecaptchaToken();
            }, 90 * 1000);
        });

        function setRecaptchaToken() {
            grecaptcha.ready(function() {
                grecaptcha.execute('{{ config('captcha.sitekey') }}', {
                    action: 'login'
                }).then(function(token) {
                    if (token) {
                        document.getElementById('recaptcha').value = token;
                        $('button[type="submit"]').prop('disabled', false);
                    }
                });
            });
        }
    </script>
@endpush