{% load static %}
<!-- Delete Object -->
<div id="generic_delete_modal" class="modal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Delete {{ object_type|capfirst }}</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                {% if object_type == 'user' %}
                    Clicking "Delete" will <strong>permanently</strong> delete the User and associated data.
                    This action can't be undone!
                {% else %}
                    Deletes the {{ object_type|capfirst }}. Related objects that depend on this {{ object_type|capfirst }}
                    will be deleted as well.
                {% endif %}
                <form id="generic-delete-modal-form" accept-charset="UTF-8" action="{{ current_object.url }}"
                      data-remote="true" method="post">
                    {% csrf_token %}
                    <input type="hidden" id="hidden" name="hidden" value="delete"/>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="generic-delete-modal-form-submit">Delete</button>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {

        $('#generic-delete-modal-form-submit').click(function (e) {
            e.preventDefault();
            $('#generic-delete-modal-form').submit();
        });

    })
</script>