{% load i18n %}
<form method="post"
      action="{{ view.request.path }}"
      hx-post="{{ view.request.path }}"
      hx-target="this"
      hx-swap="outerHTML">
    {% csrf_token %}
    <div class="modal-header">
        <h5 class="modal-title" id="deleteInstanceModalLabel">
            {% blocktranslate with instance_name=instance.display_name %}Confirm Deletion of {{ instance_name }}{% endblocktranslate %}
        </h5>
        <button type="button"
                class="btn-close"
                data-bs-dismiss="modal"
                aria-label="Close"></button>
    </div>
    <div class="modal-body hide-form-errors">
        <p>{% translate "Do you really want to delete this service instance? This action cannot be undone." %}</p>
        {{ form }}
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% translate "Cancel" %}</button>
        <button type="submit" class="btn btn-danger">{% translate "Confirm and Delete Instance" %}</button>
    </div>
</form>
