{% extends "base.html" %}

{% block title %}Admin Login{% endblock %}

{% block content %}
<div class="max-w-md mx-auto card">
    <h1 class="text-2xl font-bold mb-6 text-center text-[#3e5637]">Admin Login</h1>
    <form method="POST" class="space-y-4">
        <div>
            <label for="username" class="block text-sm font-medium text-[#3e5637]">Username</label>
            <input type="text" name="username" id="username" required class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 focus:border-[#6b8f71] focus:ring-[#6b8f71]">
        </div>
        <div>
            <label for="password" class="block text-sm font-medium text-[#3e5637]">Password</label>
            <input type="password" name="password" id="password" required class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 focus:border-[#6b8f71] focus:ring-[#6b8f71]">
        </div>
        <button type="submit" class="w-full btn-main text-lg font-semibold">Login</button>
    </form>
</div>
{% endblock %}