{% load crispy_forms_tags %}

<div id="update-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="flex justify-between items-center px-4 py-5 sm:px-6">
            <h3 class="text-lg leading-6 font-medium text-gray-900">{{ section_title }}</h3>
            {% if delete_link %}
            <a href="{% url delete_link object.pk %}"
               hx-get="{% url delete_link object.pk %}"
               hx-target="#main-content"
               hx-swap="innerHTML show:window:top"
               hx-push-url="true"
               class="btn bg-red-500 hover:bg-red-600 text-white">Delete</a>
            {% endif %}
        </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>