{% extends "base.html.twig" %}
{% block stylesheets %}
{{parent()}}
{% endblock %}

{% block body %}
<div class="login-wrapper">
    <div class="login">
            {% if app.user %}
                <div class="mb-3">
                    You are logged in as {{ app.user.login }}
                </div>
            {% endif %}
            <div class="lang">
                {% for locale in locales|split(',') %}
                    <a href="{{ path('locale_change', {'locale':locale }) }}" title="{{locale}}" aria-label="{{locale}}" class="flag"><img class="w-10" src="{{ asset('flags/'~ locale ~'.svg') }}"/></a>
                {% endfor %}
            </div>
            <h1 class="h3 mb-3 font-weight-normal">{% trans from 'view' %} sign_in {% endtrans %}</h1>
                {{form_start(loginForm)}}
                {{form_widget(loginForm)}}
            <button class="btn btn-lg btn-primary" type="submit">
                {% trans from 'view' %} submit {% endtrans %}
            </button>
            {{form_end(loginForm)}}
    </div>
</div>

{% endblock %}