templates/security/login.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Log in!{% endblock %}
  5. {% block body %}
  6.     <div class="grid-container">
  7.         <div class="grid-x grid-padding-x grid-padding-y" style="margin-bottom: 200px;">
  9.             <div class="small-12 cell">
  10.                 <h1 style="text-align: center; margin-top: 75px;">Log in to Tiny Knight Games</h1>
  11.             </div>
  12.             <div class="small-12 medium-4 medium-offset-2 cell" style="margin-top: 25px;">
  13.                 <form method="post">
  14.                     {% if error %}
  15.                         <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  16.                     {% endif %}
  18.                     {% if app.user %}
  19.                         <div class="mb-3">
  20.                             You are logged in as {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
  21.                         </div>
  22.                     {% endif %}
  24.                     <label for="inputEmail"><strong>Email</strong></label>
  25.                     <input type="email" value="{{ last_username }}" placeholder="Email" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus>
  26.                     <label for="inputPassword"><strong>Password</strong></label>
  27.                     <input type="password" name="password" id="inputPassword" placeholder="Password" class="form-control" autocomplete="current-password" required>
  29.                     <input type="hidden" name="_csrf_token"
  30.                            value="{{ csrf_token('authenticate') }}"
  31.                     >
  33.                     {#
  34.                     Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
  35.                     See https://symfony.com/doc/current/security/remember_me.html
  37.                     <div class="checkbox mb-3">
  38.                         <label>
  39.                             <input type="checkbox" name="_remember_me"> Remember me
  40.                         </label>
  41.                     </div>
  42.                     #}
  44.                     <button class="button btn-lg btn-primary" type="submit" style="width: 100%; display: block; font-weight: bold; font-size: 1.15em;">
  45.                         Log in
  46.                     </button>
  47.                 </form>
  48.                 <p style="float: left;"><a href="{{ path('app_forgot_password_request') }}">Forgot Password</a></p>
  49.             </div>
  50.             <div class="small-12 medium-4 end cell" style="margin-top: 50px; padding-left: 50px; margin-left: 40px; border-left: 2px dashed #263e70;">
  51.                 <a href="/connect/google" class="button" style="display: block; background: #4c8bf5; color: #fff; font-size: 1.1em; font-weight: bold;">Log in with Google</a>
  52.             </div>
  53.         </div>
  54.     </div>
  56. {% endblock %}