tton>
                </div>
            </div>
        </div>
    </div>

    <div>
        <div class="modal" x-bind:class="{ 'modal-open': showModal }">
            <div class="modal-box w-11/12 max-w-5xl">
                <form method="dialog">
                    <button @click="showModal = false" class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">
                        ✕
                    </button>
                </form>
                <h3 class="font-bold text-lg" x-text="selected