iv>
        </div>
    </div>

    <div>
        <div class="modal" x-bind:class="{ 'modal-open': showDeleteModal }">
            <div class="modal-box">
                <form method="dialog">
                    <button @click="showDeleteModal = false"
                            class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕
                    </button>
                </form>
                <h3 class="font-bold text-lg" x-text="'Are you sure you want to delete ' + selectedItem.id + 