{{-- 明細行の入力項目の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}}" />
        {{-- 隠しフィールド --}}
        <input type="hidden" name="%product_type[]" value="{{$row['product_type'] ?? ''}}" />
        <input type="hidden" name="%stock_control_type[]" value="{{$row['stock_control_type'] ?? ''}}" />
        <input type="hidden" name="%carton_quantity[]" value="{{$row['carton_quantity'] ?? ''}}" />
    </td>
    {{-- ロット番号 --}}
    <td class="readonly">
        <x-input.row-item readonly name="%lot_number[]"
            wire:model="row.lot_number"
            class="w-full" />
    </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="$warehouseId"
                :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="%current_quantity[]"
            value="{{num_format(($row['current_quantity'] ?? null))}}"
            class="w-full text-right" />
    </td>
    {{-- 調整数【入力】 --}}
    <td>
        <x-input.number name="%adjustment_quantity[]"
            wire:model="row.adjustment_quantity"
            wire:change="change('adjustment_quantity')"
            class="w-full text-right" />
        <x-input.error item="%adjustment_quantity.{{$index}}" />
    </td>
    {{-- 調整後在庫【表示のみ】 --}}
    <td class="readonly">
        <x-input.row-item readonly name="%after_quantity[]"
            value="{{num_format(($row['after_quantity'] ?? null))}}"
            wire:model="row.after_quantity"
            class="w-full text-right" />
    </td>
    {{-- 備考 --}}
    <td>
        <x-input.text name="%note[]"
            wire:model="row.note"
            value="{{$row['note'] ?? ''}}"
            class="w-full" maxlength="500" />
    </td>
</tr>