{% extends 'base.html.twig' %}
{% block body %}
<div>
    {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
        {{ 'layout.logged_in_as'|trans({'%username%': app.user.username}, 'FOSUserBundle') }} |
        <a href="{{ path('fos_user_security_logout') }}">
            {{ 'layout.logout'|trans({}, 'FOSUserBundle') }}
        </a>
    {% else %}
        <a href="{{ path('fos_user_security_login') }}">{{ 'layout.login'|trans({}, 'FOSUserBundle') }}</a>
    {% endif %}
</div>

{% if app.request.hasPreviousSession %}
    {% for type, messages in app.session.flashbag.all() %}
        {% for message in messages %}
            <div class="flash-{{ type }}">
                {{ message }}
            </div>
        {% endfor %}
    {% endfor %}
{% endif %}

    <div class="page login-page">
        <div class="container">
            <div class="form-outer text-center d-flex align-items-center">
                <div class="form-inner">
                    {% block fos_user_errors %}
                    {% endblock %}
                    <div class="logo text-uppercase"><img src="{{ asset('img/logo.png') }}" class="img-fluid" width="50%"></div>
                    <p style="width: 500px;">{% block fos_user_subtitle %} {% endblock %}</p>
                    {% block fos_user_content %} {% endblock %}
                    {% block fos_user_footer_form %} {% endblock %}
                </div>
                {% block footer %}
                <div class="copyrights text-center">
                    <p>Design by <a href="https://bootstrapious.com" class="external">Bootstrapious</a></p>
                    <!-- Please do not remove the backlink to us unless you support further theme's development at https://bootstrapious.com/donate. It is part of the license conditions. Thank you for understanding :)-->
                </div>
                {% endblock footer %}
            </div>
        </div>
    </div>
{% endblock %}