@if($row->show_row_input)
<tr>
    <td class="sticky-col-1">
        <input type="hidden" name="seq[]" value="{{$index}}" />
        <input type="hidden" name="%id[]" value="{{$row->id}}" />
        <input type="hidden" name="%same_address_ids[]" value="{{$row->same_address_ids}}" />
        <input type="hidden" name="%show_row_input[]" value="{{$row->show_row_input}}" />
        <input type="hidden" name="%complete_row[]" value="{{$row->complete_row}}" />
        <div class="ml-0.5">
            {{-- hidden input で常にPOST送信（ポジション保持）、チェック時にJSで値をセット --}}
            <input type="hidden" name="%selected_ids[]"
                id="hidden_selected_{{$index}}"
                value="{{ !empty($row->selected_ids) && $row->selected_ids == $row->id ? $row->id : '' }}" />
            <x-input.checkbox
                name=""
                text=""
                :value="$row->id"
                :default="!empty($row->selected_ids) && $row->selected_ids == $row->id ? $row->id : null"
                @change="document.getElementById('hidden_selected_{{$index}}').value = $event.target.checked ? '{{$row->id}}' : ''"
                wire:model.live="rows.{{$index}}.selected_ids" />
        </div>
    </td>
    <td class="readonly sticky-col-2">
        <x-input.row-item
            name="%shipment_number[]" class="w-full text-center"
            value="{{$row->shipment_number}}" />
        <x-input.error item="%shipment_number.{{$index}}" />
    </td>
    <td class="readonly sticky-col-3">
        <x-input.row-item
            name="%slip_number[]" class="w-full text-center"
            value="{{$row->slip_number}}" />
        <x-input.error item="%slip_number.{{$index}}" />
    </td>
    <td class="hidden readonly sticky-col-4">
        <div class="input-item text-center">
            @isset($row->order_id)
            <a href="{{ route('orders.show', ['order'=>$row->id]) }}" target="_blank">
                {{$row->customer_code}}
            </a>
            @else
                {{$row->customer_code}}
            @endisset
            <input type="hidden" name="%customer_code[]" value="{{$row->customer_code}}" />
            <input type="hidden" name="%customer_id[]" value="{{$row->customer_id}}" />
            <x-input.error item="%customer_code.{{$index}}" />
        </div>
    </td>
    <td class="readonly sticky-col-5">
        {{$row->customer_name}}
        <input type="hidden" name="%customer_name[]" value="{{$row->customer_name}}" />
        <x-input.error item="%customer_name.{{$index}}" />
    </td>    
    <td class="hidden readonly text-center sticky-col-6">
        {{$row->delivery_code}}
        <input type="hidden" name="%delivery_code[]" value="{{$row->delivery_code}}" />
        <input type="hidden" name="%delivery_id[]" value="{{$row->delivery_id}}" />
        <x-input.error item="%delivery_code.{{$index}}" />
    </td>
    <td class="readonly sticky-col-7">
        {{$row->delivery_name}}
        <input type="hidden" name="%delivery_name[]" value="{{$row->delivery_name}}" />
        <x-input.error item="%delivery_name.{{$index}}" />
    </td>
    <td class="readonly">
        {{$row->delivery_prefecture.$row->delivery_address1.$row->delivery_address2.$row->delivery_address3}}
        <input type="hidden" name="%delivery_prefecture[]" value="{{$row->delivery_prefecture}}" />
        <input type="hidden" name="%delivery_address1[]" value="{{$row->delivery_address1}}" />
        <input type="hidden" name="%delivery_address2[]" value="{{$row->delivery_address2}}" />
        <input type="hidden" name="%delivery_address3[]" value="{{$row->delivery_address3}}" />
        <x-input.error item="%delivery_prefecture.{{$index}}" />
        <x-input.error item="%delivery_address1.{{$index}}" />
        <x-input.error item="%delivery_address2.{{$index}}" />
        <x-input.error item="%delivery_address3.{{$index}}" />
    </td>
    <td class="readonly text-center">
        <x-input.row-item
            name="%shipment_actual_date[]" class="w-full"
            value="{{$row->shipment_actual_date}}" />
        <x-input.error item="%shipment_actual_date.{{$index}}" />
    </td>
    <td class="readonly text-center">
        <x-input.row-item
            name="%arrival_date[]" class="w-full"
            value="{{$row->arrival_date}}" />
        <x-input.error item="%arrival_date.{{$index}}" />
    </td>
    <td class="text-center">
        @if($row->complete_row)
            {{$row->carrier_name}}
            <input type="hidden" name="%carrier_id[]" value="{{$row->carrier_id}}" />
            <input type="hidden" name="%carrier_name[]" value="{{$row->carrier_name}}" />
        @else
            {{-- ★TODO｜以下のどちらかで。 --}}
            {{-- ｜名称検索あり
            <x-parts.select-carrier name="%carrier_id[]" search="on"
                wire:model="rows.{{$index}}.carrier_id" />
            --}}
            {{-- ｜名称検索なし 
            <x-parts.select-carrier name="%carrier_id[]"
                wire:model="rows.{{$index}}.carrier_id" />
            --}}
            <x-parts.select-carrier name="%carrier_id[]" search="on"
                value="{{$row->carrier_id}}"
                wire:model="rows.{{$index}}.carrier_id" 
                wire:change="change({{$index}},'carrier_id')" />
        @endif
        <x-input.error item="%carrier_id.{{$index}}" />
    </td>
    <td>
        @if($row->complete_row)
        <x-input.number name="%package_count[]" 
            value="{{num_format($row->package_count)}}"
            wire:model="rows.{{$index}}.package_count" 
            class="w-full text-right" readonly />
        @else
        <x-input.number name="%package_count[]" 
            value="{{num_format($row->package_count)}}"
            wire:model="rows.{{$index}}.package_count" 
            class="w-full text-right"/>
        @endif
        <x-input.error item="%package_count.{{$index}}" />
    </td>
    <td>
        @if($row->complete_row)
            {{$row->time_slot_name}}
            <input type="hidden" name="%delivery_time_slot_id[]" value="{{$row->delivery_time_slot_id}}" />
            <input type="hidden" name="%time_slot_name[]" value="{{$row->time_slot_name}}" />
        @else
            <x-parts.select-delivery-time-slot name="%delivery_time_slot_id[]"
                :carrier-id="$row->carrier_id"
                wire:model="rows.{{$index}}.delivery_time_slot_id" 
                wire:key="delivery_time_slot_{{$index}}_{{$row->carrier_id}}" />
        @endif
        <x-input.error item="%delivery_time_slot_id.{{$index}}" />
    </td>
    <td>
        @php
            $noteProperty    = 'rows.' . $index . '.invoice_note_1';
            $carrierProperty = 'rows.' . $index . '.carrier_id';
            $yamatoIds       = json_encode(array_values(config('carriers.yamato.ids', [])));
            $sagawaIds       = json_encode(array_values(config('carriers.sagawa.ids', [])));
            $fukuyamaIds     = json_encode(array_values(config('carriers.fukuyama.ids', [])));
            $seinoIds        = json_encode(array_values(config('carriers.seino.ids', [])));
        @endphp
        <div x-data="{
            note: @entangle($noteProperty).live,
            carrierId: @entangle($carrierProperty),
            yamatoIds: {{ $yamatoIds }},
            sagawaIds: {{ $sagawaIds }},
            fukuyamaIds: {{ $fukuyamaIds }},
            seinoIds: {{ $seinoIds }},
            countWidth(str) {
                if (!str) return 0;
                let n = 0;
                for (const c of str) {
                    const code = c.codePointAt(0);
                    n += (code <= 0x7E || (code >= 0xFF61 && code <= 0xFF9F)) ? 1 : 2;
                }
                return n;
            },
            get isYamato() { return this.yamatoIds.includes(Number(this.carrierId)); },
            get isSagawaFukuyamaSeino() {
                const id = Number(this.carrierId);
                return this.sagawaIds.includes(id) || this.fukuyamaIds.includes(id) || this.seinoIds.includes(id);
            },
            get isOverLimit() {
                return (this.isYamato && this.countWidth(this.note) > 50)
                    || (this.isSagawaFukuyamaSeino && this.countWidth(this.note) > 32);
            }
        }">
            @if($row->complete_row)
            <x-input.text name="%invoice_note_1[]" class="w-full"
                wire:model="rows.{{$index}}.invoice_note_1" readonly />
            @else
            <x-input.text name="%invoice_note_1[]" class="w-full"
                wire:model="rows.{{$index}}.invoice_note_1"
                x-bind:class="isOverLimit ? 'border-red-500 bg-red-50 !text-red-600' : ''" />
            @endif
            <x-input.error item="%invoice_note_1.{{$index}}" />
        </div>
    </td>
    <td>
        @php $noteProperty = 'rows.' . $index . '.invoice_note_2'; @endphp
        <div x-data="{
            note: @entangle($noteProperty).live,
            carrierId: @entangle($carrierProperty),
            sagawaIds: {{ $sagawaIds }}, fukuyamaIds: {{ $fukuyamaIds }}, seinoIds: {{ $seinoIds }},
            countWidth(str) {
                if (!str) return 0;
                let n = 0;
                for (const c of str) { const code = c.codePointAt(0); n += (code <= 0x7E || (code >= 0xFF61 && code <= 0xFF9F)) ? 1 : 2; }
                return n;
            },
            get isSagawaFukuyamaSeino() { const id = Number(this.carrierId); return this.sagawaIds.includes(id) || this.fukuyamaIds.includes(id) || this.seinoIds.includes(id); },
            get isOverLimit() { return this.isSagawaFukuyamaSeino && this.countWidth(this.note) > 32; }
        }">
            @if($row->complete_row)
            <x-input.text name="%invoice_note_2[]" class="w-full"
                wire:model="rows.{{$index}}.invoice_note_2" readonly />
            @else
            <x-input.text name="%invoice_note_2[]" class="w-full"
                wire:model="rows.{{$index}}.invoice_note_2"
                x-bind:class="isOverLimit ? 'border-red-500 bg-red-50 !text-red-600' : ''" />
            @endif
            <x-input.error item="%invoice_note_2.{{$index}}" />
        </div>
    </td>
    <td>
        @php $noteProperty = 'rows.' . $index . '.invoice_note_3'; @endphp
        <div x-data="{
            note: @entangle($noteProperty).live,
            carrierId: @entangle($carrierProperty),
            sagawaIds: {{ $sagawaIds }}, fukuyamaIds: {{ $fukuyamaIds }}, seinoIds: {{ $seinoIds }},
            countWidth(str) {
                if (!str) return 0;
                let n = 0;
                for (const c of str) { const code = c.codePointAt(0); n += (code <= 0x7E || (code >= 0xFF61 && code <= 0xFF9F)) ? 1 : 2; }
                return n;
            },
            get isSagawaFukuyamaSeino() { const id = Number(this.carrierId); return this.sagawaIds.includes(id) || this.fukuyamaIds.includes(id) || this.seinoIds.includes(id); },
            get isOverLimit() { return this.isSagawaFukuyamaSeino && this.countWidth(this.note) > 32; }
        }">
            @if($row->complete_row)
            <x-input.text name="%invoice_note_3[]" class="w-full"
                wire:model="rows.{{$index}}.invoice_note_3" readonly />
            @else
            <x-input.text name="%invoice_note_3[]" class="w-full"
                wire:model="rows.{{$index}}.invoice_note_3"
                x-bind:class="isOverLimit ? 'border-red-500 bg-red-50 !text-red-600' : ''" />
            @endif
            <x-input.error item="%invoice_note_3.{{$index}}" />
        </div>
    </td>
    <td>
        @if($row->complete_row)
        <x-input.enum-select key="FreightChargeType" class="w-full"
            name="%freight_charge_type[]" 
            wire:model="rows.{{$index}}.freight_charge_type" readonly />
        @else
        <x-input.enum-select key="FreightChargeType" class="w-full"
            name="%freight_charge_type[]" 
            wire:model="rows.{{$index}}.freight_charge_type" />
        @endif
        <x-input.error item="%freight_charge_type.{{$index}}" />
    </td>
    <td>
        @if($row->complete_row)
        <x-input.number name="%tracking_print_count[]" 
            value="{{num_format($row->tracking_print_count)}}"
            wire:model="rows.{{$index}}.tracking_print_count" 
            class="w-full text-right" readonly />
        @else
        <x-input.number name="%tracking_print_count[]" 
            value="{{num_format($row->tracking_print_count)}}"
            wire:model="rows.{{$index}}.tracking_print_count" 
            class="w-full text-right" />
        @endif
        <x-input.error item="%tracking_print_count.{{$index}}" />
    </td>
    <td class="readonly">
        <x-input.row-item
            name="%tracking_number[]" class="w-full"
            value="{{$row->tracking_number}}" />
        <x-input.error item="%tracking_number.{{$index}}" />
    </td>
    <td>
        @if($row->complete_row)
        {{Enum::name('TrackingNumberStatus', $row->tracking_number_status)}}
        <input type="hidden" name="%tracking_number_status[]" wire:model="rows.{{$index}}.tracking_number_status" />
        @else
        <x-input.enum-select key="TrackingNumberStatus" class="w-full"
            name="%tracking_number_status[]" 
            wire:model="rows.{{$index}}.tracking_number_status" />
        @endif
        <x-input.error item="%tracking_number_status.{{$index}}" />
    </td>
    <td>
        @if($row->complete_row)
        <x-input.number name="%cod_amount[]" 
            wire:model="rows.{{$index}}.cod_amount" 
            class="w-full text-right" readonly />
        @else
        <x-input.number name="%cod_amount[]" 
            wire:model="rows.{{$index}}.cod_amount" 
            class="w-full text-right"/>
        @endif
        <x-input.error item="%cod_amount.{{$index}}" />
    </td>
    <td>
        @if($row->complete_row)
        {{Enum::name('TerminalHoldFlag', $row->terminal_hold_flag)}}
        <input type="hidden" name="%terminal_hold_flag[]" wire:model="rows.{{$index}}.terminal_hold_flag" />
        @else
        <x-input.enum-select key="TerminalHoldFlag" class="w-full"
            name="%terminal_hold_flag[]" 
            wire:model="rows.{{$index}}.terminal_hold_flag" />
        @endif
        <x-input.error item="%terminal_hold_flag.{{$index}}" />
    </td>
    <td>
        @if($row->complete_row)
        <x-input.text name="%terminal_hold_code[]" class="w-full" 
            wire:model="rows.{{$index}}.terminal_hold_code" readonly />
        @else
        <x-input.text name="%terminal_hold_code[]" class="w-full" 
            wire:model="rows.{{$index}}.terminal_hold_code" />
        @endif
        <x-input.error item="%terminal_hold_code.{{$index}}" />
    </td>
    <td>
        @php $noteProperty = 'rows.' . $index . '.invoice_note_4'; @endphp
        <div x-data="{
            note: @entangle($noteProperty).live,
            carrierId: @entangle($carrierProperty),
            sagawaIds: {{ $sagawaIds }}, fukuyamaIds: {{ $fukuyamaIds }}, seinoIds: {{ $seinoIds }},
            countWidth(str) {
                if (!str) return 0;
                let n = 0;
                for (const c of str) { const code = c.codePointAt(0); n += (code <= 0x7E || (code >= 0xFF61 && code <= 0xFF9F)) ? 1 : 2; }
                return n;
            },
            get isSagawaFukuyamaSeino() { const id = Number(this.carrierId); return this.sagawaIds.includes(id) || this.fukuyamaIds.includes(id) || this.seinoIds.includes(id); },
            get isOverLimit() { return this.isSagawaFukuyamaSeino && this.countWidth(this.note) > 32; }
        }">
            @if($row->complete_row)
            <x-input.text name="%invoice_note_4[]" class="w-full"
                wire:model="rows.{{$index}}.invoice_note_4" readonly />
            @else
            <x-input.text name="%invoice_note_4[]" class="w-full"
                wire:model="rows.{{$index}}.invoice_note_4"
                x-bind:class="isOverLimit ? 'border-red-500 bg-red-50 !text-red-600' : ''" />
            @endif
            <x-input.error item="%invoice_note_4.{{$index}}" />
        </div>
    </td>
    <td>
        @php $noteProperty = 'rows.' . $index . '.invoice_note_5'; @endphp
        <div x-data="{
            note: @entangle($noteProperty).live,
            carrierId: @entangle($carrierProperty),
            sagawaIds: {{ $sagawaIds }}, fukuyamaIds: {{ $fukuyamaIds }}, seinoIds: {{ $seinoIds }},
            countWidth(str) {
                if (!str) return 0;
                let n = 0;
                for (const c of str) { const code = c.codePointAt(0); n += (code <= 0x7E || (code >= 0xFF61 && code <= 0xFF9F)) ? 1 : 2; }
                return n;
            },
            get isSagawaFukuyamaSeino() { const id = Number(this.carrierId); return this.sagawaIds.includes(id) || this.fukuyamaIds.includes(id) || this.seinoIds.includes(id); },
            get isOverLimit() { return this.isSagawaFukuyamaSeino && this.countWidth(this.note) > 32; }
        }">
            @if($row->complete_row)
            <x-input.text name="%invoice_note_5[]" class="w-full"
                wire:model="rows.{{$index}}.invoice_note_5" readonly />
            @else
            <x-input.text name="%invoice_note_5[]" class="w-full"
                wire:model="rows.{{$index}}.invoice_note_5"
                x-bind:class="isOverLimit ? 'border-red-500 bg-red-50 !text-red-600' : ''" />
            @endif
            <x-input.error item="%invoice_note_5.{{$index}}" />
        </div>
    </td>
</tr>

@else

<tr>
    <td class="sticky-col-1">
        <input type="hidden" name="seq[]" value="{{$index}}" />
        <input type="hidden" name="%id[]" value="{{$row->id}}" />
        <input type="hidden" name="%same_address_ids[]" value="{{$row->same_address_ids}}" />
        <input type="hidden" name="%show_row_input[]" value="{{$row->show_row_input}}" />
        <input type="hidden" name="%complete_row[]" value="{{$row->complete_row}}" />
        <div class="ml-0.5">
            <input type="text" class="hidden" id="selected_ids_{{$index}}" />
            <input type="hidden" name="%selected_ids[]" value="" />
        </div>
    </td>
    <td class="readonly sticky-col-2">
        <div class="input-item text-center">
            {{$row->shipment_number}}
            <input type="hidden" name="%shipment_number[]" value="{{$row->shipment_number}}" />
            <x-input.error item="%shipment_number.{{$index}}" />
        </div>
    </td>
    <td class="hidden readonly sticky-col-3">
        <div class="input-item text-center">
            @isset($row->order_id)
            <a href="{{ route('orders.show', ['order'=>$row->id]) }}" target="_blank">
                {{$row->customer_code}}
            </a>
            @else
                {{$row->customer_code}}
            @endisset
            <input type="hidden" name="%customer_code[]" value="{{$row->customer_code}}" />
            <input type="hidden" name="%customer_id[]" value="{{$row->customer_id}}" />
        </div>
    </td>
    <td class="readonly sticky-col-4">
        <div class="input-item w-full">
            {{$row->customer_name}}
            <input type="hidden" name="%customer_name[]" value="{{$row->customer_name}}" />
        </div>
    </td>    
    <td class="hidden readonly sticky-col-5">
        <div class="input-item text-center">
            {{$row->delivery_code}}
            <input type="hidden" name="%delivery_code[]" value="{{$row->delivery_code}}" />
            <input type="hidden" name="%delivery_id[]" value="{{$row->delivery_id}}" />
        </div>
    </td>
    <td class="readonly sticky-col-6">
        <div class="input-item w-full">
            {{$row->delivery_name}}
            <input type="hidden" name="%delivery_name[]" value="{{$row->delivery_name}}" />
        </div>
    </td>
    <td class="readonly">
        {{$row->delivery_prefecture.$row->delivery_address1.$row->delivery_address2.$row->delivery_address3}}
        <input type="hidden" name="%delivery_prefecture[]" value="{{$row->delivery_prefecture}}" />
        <input type="hidden" name="%delivery_address1[]" value="{{$row->delivery_address1}}" />
        <input type="hidden" name="%delivery_address2[]" value="{{$row->delivery_address2}}" />
        <input type="hidden" name="%delivery_address3[]" value="{{$row->delivery_address3}}" />
    </td>
    <td class="readonly text-center">
        <div class="input-item w-full">
            {{$row->shipment_actual_date}}
            <input type="hidden" name="%shipment_actual_date[]" value="{{$row->shipment_actual_date}}" />
        </div>
    </td>
    <td class="readonly text-center">
        <div class="input-item w-full">
            {{$row->arrival_date}}
            <input type="hidden" name="%arrival_date[]" value="{{$row->arrival_date}}" />
        </div>
    </td>
    <td class="text-center">
        <input type="hidden" name="%carrier_id[]" value="{{$row->carrier_id}}" />
    </td>
    <td>
        <input type="hidden" name="%package_count[]" value="{{$row->package_count}}" />
    </td>
    <td>
        <input type="hidden" name="%tracking_print_count[]" value="{{$row->tracking_print_count}}" />
    </td>
    <td>
        <input type="hidden" name="%invoice_note_1[]" value="{{$row->invoice_note_1}}" />
    </td>
    <td>
        <input type="hidden" name="%invoice_note_2[]" value="{{$row->invoice_note_2}}" />
    </td>
    <td>
        <input type="hidden" name="%invoice_note_3[]" value="{{$row->invoice_note_3}}" />
    </td>
    <td>
        <input type="hidden" name="%freight_charge_type[]" value="{{$row->freight_charge_type}}" />
    </td>
    <td>
        <input type="hidden" name="%delivery_time_slot_id[]" value="{{$row->delivery_time_slot_id}}" />
    </td>
    <td class="readonly">
        <input type="hidden" name="%tracking_number[]" value="{{$row->tracking_number}}" />
    </td>
    <td>
        <input type="hidden" name="%tracking_number_status[]" value="{{$row->tracking_number_status}}" />
    </td>
    <td>
        <input type="hidden" name="%cod_amount[]" value="{{$row->cod_amount}}" />
    </td>
    <td>
        <input type="hidden" name="%terminal_hold_flag[]" value="{{$row->terminal_hold_flag}}" />
    </td>
    <td>
        <input type="hidden" name="%terminal_hold_code[]" value="{{$row->terminal_hold_code}}" />
    </td>
    <td>
        <input type="hidden" name="%invoice_note_4[]" value="{{$row->invoice_note_4}}" />
    </td>
    <td>
        <input type="hidden" name="%invoice_note_5[]" value="{{$row->invoice_note_5}}" />
    </td>
</tr>

@endif