{% extends 'userbase.html.twig' %}
{% block title %}Log in!{% endblock %}
{% block body %}
<div class="login-box">
<div class="login-logo">
<a href="#"><b>{{ 'login.Enjazi'|trans }}</b></a>
</div>
{% for label, messages in app.flashes %}
{% for message in messages %}
<div id="alert" class="alert alert-{{ label }}">
<center>{{ message }}</center>
</div>
{% endfor %}
{% endfor %}
{% 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.username }}, <a href="{{ path('app_logout') }}">Logout</a>
</div>
{% endif %}
<div class="card">
<div class="card-body login-card-body">
<p class="login-box-msg">{{ 'login.start_session'|trans }}</p>
<form method="post">
<div class="input-group mb-3">
<input type="email" value="{{ last_username }}" name="email" id="inputEmail" placeholder="{{ 'login.email'|trans }}" class="form-control" required autofocus>
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-envelope"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input type="password" name="password" id="inputPassword" class="form-control" placeholder="{{ 'login.password'|trans }}" required>
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock"></span>
</div>
</div>
</div>
<input type="hidden" id="inputBrowser" name="_browser_name"
value=""
>
<input type="hidden" name="_csrf_token"
value="{{ csrf_token('authenticate') }}"
>
<div class="row">
<div class="col-8">
<div class="">
<input id="remember" type="checkbox" name="_remember_me">
<label for="remember">
{{ 'login.Remember_me'|trans }}
</label>
</div>
</div>
<div class="col-4">
<button class="btn btn-primary btn-block" type="submit">
{{ 'login.Sign_in'|trans }}
</button>
</div>
</div>
</form>
<p class="mb-1">
<a href="{{ path('app_forgot_password_request') }}">{{ 'login.forgot_pass'|trans }}</a>
</p>
</div>
</div>
</div>
{% endblock %}