refactored
This commit is contained in:
parent
23f613a067
commit
09461cefd8
|
@ -1,73 +1,43 @@
|
||||||
{% extends 'base.html.twig' %}
|
{% extends 'base.html.twig' %}
|
||||||
|
|
||||||
{% block title %}Log in!{% endblock %}
|
{% block title %}Log In!{% endblock %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
|
<div class="container box">
|
||||||
|
<div class="row">
|
||||||
|
<div class="login-form bg-dark mt-4 p-4">
|
||||||
|
<form method="post" class="row g-3">
|
||||||
|
<h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
|
||||||
|
|
||||||
{% for flashError in app.flashes('verify_email_error') %}
|
{% if error is defined %}
|
||||||
<div class="alert alert-danger" role="alert">{{ flashError }}</div>
|
error
|
||||||
{% endfor %}
|
<div class="alert-dark alert-danger">
|
||||||
|
{# {{ error.messageKey|trans(error.messageData, 'security') }} # #}
|
||||||
<form method="post">
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="d-flex justify-content-center h-100">
|
|
||||||
<div class="card-header">
|
|
||||||
<h3>Please Sign in</h3>
|
|
||||||
</div>
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
|
||||||
|
|
||||||
<div class="input-group form-group">
|
|
||||||
<div class="input-group-prepend">
|
|
||||||
<span class="input-group-text"><i class="fas fa-user"></i></span>
|
|
||||||
</div>
|
|
||||||
<input type="text" value="{{ last_username }}" name="username" id="inputUsername"
|
|
||||||
class="form-control" autocomplete="username" required autofocus>
|
|
||||||
</div>
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<div class="input-group form-group">
|
<div class="col-12">
|
||||||
<div class="input-group-prepend">
|
<label for="inputEmail">Username or eMail</label>
|
||||||
<span class="input-group-text"><i class="fas fa-key"></i></span>
|
<input type="text" name="username" id="inputUsername" class="form-control" value="{{ last_username }}" required autofocus>
|
||||||
</div>
|
|
||||||
<input type="password" name="password" id="inputPassword" class="form-control"
|
|
||||||
autocomplete="current-password" required>
|
|
||||||
</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>
|
|
||||||
#}
|
|
||||||
|
|
||||||
<button type="submit" class="submit-button">Sign In</button>
|
|
||||||
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
<div class="card-footer">
|
<label for="inputPassword">Password</label>
|
||||||
<div class="d-flex justify-content-center links">
|
<input type="password" name="password" id="inputPassword" class="form-control" required>
|
||||||
Don't have an account yet? <a href=" {{ path('app_register') }}">Register!</a>
|
|
||||||
</div>
|
|
||||||
<div class="d-flex justify-content-center">
|
|
||||||
<a href="{{ path('app_forgot_password_request') }}">Forgot your password?</a>
|
|
||||||
</div>
|
|
||||||
<!--
|
|
||||||
<div class="d-flex justify-content-center social_icon">
|
|
||||||
<span><i class="fab fa-apple"></i></span>
|
|
||||||
<span><i class="fab fa-facebook"></i></span>
|
|
||||||
<span><i class="fab fa-google-plus"></i></span>
|
|
||||||
<span><i class="fab fa-twitter"></i></span>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="form-check mb-3">
|
||||||
|
<label>
|
||||||
|
<input type="checkbox" name="_remember_me" class="form-check-input">Remember me
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
|
||||||
|
|
||||||
|
<div class="col-12">
|
||||||
|
<button class="btn btn-lg btn-primary float-end" type="submit">
|
||||||
|
Sign in
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</form>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
Loading…
Reference in New Issue