{% extends "skeleton.html" %}
{% block body %}

<div class="col-md-6 ml-auto mr-auto">
<div class="card">
<div class="card-header">Логин</div>

<div class="card-body">
<form class="form-horizontal" action="/login" method="post" autocomplete="on">

<div style="margin-bottom: 25px" class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-user"></i></span>
</div>
{{ pagedata['form'].username(class="form-control", placeholder="Логин") }}
</div>

<div style="margin-bottom: 25px" class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lock"></i></span>
</div>
{{ pagedata['form'].password(class="form-control", placeholder="Пароль") }}
</div>
<input class="btn btn-success float-right" type="submit" value="Вход" />

</form>
</div>
</div>
</div>

{% endblock %}