{{-- modal --}}
<x-modal.frame key="frame" id="billing" />

{{-- script --}}
<script>
    window.routes = {
        discrepancyEdit: "{{ route('discrepancies.edit', ['billing' => ':billing']) }}"
    };

    window.addEventListener('load', () => {
        //「違算データを追加する」ボタン押下時
        $('#btn_add').addEventListener('click', () => {
            const url = '{{route("discrepancies.billing.index")}}';
            Action.showModal('billing', url, '5xl');
        });
        window.openBillingModal = function() {
            //console.log('openBillingModal called - modal version');
            const url = '{{route("discrepancies.billing.index")}}';
            Action.showModal('billing', url, '5xl');
        };

    });
    /**
     * 補助画面モーダルからのメッセージ受信時
     */
    window.addEventListener("message", (event) => {
        //｜モーダルを閉じる
        const iframe = $('#billing iframe');
        if (event.source !== iframe.contentWindow) return;
        //｜ローディング表示
        EntryAction.disableAction();
        Action.onLoading();
        MicroModal.close();
        //｜選択した請求IDで違算入力に遷移する
        const billingId = event.data;
        const action = window.routes.discrepancyEdit.replace(':billing', billingId);
        //console.log('Navigating to:', action);
        Action.link(action);
    });
</script>