{% extends "base.html.twig" %}

{% block localstyle %}
    body {
        background-color: #efefef;
    }
    .homecard {
        padding-top: 20px;
    }
{% endblock %}

{% block body %}
<div style="text-align:center">
    <img src="/{{appAlias}}/images/logo.png" style="height:120px;margin-top:10px;"><br>
    <h1>{{appName}}</h1>
    <form action="{{ path('app_login') }}" method="post">
        <div class="card homecard" style="width:400px; margin:auto">
            <div class="card-body">
                {% if error %}
                    <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                {% endif %}

                <label for="username">Login</label>
                <input type="text" id="username" name="_username" value="{{ last_username }}"  class="form-control" style="margin-bottom:15px;" />

                <label for="password">Password</label>
                <input type="password" id="password" name="_password" class="form-control" style="margin-bottom:15px;" />

                <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">

                <input type="submit" name="login" class="btn btn-success form-control" />
            </div>
        </div>
    </form>
</div>
{% endblock %}