{% extends "base.html" %}

{% block page_body %}

<div style="width:40em;margin:10em auto 0 auto;">

    {{ layout.messages() }}

    <span class="navbar-brand" style="display:inline-block; padding:0; float:none; height:auto; margin-bottom:15px;">
        <img style='display:inline-block;margin-top:-5px'
             width='24px'
             src="{{ url_for('static', filename='images/logo.png') }}"/>
        KernelCare.ePortal</span>
    <form method="POST">
        <div class="form-group">
            <div class="input-group">
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-user"></span>
                </span>
                <input name="username" type="text" class="form-control" placeholder="Username">
            </div>
        </div>
        <div class="form-group">
            <div class="input-group">
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-lock"></span>
                </span>
                <input name="password" type="password" class="form-control" placeholder="Password">
            </div>
        </div>
        <button type="submit" class="btn btn-default">Sign In</button>
    </form>
</div>

{% endblock %}