{% extends 'base.html' %}
{% load tailwind_filters %}

{% block title %}Create Report{% endblock %}

{% block content %}
<div class="container mx-auto px-4 py-8">
    <h1 class="text-2xl font-bold text-gray-800 mb-4">Create a New Report</h1>
    
    <!-- Form -->
    <form method="post" class="bg-white p-6 rounded-lg shadow-md">
        {% csrf_token %}
        {{ form | crispy }} <!-- Using crispy filters if installed -->
        <div class="mt-4">
            <button type="submit" class="w-full bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 focus:outline-none focus:ring focus:ring-blue-300">
                Create Report
            </button>
        </div>
    </form>
    
    <!-- Back Link -->
    <a href="{% url 'report:report_index' %}" class="text-sm text-blue-500 hover:underline mt-4 inline-block">
        Back to Reports
    </a>
</div>
{% endblock %}
