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

{% block title %}{{ parent() }}-Log in!{% endblock %}

{% block body %}
    {#
<form method="post">
    {% 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 %}

    <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
    <label for="inputEmail">Email</label>
    <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus>
    <label for="inputPassword">Password</label>
    <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required>

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


        Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
        See https://symfony.com/doc/current/security/remember_me.html

        <div class="checkbox mb-3">
            <label>
                <input type="checkbox" name="_remember_me"> Remember me
            </label>
        </div>


    <button class="btn btn-lg btn-primary" type="submit">
        Sign in
    </button>
</form>
    <p>Esqueceste a senha?<a href="{{ path('app_forgot_password_request') }}">Recuperar senha</a></p>
    <p>Não tens uma conta?<a href="{{ path('app_register') }}">Registar-se</a></p>
 #}

    <div class="login-user">
        <div class="login-bemvindo">
            <h2>Seja bem vindo!</h2>
            <h4>ao portal do SIGAP</h4>
            <img src="{{ asset('img/governo-de-angola.png') }}">
        </div>
        <div class="form-login unic-login">
            <form method="post">
                {% if error %}
                    <div class="alert alert-danger">Erro: Conta de e-mail ou Senha inválida!{#{{ 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 %}

                <div class="entry">
                    <label for="inputEmail">Email</label>
                    <input type="email" value="{{ last_username }}" name="email" id="inputEmail" placeholder="exemplo@dominio.com" class="form-control  shadow-none border-0" autocomplete="email" required autofocus>

                </div>

                <div class="entry">
                    <label for="inputPassword">Password</label>
                    <input type="password" name="password" id="inputPassword" placeholder="Palavra-Passe" class="form-control  shadow-none border-0" autocomplete="current-password" required>
                </div>
                <div class="opc-user">
                    <a href="{{ path('app_forgot_password_request') }}"><p>Esqueceu a Palavra-passe?</p></a>
                    <input type="checkbox" id="lembrar"><label for="lembrar" style="cursor:pointer; padding: 3px;">Lembrar-me Palavra-passe</label>
                </div>

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

                {#
                    Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
                    See https://symfony.com/doc/current/security/remember_me.html

                    <div class="checkbox mb-3">
                        <label>
                            <input type="checkbox" name="_remember_me"> Remember me
                        </label>
                    </div>
                #}

                <div class="acessar">
                    <button class="btn my-3 border-0
                     shadow-none" style="background-color: var(--bgColor-1);
                        color: #fff;" type="submit">
                        Entrar

                    </button>
                    <a href="{{ path('app_register') }}"
                       class="btn  my-0 border-0 shadow-none "
                       style="background-color: var(--bgColor-2);
                        color: #fff;">Registar-se</a>
                </div>
            </form>
        </div>
    </div>





{% endblock %}