{% extends "base.html" %}
{% load tailwind_filters %}
{% block title %}Register{% endblock %}

{% block content %}
<div class="flex items-center justify-center  bg-gray-100">
    <div class="w-full max-w-md p-8 bg-white rounded-lg shadow-md">
        <h2 class="text-2xl font-bold text-center text-gray-700">Register</h2>
        <form method="post" class="space-y-4 mt-6">
            {% csrf_token %}
            {{ form|crispy }}
            <button type="submit" class="w-full bg-green-500 text-white py-2 rounded hover:bg-green-600">
                Register
            </button>
        </form>
        <p class="mt-4 text-center text-gray-600">
            Already have an account? 
            <a href="{% url 'sysadmin:login' %}" class="text-blue-500 hover:underline">Login</a>
        </p>
    </div>
</div>
{% endblock %}