{% extends 'security/login_base.html.twig' %}{% block title %}Log in!{% endblock %}{% block main %} <form method="post"> <div class="login-wrapper"> <header class="main-header"> <div id="header-logo"></div> {% if error %} <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div> {% endif %} </header> {% if app.user %} <div class="mb-3"> You are logged in as {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a> </div> {% endif %} <section class="content"> <h1>Login </h1> {# <input type="hidden" name="_target_path" value="/" /> #} <div class="form-group"> <label class="form-control-label " for="email">Email <span class="required-red"> *</span> </label> <div class="form-widget"> <input class="form-control" type="text" name="email" id="inputEmail" autocomplete="email" required > </div> </div> <div class="form-group"> <label class="form-control-label " for="password">Password <span class="required-red"> *</span> </label> <div class="form-widget"> <input class="form-control" type="password" name="password" id="inputPassword" autocomplete="current-password" required > <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"> </div> </div> <div class="form-group"> <button type="submit" class="btn btn-primary btn-lg btn-block" onclick="this.form.submit(); this.disabled=true;">Sign in</button> </div> <script type="text/javascript"> const loginForm = document.querySelector('form'); loginForm.addEventListener('submit', function () { loginForm.querySelector('button[type="submit"]').setAttribute('disabled', 'disabled'); }, false); </script> </section> </div> {# Uncomment this section and add a remember_me option below your firewall to activate remember me functionality. See https://symfony.com/doc/current/security/remember_me.html <div class="checkbox mb-3"> <label> <input type="checkbox" name="_remember_me"> Remember me </label> </div> #} </form>{% endblock %}