{% extends 'base.html' %}
{% block title %}Admin Login - Digitale Liturgie{% endblock %}
{% block content %}
<div class="space-y-8 max-w-md mx-auto">
  <h2 class="text-3xl font-semibold tracking-tight">Admin Login</h2>
  <form method="post" class="space-y-6">
    <div>
      <label for="username" class="block mb-2 font-semibold text-gray-700">Gebruikersnaam</label>
      <input type="text" id="username" name="username" required class="w-full rounded-md border border-gray-300 p-3 text-base placeholder-gray-400 shadow-sm focus:border-blue-600 focus:ring focus:ring-blue-300 focus:ring-opacity-50 transition">
    </div>
    <div>
      <label for="password" class="block mb-2 font-semibold text-gray-700">Wachtwoord</label>
      <input type="password" id="password" name="password" required class="w-full rounded-md border border-gray-300 p-3 text-base placeholder-gray-400 shadow-sm focus:border-blue-600 focus:ring focus:ring-blue-300 focus:ring-opacity-50 transition">
    </div>
    <button type="submit" class="bg-blue-600 text-white w-full rounded-md py-3 font-semibold shadow hover:bg-blue-700 transition">Login</button>
  </form>
</div>
{% endblock %}