<div class="information-block dots-pattern">
    <h3 class="title">Admin Sign In</h3>
    <div class="login-form-area">
        <form id="login_form">
            <div class="form-group">
                <label>Email or Username</label>
                <input class="form-control" placeholder="Email or Username" name="admin_email" type="text" required autofocus>
            </div>
            <div class="form-group">
                <label>Password</label>
                <input class="form-control" placeholder="Password" name="admin_password" required type="password" value="">
            </div>
            <!-- <div class="form-group checkbox">
                <a href="javascript:void(0);">Forgot Password?</a>
            </div> -->
            <!-- Change this to a button or input when using this as a form -->
            <div class="btn-group">
                <button type="button" name="submit" id="authLogin" class="btn btn-blue btn-login">Login</button>
            </div>

            <div class="alert-danger hidden mt-12" id="errorMessage">Username or Password was wrong.</div>
        </form>
    </div>
</div>