{{-- 明細行の入力項目のname属性には先頭に%をつける（seq以外｜伝票項目と区別する為） --}}
{{-- 1行＝1Livewireコンポーネント。ルート要素は <tr>（親コンポーネントのルートが <tbody>） --}}
<tr data-row-no>
    {{-- 行アクション --}}
    <td class="text-center">
        <x-dropdown align="bottom" width="w-32" contentClasses="py-1 bg-white !ring-opacity-10 [&_a]:!py-1">
            <x-slot name="trigger">
                <x-button type="button" icon="fa-solid fa-bars-staggered" class="btn-primary-alt btn-secondary-alt btn-base py-1 px-0.5 rounded" />
            </x-slot>
            <x-slot name="content">
                <x-dropdown-link-button class="cursor-default" wire:click="insertRowAbove">
                    {{ __('Insert row above') }}
                </x-dropdown-link-button>
                <x-dropdown-link class="cursor-default" wire:click="insertRowBelow">
                    {{ __('Insert row below') }}
                </x-dropdown-link>
                <x-dropdown-link-button class="cursor-default" wire:click="deleteRow">
                    {{ __('Delete row') }}
                </x-dropdown-link-button>
            </x-slot>
        </x-dropdown>
    </td>
    {{-- No --}}
    <td class="text-center readonly">
        {{-- seq、idは管理上、必要なので、同じように記載しておく --}}
        <input type="hidden" name="seq[]" value="{{$index}}" />
        <input type="hidden" name="%id[]" value="{{$row['id'] ?? ''}}" />
        <span data-item="row">{{intval($index) + 1}}</span>
    </td>
    {{-- 商品 --}}
    <td>
        {{-- 商品選択｜dispatch属性に商品が変更された時の受信先を指定
             明細配列そのもの（wire:model.live="rows"）は渡さない。
             渡すと子が配列全体のコピーを持ち、古い配列を親へ書き戻して入力が消える。 --}}
        <livewire:parts.input-row-product
            name="%product_id[]" id="product_id_{{$index}}"
            suffix="{{$index}}" :index="$index"
            wire:key="product-{{$row['_wire_key'] ?? $index}}"
            :wireKey="$row['_wire_key'] ?? null"
            :value="$row['product_id'] ?? null"
            dispatch="{{$parts}}.product" />
        {{-- エラー表示項目は入力の下に配置する --}}
        <x-input.error item="%product_id.{{$index}}" />
    </td>
    {{-- ロット番号 --}}
    <td class="readonly">
        <x-input.row-item readonly name="%lot_number[]"
            wire:model="row.lot_number"
            class="w-full" />
        <input type="hidden" name="%product_type[]" value="{{$row['product_type'] ?? ''}}" />
    </td>
    {{-- 賞味期限 --}}
    @if(Enum::match('ProductType.Be', ($row['product_type'] ?? null)))
    <td>
        <x-parts.select-inventory-lot-expiration-date name="%inventory_lot_id[]"
                :product-id="$row['product_id'] ?? null"
                :warehouse-id="$fromWarehouseId"
                :value="$row['inventory_lot_id'] ?? null"
                wire:model="row.inventory_lot_id"
                wire:key="lot-{{$row['_wire_key'] ?? $index}}"
                wire:change="change('inventory_lot_id')"
                />
        <x-input.error item="%inventory_lot_id.{{$index}}" />
        <input type="hidden" name="%expiration_date[]" value="{{$row['expiration_date'] ?? ''}}" />
    </td>
    @else
    <td class="readonly">
        <input type="hidden" name="%inventory_lot_id[]" value="" />
        <input type="hidden" name="%expiration_date[]" value="" />
    </td>
    @endif
    {{-- 現在庫 --}}
    <td class="readonly">
        <x-input.row-item readonly name="%lot_quantity[]"
            value="{{num_format(($row['lot_quantity'] ?? null))}}"
            class="w-full text-right" />
    </td>
    {{-- 移動数量【入力】 --}}
    <td>
        <x-input.number name="%move_quantity[]"
            wire:model="row.move_quantity"
            wire:change="change('move_quantity')"
            class="w-full text-right" />
        <x-input.error item="%move_quantity.{{$index}}" />
    </td>
    {{-- 使用可能数 --}}
    <td class="readonly">
        <x-input.row-item readonly name="%use_quantity[]"
            value="{{num_format(($row['use_quantity'] ?? null))}}"
            class="w-full text-right" />
    </td>
    {{-- 在庫金額（移動前） --}}
    <td class="readonly hidden">
        <x-input.row-item readonly name="%move_before_warehouse_price[]"
            value="{{num_format(($row['move_before_warehouse_price'] ?? null))}}"
            class="w-full text-right" />
    </td>
    {{-- 在庫金額（移動後） --}}
    <td class="readonly hidden">
        <x-input.row-item readonly name="%move_after_warehouse_price[]"
            value="{{num_format(($row['move_after_warehouse_price'] ?? null))}}"
            class="w-full text-right" />
    </td>
    {{-- 明細備考 --}}
    <td>
        <x-input.text name="%detail_note[]"
            wire:model="row.detail_note"
            value="{{$row['detail_note'] ?? ''}}"
            class="w-full" maxlength="500" />
        <x-input.error item="%detail_note.{{$index}}" />
    </td>
</tr>