{% extends "base.html" %}

{% block title %}{{ t.auth_login_title }} - {{ config.APP_NAME }}{% endblock %}

{% block content %}
<main class="container-page py-12">
  <div class="card max-w-sm mx-auto mt-8">
    <h1 class="text-2xl mb-1">{{ t.auth_login_title }}</h1>
    <p class="text-slate mb-6">{{ t.auth_login_sub }}</p>

    <form method="post" class="space-y-4">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

      <div>
        <label for="email" class="form-label">{{ t.auth_login_email_label }}</label>
        <input
          type="email"
          id="email"
          name="email"
          class="form-input"
          placeholder="you@example.com"
          required
          autofocus
        >
      </div>

      <button type="submit" class="btn w-full">{{ t.auth_login_btn }}</button>
    </form>

    <p class="text-center text-sm text-slate mt-6">
      {{ t.auth_login_no_account }}
      <a href="{{ url_for('auth.signup') }}">{{ t.auth_login_signup_link }}</a>
    </p>
  </div>
</main>
{% endblock %}