{% extends "centered_layout.html" %}
{% from "macros/ui.html" import flash_messages, text_input %}

{% set title = 'Login – Tutortool' %}

{% block card_content %}
  <div class="text-center mb-6">
    <h1 class="text-3xl font-bold text-white mb-2">Login</h1>
  </div>

  {{ flash_messages() }}

  <form action="/set_token" method="POST" class="space-y-6">
    {{ text_input('username', 'Username', placeholder='Your unique username') }}

    <button type="submit"
            class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-lg transition-colors">
      Login
    </button>
  </form>

  <p class="text-center mt-4 text-sm text-text">
    Do not have an Account?
    <a href="/register" class="text-blue-400 hover:underline">Create one</a>
  </p>
{% endblock %}