{{-- EDI共通モーダルコンポーネント統合ファイル --}}
{{-- 
    このファイルをインクルードすることで、全ての共通モーダルを一括で利用できます。
    使用方法: @include('user.edi-yodobashi.components.common-modals')
--}}

{{-- 受注詳細モーダル --}}
@include('user.edi-yodobashi.components.order-detail-modal')

{{-- 統一商品選択モーダル --}}
@include('user.edi-yodobashi.components.product-selection-modal')

{{-- 出荷ロット選択モーダル --}}
@include('user.edi-yodobashi.components.lot-selection-modal')

{{-- 共通JavaScript --}}
<script src="{{ asset('js/edi-common-modals.js') }}"></script>

{{-- 
    使用例:
    
    1. 受注詳細モーダルを開く
    <x-button.secondary @click="$refs.orderDetailModal.openModal(orderData)">
        詳細表示
    </x-button.secondary>
    
    2. 商品選択モーダルを開く
    <x-button.primary @click="$refs.productSelectionModal.openModal(errorData, candidateProducts)">
        商品選択
    </x-button.primary>
    
    3. ロット選択モーダルを開く
    <x-button.primary @click="$refs.lotSelectionModal.openModal(productData, availableLots)">
        ロット選択
    </x-button.primary>
    
    4. イベントリスナーの設定
    <div @product-selected="handleProductSelected($event.detail)"
         @product-selection-skipped="handleProductSelectionSkipped($event.detail)"
         @lot-selected="handleLotSelected($event.detail)">
        <!-- コンテンツ -->
    </div>
--}}