@extends('layouts.auth')

@section('content')

<img src="{{ $setting->logo_url }}" id="logo_cap" alt="Logo"/>
<div class="row" id="custom_row_login">
    <div class="col-lg-10">
        <h1 class="custom_h1">Log In</h1>
        <form class="form-horizontal form-material" id="loginform" action="{{ route('login') }}" method="POST">
            {{ csrf_field() }}
            @if (session('message'))
            <div class="alert alert-danger m-t-10">
                {{ session('message') }}
            </div>
            @endif
            <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                <div class="col-xs-12" style="text-align: left;">
                    <label class="custom_label" style="float:left">Email</label>
                    <input class="form-control" id="email" type="email" name="email" value="{{ old('email') }}" autofocus required="" placeholder="@lang('app.email')">
                    @if ($errors->has('email'))
                    <div class="help-block with-errors">{{ $errors->first('email') }}</div>
                    @endif

                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-12">
                    <label class="custom_label" style="float:left">Password</label><a href="https://apartment.jasaconnect.com/password/reset"  class="text-dark pull-right"><i class="fa fa-lock m-r-5"></i> Forgot Password?</a>
                    <input class="form-control" id="password" type="password" name="password" required="" placeholder="@lang('modules.client.password')">
                    <span toggle="#password-field" class="fa fa-fw fa-eye field-icon toggle-password" style="position: absolute;top: 40px;right: 20px;"></span>
                    @if ($errors->has('password'))
                    <div class="help-block with-errors">{{ $errors->first('password') }}</div>
                    @endif
                </div>
            </div>
            <input type='hidden' name='recaptcha_token' id='recaptcha_token'>

            <div class="form-group">
                <div class="col-xs-12">
                    <div class="checkbox checkbox-primary pull-left p-t-0">
                        <input id="checkbox-signup" type="checkbox" name="remember" {{ old('remember') ? 'checked' : '' }}>
                               <label for="checkbox-signup" class="text-dark "> @lang('app.rememberMe') </label>
                    </div>
                </div>
                <div class="form-group text-center m-t-20">
                    <div class="col-xs-12">
                        <button class="btn btn-info btn-lg btn-block btn-rounded text-uppercase waves-effect waves-light" type="submit">@lang('app.login')</button>
                    </div>
                </div>
                <div class="form-group m-b-0">
                    <div class="col-sm-12 text-center">
                        <p>@lang('messages.dontHaveAccount') <a href="{{ route('front.signup.index') }}" class="text-primary m-l-5"><b>@lang('app.signup')</b></a></p>
                    </div>
                </div>
        </form>
    </div>
</div>
</div>
@endsection
@if($global->google_recaptcha_status  && $global->google_captcha_version=="v3")
<script src="https://www.google.com/recaptcha/api.js?render={{ $global->google_recaptcha_key }}"></script>

<script>


</script>
@endif