{% extends 'base.html' %}
{% block title %}Logowanie{% endblock %}
{% block content %}
<section class="text-center mb-4">
  <h2 class="mb-2">{{ ui_icon('lock') }} Logowanie</h2>
  <p class="text-secondary mb-0">Zaloguj się, aby tworzyć, edytować i współdzielić listy zakupów.</p>
</section>

<div class="card bg-dark text-white">
  <div class="card-body">
    <form method="post">
      <div class="mb-3">
        <input type="text" name="username" placeholder="Login"
          class="form-control bg-dark text-white border-secondary ui-consistent-input" required>
      </div>
      <div class="mb-3">
        <div class="input-group ui-password-group">
          <input type="password" name="password" placeholder="Hasło"
            class="form-control bg-dark text-white border-secondary ui-consistent-input" required>
        </div>
      </div>
      <button type="submit" class="btn btn-success w-100">{{ ui_icon('login') }} Zaloguj</button>
    </form>
  </div>
</div>

{% endblock %}