{{-- 上段 --}}

{{-- ★明細行の入力項目のname属性には先頭に%をつける（seq以外｜伝票項目と区別する為） --}}
<tr>
    {{-- 行アクション --}}
    <td rowspan="2" class="text-center">
        @include('livewire.partials.entry-row-action')
    </td>
    {{-- No --}}
    <td rowspan="2" class="text-center">
        {{-- ★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属性に商品が変更された時の受信先を指定（dispatch不要なら外す） --}}
        <livewire:parts.input-row-product
            name="%product_id[]" custom="%product_name[]" id="product_id_{{$index}}" 
            suffix="{{$index}}" :index="$index" wire:key="{{uniqid()}}" 
            dispatch="{{$parts}}.product"
            wire:model.live="rows" >
        {{-- ★エラー表示項目は入力の下に配置する --}}
        <x-input.error item="%product_id.{{$index}}" />
    </td>
    {{-- 数量 --}}
    <td>
        <x-input.number name="%quantity[]" 
            value="{{num_format($row->quantity)}}"
            wire:model="rows.{{$index}}.quantity" 
            wire:change="change({{$index}},'quantity')" 
            class="w-full text-right"/>
        <x-input.error item="%quantity.{{$index}}" />
    </td>
    {{-- 単価 --}}
    <td class="readonly">
        <x-input.row-item name="%price[]" 
            value="{{num_format($row->price)}}" 
            class="w-full text-right" />
    </td>
    <td class="text-center">
        <x-button.row-sub text="補" title="補助モーダル" wire:click="onSubX({{$index}})" />
    </td>
    {{-- ★表示のみの項目はtdをreadonly、枠無しinput（x-input.row-item）使用 --}}
    <td class="readonly">
        <x-input.row-item name="%note[]" value="{{$row->note}}" class="w-full" />
    </td>
    </td>
    <td></td>
</tr>
{{-- 下段 --}}
<tr>
    <td>&nbsp;</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>