{% extends 'base.html' %}
{% block title %}Log in — {{ brand }}{% endblock %}
{% block content %}
<form class="max-w-md mx-auto card glass p-6" method="post" action="/auth/login">
  <input type="hidden" name="next" value="{{ next or '/' }}">
  <h1 class="text-xl font-semibold mb-4">Sign in</h1>
  <label class="block mb-3">
    <span class="text-sm text-white/70">Username or email</span>
    <input class="w-full mt-1" name="username" required>
  </label>
  <label class="block mb-4">
    <span class="text-sm text-white/70">Password</span>
    <input class="w-full mt-1" type="password" name="password" required>
  </label>
  <div class="flex items-center gap-3">
    <button class="btn bg-accent font-semibold" type="submit">Log in</button>
    <a class="btn" href="/auth/discord">Sign in with Discord</a>
  </div>
</form>
{% endblock %}