{% load crispy_forms_tags %}

<div id="add-form-content" class="max-w-6xl mx-auto py-6 sm:px-6 lg:px-8">
    <div class="bg-white shadow overflow-hidden sm:rounded-lg">
        <div class="px-4 py-5 sm:px-6">
            <h3 class="text-lg leading-6 font-medium text-gray-900">{{ section_title }}</h3>
        </div>
        <div class="border-t border-gray-200 bg-gray-50 px-4 py-5 sm:gap-4 sm:px-6">
            <form method="post"
                  hx-post="{{ request.path }}"
                  hx-target="#main-content"
                  hx-swap="innerHTML show:window:top"
                  class="space-y-6">
                {% csrf_token %}
                {% crispy form %}
            </form>
        </div>
    </div>
</div>