<div class="modal fade" id="delete-storage-modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Delete Storage</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="" method="post">
                {% csrf_token %}
                <div class="modal-body">
                    <h2>Do you want to delete this storage and possibly all of its substorages?</h2>
                        {% if err_msgs %}
                        {% for error in err_msgs %}
                        <p class="text-danger text-center">{{ error }}</p>
                        {% endfor %}
                        {% endif %}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <input type="submit" class="btn btn-danger" value="Delete Storage" name="submit-delete-storage">
                </div>
            </form>
        </div>
    </div>
</div>