{% extends 'base2.html.twig' %}

{% block title %}{{ parent() }} - Log in!{% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <style>
        .conteudo1{
            margin: 0 auto;
            width: 58%;
            margin-top: 30px;
            font-size: 1.2rem;
        }
    </style>
{% endblock %}
{% block body %}
    <div class="conteudo1">
        <p>Baixe livros grátis de diversas áreas do saber de forma ilimitada, dessa forma
            partilharemos o conhecimento como um bem acessível a todos.</p>
    </div>
    <div class="centro" style="border: 1px solid #fd7e14; margin-top: 40px; border-radius: 20px;">
        <form method="post">
            <div class="card col-8 my-5" style="margin: 0 auto;">
                <div class="card-body" id="form-login">
                    {% if error %}
                        <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                    {% endif %}

                    {% if app.user %}
                        <div class="mb-3">
                            You are logged in as {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Logout</a>
                        </div>
                    {% endif %}

                    <h6 class="p mb-3 font-weight-normal text-center text-uppercase text-warning">Faça o login para proceder com o download</h6>
                    <div class="card-group my-3">
                        <label for="inputEmail">Endreço de e-mail*</label>
                        <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control shadow-none" autocomplete="email" required autofocus>
                    </div>
                    <div class="card-group mb-3">
                        <label for="inputPassword">Senha*</label>
                        <input type="password" name="password" id="inputPassword" class="form-control shadow-none" autocomplete="current-password" required>
                    </div>

                    <input type="hidden" name="_csrf_token"
                           value="{{ csrf_token('authenticate') }}"
                    >
                    <div class="card-group">
                        <button class="btn btn-primary col-12 mb-1" type="submit">
                            Entrar
                        </button>
                    </div>
                    <p>Não possui uma conta? <a href="{{ path('app_register') }}" class="col-12 my-1">Registar-se</a>

                    <p>Esqueceu a sua senha? <a href="{{ path('app_forgot_password_request') }}">Recuperar senha</a></p>

                </div>
            </div>

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

{% endblock %}