{{-- 前渡金用 仕入先選択モーダル --}}
<x-modal.frame key="frame" id="supplier" />

{{-- script --}}
<script>
    window.addEventListener('load', () => {
        /**
         * 前渡金用の仕入先選択モーダルを開く
         */
        window.openSupplierModal = function() {
            console.log('openSupplierModal called');
            const url = '{{ route("payment-disbursement.supplier.index") }}';
            Action.showModal('supplier', url, '5xl');
        };
    });

    /**
     * 仕入先選択モーダルからのメッセージ受信時
     */
    window.addEventListener("message", (event) => {
        //｜モーダルを閉じる（仕入先選択モーダルからのメッセージのみ処理）
        const iframe = document.querySelector('#supplier iframe');
        if (!iframe || event.source !== iframe.contentWindow) return;
        MicroModal.close();

        //｜選択した仕入先データを反映
        if (event.data && event.data.supplier) {
            console.log('Received supplier data:', event.data);

            // Livewireコンポーネントに仕入先データを送信
            Livewire.dispatch('partials.user.accountspayables.entry-payment-disbursement-detail.supplier-selected',
                [event.data.supplier]
            );
        }
    });
</script>