{% extends "bundles/FOSUserBundle/layout.html.twig" %}
{% trans_default_domain 'FOSUserBundle' %}
{% block stylesheets %}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="/css/login.css" />
{% endblock %}
{% block fos_user_content %}
<div class="login-wrapper">
<div class="login-box">
<div class="brand">Softnauts</div>
<div class="heading"><i class="fas fa-sign-in-alt"></i> Login</div>
<form action="{{ path("fos_user_security_check") }}" method="post">
{% if error %}
<p class="info error">
{{ error.messageKey|trans(error.messageData, 'security') }}
</p>
{% endif %}
<p class="info">
Please enter your login credentials.
</p>
{% if csrf_token %}
<input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
{% endif %}
<div class="field">
<i class="fas fa-user"></i>
<input type="text" id="username" name="_username" value="{{ last_username }}" required="required" maxlength="256" placeholder="E-mail address" >
</div>
<div class="field">
<i class="fas fa-lock"></i>
<input type="password" id="password" name="_password" required="required" maxlength="256" placeholder="Password">
</div>
<div class="field">
<input type="checkbox" id="remember_me" name="_remember_me" value="on"/>
<label for="remember_me">Remember me</label>
</div>
<input class="submit-button" type="submit" id="_submit" name="_submit" value="Login →" data-wait="Please wait...">
</form>
</div>
</div>
{% endblock fos_user_content %}