{{-- ★明細行を編集｜##TODO:0726%004 --}}
<tr>
    <td class="text-center">
        <input type="hidden" name="seq[]" value="{{$index}}" />
        <input type="hidden" name="%id[]" value="{{$row->id}}" />
        <input type="hidden" name="child_product_id[]" value="{{$row->product_id ?? ''}}" data-row-index="{{$index}}" />
        <span data-item="row">{{intval($index) + 1}}</span>
    </td>
    <td class="readonly">
        {{-- 送信・old復元互換のため hidden は維持。表示は折り返す span に変更（長い商品名の全文表示） --}}
        <input type="hidden" name="product_name[]" value="{{$row->product_name ?? $row->name ?? ''}}" />
        <span class="block px-1.5 whitespace-normal break-words text-base">{{$row->product_name ?? $row->name ?? ''}}</span>
    </td>
    <td class="readonly text-center">
        {{num_format($row->quantity ?? $row->transfer_quantity ?? 0)}}
        <input type="hidden" name="%quantity[]" value="{{$row->quantity ?? $row->transfer_quantity ?? 0}}" />
        <input type="hidden" name="product_type[]" value="{{$row->product_type ?? 0}}" />
        <input type="hidden" name="expiration_options_{{$index}}[]" value="{{json_encode($row->expiration_options ?? [])}}" />
    </td>
    @php
        // 転送タイプに応じたインデックス構造でのold値復元
        // Controllerから渡された配列を優先、なければold()ヘルパーを試行
        $rawOldExpirationDates = isset($old_expiration_dates) ? $old_expiration_dates : old('%expiration_date', []);
        
        // 組立・分解ともに奇数インデックス構造に統一
        // JavaScriptから奇数インデックスで送信されているため、それに合わせる
        $childExpirationIndex = $index * 2 + 1;
        $indexStructure = 'odd-index';
        
        $oldExpirationDate = isset($rawOldExpirationDates[$childExpirationIndex]) ? 
            $rawOldExpirationDates[$childExpirationIndex] : 
            ($row->expiration_date ?? '');
        
    @endphp
    <td x-data="detailExpirationInput" x-init="initSimple('{{$index}}', {{$row->product_type ?? 0}}, '{{$oldExpirationDate}}')">
        <!-- 組立の場合：select -->
        <div x-show="isAssemblyMode && isEnabled" x-transition>
            <select name="%expiration_date[]" 
                    class="w-full input-select text-sm"
                    data-product-id="{{$row->product_id ?? ''}}"
                    data-row-index="{{$index}}"
                    x-model="selectedValue"
                    @change="$dispatch('child-expiration-change', {rowIndex: {{$index}}, selectedDate: $event.target.value})">
                <option value="">選択</option>
                @if(isset($row->expiration_options) && is_array($row->expiration_options))
                    @foreach($row->expiration_options as $option)
                        <option value="{{$option['value']}}" 
                                {{$option['value'] === $oldExpirationDate ? 'selected' : ''}}>
                            {{$option['label']}}
                        </option>
                    @endforeach
                @endif
            </select>
        </div>
        <!-- 分解の場合：date input -->
        <div x-show="!isAssemblyMode && isEnabled" x-transition>
            <x-input.date name="%expiration_date[]"
                x-model="selectedValue" 
                class="text-sm" required />
        </div>
        <!-- 非食品の場合：非表示 -->
        <div x-show="!isEnabled" x-transition>
            <span class="text-gray-400 text-sm">-</span>
        </div>
        <x-input.error item="%expiration_date.{{$index}}"/>
    </td>
    <td class="readonly text-center">
        <span class="transfer-quantity-display" 
              data-component-qty="{{$row->quantity ?? 0}}"
              data-row-index="{{$index}}">{{num_format($row->transfer_quantity ?? 0)}}</span>
        <input type="hidden" name="%transfer_quantity[]" 
               wire:model="rows.{{$index}}.transfer_quantity"
               class="transfer-quantity-input" 
               value="{{$row->transfer_quantity ?? 0}}" />
    </td>
    <td>
        <x-input.text name="%note[]" 
            wire:model="rows.{{$index}}.note" 
            class="w-full"/>
        <x-input.error item="%note.{{$index}}" />
    </td>
</tr>