{% extends 'base-login.html.twig' %}

{% block title %}Logowanie - {{ setting('title') }}{% endblock %}

{% block loginbody %}
<div class="card-body">
  <h1 class="card-title">Logowanie</h1>
  <form action="{{ path('app_login') }}" method="post" id="loginForm">
    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
    {% if error %}
      <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData) }}</div>
    {% endif %}
    {% if app.user and app.user.username %}
      <div class="mb-3">
        Jesteś zalogowany jako {{ app.user.username }}, <a href="{{ path('app_logout') }}" title="Wyloguj" class="color-primary">Wyloguj</a>
      </div>
    {% endif %}
    <div class="mb-3">
      <label for="inputUsername">Login lub adres email</label>
      <input type="text" value="{{ last_username }}" name="_username" id="inputUsername" class="form-control" required autofocus autocomplete="username">
    </div>
    <div class="mb-3 position-relative">
      <label for="inputPassword">Hasło</label>
      <input type="password" name="_password" id="inputPassword" class="form-control" required autocomplete="current-password">
      <a href="{{ path('forgot_password_request',{'username': last_username}) }}" title="Zapomniałem hasło" class="color-primary">Zapomniałem hasło</a>
    </div>
    <div class="mb-3">
      <div class="form-check">
        <input type="checkbox" class="form-check-input" id="inputRememberMe" name="_remember_me">
        <label class="form-check-label" for="inputRememberMe">Zapamiętaj mnie</label>
      </div>
    </div>
    <div class="mb-3">
      <button class="btn btn-primary w-100" type="submit">Logowanie</button>
    </div>
  </form>
</div>
{% endblock %}