@extends('backend.layouts.auth')

@section('title','Login')

@section('scripts')
    <script src="{{asset('backend/js/jquery.validate.min.js')}}"></script>
    <script src="{{asset('backend/js/pages/login.js')}}"></script>
@endsection

@section('contents')
    <p class="login-box-msg">Sign in to start your session</p>
    {{ Form::model(null, ['route' => ['admin.login.post'], 'role' => 'form', 'id'=>'frmLogin', 'method'=>'post']) }}
    <div class="form-group">
        <div class="input-group">
            {{ Form::email('email_address', old('email_address'), ["required"=>true, "class"=>"form-control", "placeholder"=>'Enter your email address', "id"=>"email_address"]) }}
            <div class="input-group-append">
                <div class="input-group-text">
                    <span class="fas fa-envelope"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="input-group">
            {{ Form::password('password', ["required"=>true, "class"=>"form-control", "placeholder"=>'Enter your password', "id"=>"password"]) }}
            <div class="input-group-append">
                <div class="input-group-text">
                    <span class="fas fa-lock"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <button type="submit" id="btnLogin" data-text="Sign In"
                    data-loading="<i class='fa fa-circle-notch fa-spin mr-1'></i>loading..."
                    class="btn btn-primary btn-block">Sign In
            </button>
        </div>
    </div>
    {{ Form::close() }}

    <p class="mt-3 mb-1 text-right">
        <a href="{{route('admin.forgot-password')}}">I forgot my password</a>
    </p>
@endsection