136 lines
5.4 KiB
Twig
136 lines
5.4 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block title %}Sign in
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
{#
|
|
<form method="post">
|
|
{% if error %}
|
|
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
|
|
{% endif %}
|
|
|
|
{% if app.user %}
|
|
<div class="mb-3">
|
|
You are logged in as
|
|
{{ app.user.userIdentifier }},
|
|
<a href="{{ path('app_logout') }}">Logout</a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
|
|
<label for="username">Username</label>
|
|
<input type="text" value="{{ last_username }}" name="_username" id="username" class="form-control" autocomplete="username" required autofocus>
|
|
<label for="password">Password</label>
|
|
<input type="password" name="_password" id="password" class="form-control" autocomplete="current-password" required>
|
|
|
|
<input
|
|
type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
|
|
|
|
{#
|
|
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">
|
|
<input type="checkbox" name="_remember_me" id="_remember_me">
|
|
<label for="_remember_me">Remember me</label>
|
|
</div>
|
|
|
|
|
|
<button class="btn btn-lg btn-primary" type="submit">
|
|
Sign in
|
|
</button>
|
|
</form>
|
|
#}
|
|
<!--
|
|
=========================================================
|
|
* Material Dashboard 3 - v3.2.0
|
|
=========================================================
|
|
|
|
* Product Page: https://www.creative-tim.com/product/material-dashboard
|
|
* Copyright 2024 Creative Tim (https://www.creative-tim.com)
|
|
* Licensed under MIT (https://www.creative-tim.com/license)
|
|
* Coded by Creative Tim
|
|
|
|
=========================================================
|
|
|
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
-->
|
|
<div class="container position-sticky z-index-sticky top-0"> <div class="row">
|
|
<div class="col-12">
|
|
{{ block("nav", "libs/nav.html.twig") }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main
|
|
class="main-content mt-0">
|
|
<!-- @todo replace background image -->
|
|
<div class="page-header align-items-start min-vh-100" style="background-image: url('https://images.unsplash.com/photo-1497294815431-9365093b7331?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1950&q=80');">
|
|
<span class="mask bg-gradient-dark opacity-6"></span>
|
|
<div class="container my-auto">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-8 col-12 mx-auto">
|
|
<div class="card z-index-0 fadeIn3 fadeInBottom">
|
|
<div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
|
|
<div class="bg-gradient-dark shadow-dark border-radius-lg py-3 pe-1">
|
|
<h4 class="text-white font-weight-bolder text-center mt-2 mb-0">Sign in</h4>
|
|
<div class="row mt-3">
|
|
<div class="col-2 text-center ms-auto">
|
|
<a class="btn btn-link px-3" href="javascript:;">
|
|
<i class="fa fa-facebook text-white text-lg"></i>
|
|
</a>
|
|
</div>
|
|
<div class="col-2 text-center px-1">
|
|
<a class="btn btn-link px-3" href="javascript:;">
|
|
<i class="fa fa-github text-white text-lg"></i>
|
|
</a>
|
|
</div>
|
|
<div class="col-2 text-center me-auto">
|
|
<a class="btn btn-link px-3" href="javascript:;">
|
|
<i class="fa fa-google text-white text-lg"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<form role="form" class="text-start" method="post">
|
|
{% if error %}
|
|
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
|
|
{% endif %}
|
|
|
|
{% if app.user %}
|
|
<div class="mb-3">
|
|
You are logged in as
|
|
{{ app.user.userIdentifier }},
|
|
<a href="{{ path('app_logout') }}">Logout</a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
|
|
<div class="input-group input-group-outline my-3">
|
|
<label class="form-label" for="username">Username</label>
|
|
<input type="text" value="{{ last_username }}" name="_username" id="username" autocomplete="username" required autofocus class="form-control">
|
|
</div>
|
|
<div class="input-group input-group-outline mb-3">
|
|
<label class="form-label" for='password'>Password</label>
|
|
<input type="password" name="_password" id="password" autocomplete="current-password" required class="form-control">
|
|
</div>
|
|
<div class="form-check form-switch d-flex align-items-center mb-3">
|
|
<input class="form-check-input" type="checkbox" name="_remember_me" id="_remember_me">
|
|
<label class="form-check-label mb-0 ms-3" for="_remember_me">Remember me</label>
|
|
</div>
|
|
<div class="text-center">
|
|
<button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2">Sign in</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ block("footer", "libs/footer.html.twig") }}
|
|
</div>
|
|
</main>
|
|
{% endblock %}
|