templates/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Functielab{% endblock %}
  3. {% block body %}
  4.     <div id="splash-container">
  5.         <form method="post" id="login-form">
  6.             <img src="{{ asset('img/logo/functielab-white.svg') }}" alt="Functielab"/>
  7.             {% if error %}
  8.                 <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  9.             {% endif %}
  10.             <div>
  11.                 <input type="email" placeholder="E-mailadres" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" required autofocus>
  12.                 <i class="fa fa-fw fa-envelope" aria-hidden="true"></i>
  13.             </div><div>
  14.                 <input type="password" placeholder="Wachtwoord" name="password" id="inputPassword" class="form-control" required>
  15.                 <i class="fa fa-fw fa-lock" aria-hidden="true"></i>
  16.             </div>
  17.             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  18.             <button class="g-recaptcha"
  19.                     type="submit"
  20.                     data-sitekey="6LcsJB8aAAAAAFbEUpdKSSjj64FUGRLW8XbeymcM"
  21.                     data-callback='onSubmit'
  22.                     data-action='submit'>
  23.                 Inloggen
  24.             </button>
  25.             <a href="/wachtwoord-vergeten">Wachtwoord vergeten</a>
  26.         </form>
  27.     </div>
  28.     <script src="https://www.google.com/recaptcha/api.js"></script>
  29.     <script>
  30.         function onSubmit(token) {
  31.             document.getElementById("login-form").submit();
  32.         }
  33.     </script>
  34. {% endblock %}