@extends("front.layout")

@section("content")
<style>
.input-error {
    color: red !important;
}
</style>
<div class="container-xxl py-5">
    <div class="container">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6">
              <a href="{{ getSetting('home_url') }}" class="navbar-brand d-flex align-items-center">
                <img class="img-fluid" src="{{ asset(session('logo', getSetting('logo'))) }}" alt="Loancamp"  style="height:40px;">
              </a>
            </div>
            <div class="col-lg-6">
                <div class="h-100">
                    <h4 class="display-4 pb-3">Login </h4>
                    @if($errors->any())
                    <div class="alert alert-danger">
                        {{$errors->first('email')}}
                    </div>
                    @endif
                    <form action="{{route('login.submit')}}" method="post" name="frmLogin" id="frmLogin">
						@csrf
                        <input type="hidden" name="redirectTo" value="{{request('redirectTo')}}">
                        <div class="row g-3">
                            <div class="col-lg-12">
                                <label for="email">Username</label>
                                <input type="email" name="email" id="email" value="" class="form-control" required="" placeholder="Username">
                            </div>
                            <div class="col-lg-12">
                                <label for="password">Password</label>
                                <input type="password" name="password" id="password" value="" class="form-control" required="" placeholder="Password">
                            </div>
                            <div class="d-grid gap-2">
                                <button type="submit" name="submit" class="btn btn-primary"><strong>Login</strong></button>
                            </div>
                            <div class="col-lg-6">
                                <div class="py-2 left">
                                    <a href="{{route('forgot-password')}}">Forgot password</a>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="py-2 right">
                                    <a href="{{route('register')}}">New user? Create an account</a>
                                </div>
                            </div>
                            {{-- <div class="col-lg-12">
                                <h6 class="mb-4 center">Login with</h6>
                                <div class="d-flex justify-content-center">
                                    <a class="me-2" href=""><i class="fa-brands fa-facebook fa-2x"></i></a>
                                    <a class="me-2" href=""><i class="fa-brands fa-google fa-2x"></i></a>
                                </div>
                            </div> --}}
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div><!-- About End -->



@endsection