{% extends 'base.html' %}
{% block title %}Logowanie – FuelTrack{% endblock %}
{% block content %}
<div class="auth-shell">
  <div class="auth-brand" aria-label="FuelTrack">
    <span class="brand-fuel">Fuel</span><span class="brand-track">Track</span>
  </div>
  <div class="card auth-card">
    <div class="card-body p-4 p-sm-5">
      <div class="mb-4">
        <div class="page-kicker">Panel użytkownika</div>
        <h1 class="h3 mb-2">Zaloguj się</h1>
        <p class="text-body-secondary mb-0">Wprowadź dane dostępowe do aplikacji.</p>
      </div>
      <form method="post" action="/api/auth/login" class="api-login-form" autocomplete="on">
        <div class="mb-3">
          <label class="form-label" for="login-email">E-mail</label>
          <input class="form-control" id="login-email" type="email" name="email" autocomplete="username" required autofocus>
        </div>
        <div class="mb-4">
          <label class="form-label" for="login-password">Hasło</label>
          <input class="form-control" id="login-password" type="password" name="password" autocomplete="current-password" required>
        </div>
        <button class="btn btn-primary w-100">Zaloguj</button>
      </form>
    </div>
  </div>
</div>
{% endblock %}