{% extends 'base.html.twig' %}
{% block title %}Functielab{% endblock %}
{% block body %}
<div id="splash-container">
<form method="post" id="login-form">
<img src="{{ asset('img/logo/functielab-white.svg') }}" alt="Functielab"/>
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
<div>
<input type="email" placeholder="E-mailadres" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" required autofocus>
<i class="fa fa-fw fa-envelope" aria-hidden="true"></i>
</div><div>
<input type="password" placeholder="Wachtwoord" name="password" id="inputPassword" class="form-control" required>
<i class="fa fa-fw fa-lock" aria-hidden="true"></i>
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<button class="g-recaptcha"
type="submit"
data-sitekey="6LcsJB8aAAAAAFbEUpdKSSjj64FUGRLW8XbeymcM"
data-callback='onSubmit'
data-action='submit'>
Inloggen
</button>
<a href="/wachtwoord-vergeten">Wachtwoord vergeten</a>
</form>
</div>
<script src="https://www.google.com/recaptcha/api.js"></script>
<script>
function onSubmit(token) {
document.getElementById("login-form").submit();
}
</script>
{% endblock %}