{% extends "base.html" %}

{% block content %}
{% include "partials/navbar.html" %}
<div class="container" style="padding-top: 60px;">
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3">
            <div class="panel panel-default">
                <div class="panel-heading text-center">
                    <h3 class="panel-title">Sign in to DOST Admindashboard</h3>
                </div>
                <div class="panel-body">
                    {% if error %}
                    <div class="error-alert" style="color:#e73330;" role="alert">
                        {{ error }}
                    </div>
                    {% endif %}

                    {% for message in form.username.errors %}
                    <div class="alert alert-warning" role="alert">{{ message }}</div>
                    {% endfor %}

                    {% for message in form.password.errors %}
                    <div class="alert alert-warning" role="alert">{{ message }}</div>
                    {% endfor %}

                    <form method="POST" action="/login">
                        {{ form.hidden_tag() }}

                        <div class="form-group">
                            {{ form.username.label(class="control-label") }}
                            {{ form.username(class="form-control") }}
                        </div>

                        <div class="form-group">
                            {{ form.password.label(class="control-label") }}
                            {{ form.password(class="form-control") }}
                        </div>

                        <button type="submit" class="btn btn-success btn-block">
                            Login
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock content %}