templates/pages/security/login.html.twig line 1

Open in your IDE?
  1. {% extends '@App/pages/master.html.twig' %}
  3. {% block title %}Login{% endblock %}
  4. {% block body %}
  5.     <div class="header">
  6.         <div class="wrapper">
  7.             <a href="{{ path('login') }}"><img src="#" class="logo"></a>
  8.         </div>
  9.     </div>
  10.     <div class="full-height login-image">
  11.         <div class="parts">
  12.             <div class="login {% if hasError %}has-error{% endif %}">
  13.                 <div class="wrapper-left">
  14.                     <div class="title">Inloggen met je account</div>
  15.                     <form action="{{ path('login') }}" method="post">
  16.                         {% if hasError %}
  17.                             <div class="error">Combinatie e-mailadres & wachtwoord is niet bekend</div>
  18.                         {% endif %}
  19.                         <input name="_username" type="email" placeholder="e-mailadres" value="{{ lastUser }}" />
  20.                         <input name="_password" type="password" placeholder="wachtwoord" />
  21.                         <input type="hidden" name="_target_path" value="/dashboard" />
  22.                         <input type="submit" value="Log in" class="absolute-button" />
  23.                     </form>
  24. {#                    <a href="{{ path('forgot') }}" class="forgot">wachtwoord vergeten</a>#}
  25.                 </div>
  26.             </div>
  27.             <div class="register">
  28.                 <div class="wrapper-right">
  29.                     <div class="title">Nog geen account?</div>
  30.                     <div class="usps">
  31.                         <div class="usp">
  32.                             <i class="fa fa-check" aria-hidden="true"></i>
  33.                             Inzicht in al je verzekeringen
  34.                         </div>
  35.                         <div class="usp">
  36.                             <i class="fa fa-check" aria-hidden="true"></i>
  37.                             Eenvoudig je gegevens bijwerken
  38.                         </div>
  39.                         <div class="usp">
  40.                             <i class="fa fa-check" aria-hidden="true"></i>
  41.                             Zelf nieuwe verzekeringen afsluiten
  42.                         </div>
  43.                         <div class="usp">
  44.                             <i class="fa fa-check" aria-hidden="true"></i>
  45.                             Vergelijk je huidige verzekering met andere
  46.                         </div>
  47.                     </div>
  48. {#                    <a href="{{ path('register') }}" class="absolute-button">Vraag je account aan</a>#}
  49.                 </div>
  50.             </div>
  51.         </div>
  52.     </div>
  53. {% endblock body %}
  55. {% block scripts %}
  56.     <script>
  57.         $('form').submit(function() {
  58.             $(this).find('input[type=submit]').prop('disabled', true);
  59.             $(this).find('input').prop('readonly', true);
  60.         });
  61.     </script>
  62. {% endblock %}