@extends('layouts.login_layout')
<script src='https://www.google.com/recaptcha/api.js'></script>
@section('content')
    <section class="auth-page-main">
        <div class="logo-box">
            <!-- <img src="{{ asset('frontend/assets/images/blue_santa_logo1.jpeg') }}" /> -->
        </div>
        <div class="form-card-box">


            <form action="{{ route('backend.login') }}" method="POST">
                @csrf
                <div class="form-inner-body">
                    <div class="mx-auto max-w-625px">
                        <div class="top-heading">
                            <h1>Login</h1>
                        </div>
                        <div class="row">
                            <div class="col-12 col-md-12">
                                <div class="custom-form-group">
                                    <div class="input-w-left-icon">
                                        <img src="{{ asset('backend/assets/images/form-control/email.svg') }}"
                                            class="left-icon">
                                        <input type="email" class="custom-form-control bg-light-gray @error('email') is-invalid @enderror" placeholder="Email"
                                            name="email" value="{{old('email')}}" autocomplete="new-password">
                                    </div>
                                    @error('email')
                                        <div class="error" style="color:red;">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-12 col-md-12">
                                <div class="custom-form-group">
                                    <div class="input-w-left-icon">
                                        <img src="{{ asset('backend/assets/images/form-control/lock.svg') }}"
                                            class="left-icon">
                                        <input type="password" class="custom-form-control bg-light-gray @error('password') is-invalid @enderror"
                                            placeholder="Password" name="password" maxlength="8" value="{{old('password')}}" >
                                    </div>
                                    @error('password')
                                        <div class="error" style="color:red;">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            {{-- <div class="col-12 col-md-12">
                                <div class="custom-form-group mb-0">
                                    <h5>Forgot Password? <a href="#">Click Here</a></h5>
                                </div>
                            </div> --}}
                            {{-- <div class="col-12 col-md-12">
                                <div class="form-group">
                                    <div class="g-recaptcha" data-sitekey="{{ env('GOOGLE_RECAPTCHA_KEY') }}" style="display: flex;justify-content: center;"></div>
                                    @if ($errors->has('g-recaptcha-response'))
                                        <span class="text-danger" style="display: block;text-align: center;">{{ $errors->first('g-recaptcha-response') }}</span>
                                    @endif
                                </div>
                            </div> --}}
                            <div class="col-12 col-md-12">
                                <div class="submit-actions">
                                    <button type="submit" class="submit-btn">Log In</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>
@endsection