{% extends 'login_base.html.twig' %}
{% block image %}
<div class="img-left d-none d-lg-flex">
<img src="{{ asset(logoUrl) }}" alt="imagen" width="330" height="330">
</div>
{% endblock %}
{% block login %}
<div class="card-body">
<h4 class="title text-center mt-4">Iniciar Sesión</h4>
{% if message %}
<div>
<p style="color:red;" class="alert alert-danger col-12">{{message}}</p>
</div>
{% endif %}
<form action="{{ path('login') }}" method="post" class="form-box px-3" name="login">
<div class="form-input">
<span><i class="fas fa-user"></i></span>
<input type="text" placeholder="Usuario" id="username" name="_username" value="{{ last_username }}" tabindex="10" required>
</div>
<div class="form-input">
<span><i class="fas fa-lock"></i></span>
<input type="password" placeholder="Contraseña" id="password" name="_password" required autocomplete="off">
</div>
<div class="mb-3">
<input type="submit" value="Ingresar" name="_ingresar" class="btn btn-block text-uppercase">
<input type="hidden" name="_target_path" value="/access_control">
</div>
<div class="text-right">
<a href="{{ path('recuperacion') }}" class="forget-link">¿Olvidaste tu contraseña?</a>
</div>
<div class="text-right">
<a href="{{ path('addPersonExternal') }}" class="forget-link">Registrarse</a>
</div>
<hr class="my-4">
</form>
<div class="text-right">
<a href="{{ path('connect_google') }}" class="forget-link">Iniciar Sesión con Gmail</a>
</div>
</div>
{% endblock %}
{% block javascript %}
{% endblock %}