{% extends 'security/base.html.twig' %}
{% block title %}Přihlášení do systému{% endblock %}
{% block javascripts %}
{% endblock %}
{% block body %}
{% for message in app.flashes('success') %}
<div class="alert alert-success">
{{ message }}
</div>
{% endfor %}
{% for message in app.flashes('warning') %}
<div class="alert alert-warning">
{{ message }}
</div>
{% endfor %}
{% for message in app.flashes('error') %}
<div class="alert alert-danger">
{{ message }}
</div>
{% endfor %}
<h1 class="auth-title">Přihlášení</h1>
<p class="auth-subtitle mb-5">Zde se můžete přihlásit údaji zadanými při registraci.</p>
<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">
Jste přihlášen jako {{ app.user.username }}, <a href="{{ path('app_logout') }}">Odhlásit se</a>
</div>
{% endif %}
<div class="form-group position-relative has-icon-left mb-4">
<input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control form-control-xl" placeholder="Email" required autofocus>
<div class="form-control-icon">
<i class="bi bi-person"></i>
</div>
</div>
<div class="form-group position-relative has-icon-left mb-4">
<input type="password" id="inputPassword" name="password" class="form-control form-control-xl" placeholder="Heslo" required>
<div class="form-control-icon">
<i class="bi bi-shield-lock"></i>
</div>
</div>
<div class="form-check form-check-lg d-flex align-items-end">
<input class="form-check-input me-2" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-gray-600" for="flexCheckDefault">
Uložit přihlášení
</label>
</div>
<input type="hidden" name="_csrf_token"
value="{{ csrf_token('authenticate') }}"
>
<button class="btn btn-primary btn-block btn-lg shadow-lg mt-5">Přihlásit se</button>
</form>
<div class="text-center mt-5 text-lg fs-4">
<p class="text-gray-600">Nemáte ještě účet? <a href="{{ path('app_registration') }}"
class="font-bold"> Zaregistrujte se
</a>.</p>
<p><a class="font-bold" href="{{ path('app_forgotten_password') }}">Zapomenuté heslo?</a>.</p>
</div>
{% endblock %}
{% block javascriptsBody %}
{% endblock %}