<%-  include('./header') %>

<div class="card card-primary">
    <div class="card-header">
        <h4>Login</h4>
    </div>

    <div class="card-body">
        <form id="login">
            <div class="form-group">
                <label for="email">Email</label>
                <input id="email" type="email" class="form-control" name="email" tabindex="1" required autofocus>
                <div class="invalid-feedback">
                    Please fill in your email
                </div>
            </div>

            <div class="form-group">
                <div class="d-block">
                    <label for="password" class="control-label">Password</label>

                </div>
                <input id="password" type="password" class="form-control" name="password" tabindex="2" required>
                <div class="invalid-feedback">
                    please fill in your password
                </div>
            </div>
            <div class="form-group">
                <div class="custom-control custom-checkbox">
                    <div class="float-right">
                        <a href="forgotpassword" class="text-small">
                            Forgot Password?
                        </a>
                    </div>
                </div>
            </div>

            <div id="message"></div>
            <div class="form-group">
                <button type="submit" name="login" class="btn btn-primary btn-lg btn-block" tabindex="4">
                    Login
                </button>
            </div>
        </form>

    </div>
</div>

<%- include('./footer') %>