@php($assist = App\Services\Logic\Assist::class)
@php($isShow = ($mode ?? 'create') === 'show')
@php($receiptType = (int)($row->receipt_type ?? 1))
@php($isBankVisible = in_array($receiptType, [1, 4, 5]))  {{-- 振込, 手形, でんさい --}}
@php($isBillDateVisible = in_array($receiptType, [4, 5]))  {{-- 手形, でんさい --}}
@php($hasMultipleCustomers = $hasMultipleCustomers ?? false)
@php($billingCustomers = $billingCustomers ?? [])
@php($rowKey = $row->id ?? 'new-'.$index.'-'.uniqid())

{{-- 上段 --}}
<tr wire:key="row-1-{{ $rowKey }}" data-seq="{{ $index }}"
    x-data="{ receiptType: {{ $receiptType }} }">
    {{-- hidden fields --}}
    <input type="hidden" name="seq[]" value="{{ $index }}" />
    <input type="hidden" name="breakdowns[{{ $index }}][id]" value="{{ $row->id ?? '' }}" />
    @if(!$hasMultipleCustomers)
    <input type="hidden" name="breakdowns[{{ $index }}][customer_id]"
        wire:model="rows.{{ $index }}.customer_id"
        value="{{ $row->customer_id ?? '' }}" />
    @endif
    {{-- アクション --}}
    <td rowspan="2" class="text-center">
        @if(!$isShow)
        @include('livewire.partials.entry-row-action', [
            'index' => $index,
            'disabledDelete' => !$this->isDeletable($index)
        ])
        @endif
    </td>

    {{-- No --}}
    <td rowspan="2" class="text-center">{{ $index + 1 }}</td>

    {{-- 請求得意先（複数得意先がある場合のみ表示） --}}
    @if($hasMultipleCustomers)
    @php($selectedCustomer = collect($billingCustomers)->firstWhere('id', $row->customer_id ?? null))
    <td rowspan="2" class="align-top">
        @if($isShow)
            <x-input.row-item
                value="{{ ($selectedCustomer['customer_code'] ?? '') . ' ' . ($selectedCustomer['customer_name'] ?? '-') }}"
                title="{{ ($selectedCustomer['customer_code'] ?? '') . ' ' . ($selectedCustomer['customer_name'] ?? '') }}" />
        @else
        <select name="breakdowns[{{ $index }}][customer_id]"
            wire:model.live="rows.{{ $index }}.customer_id"
            wire:change="changeBreakdownCustomer({{ $index }}, $event.target.value)"
            class="input-select w-full text-sm truncate"
            title="{{ ($selectedCustomer['customer_code'] ?? '') . ' ' . ($selectedCustomer['customer_name'] ?? '') }}">
            @foreach($billingCustomers as $customer)
            <option value="{{ $customer['id'] }}" {{ ($row->customer_id ?? '') == $customer['id'] ? 'selected' : '' }}
                title="{{ $customer['customer_code'] ?? '' }} {{ $customer['customer_name'] }}">
                {{ $customer['customer_code'] ?? '' }} {{ $customer['customer_name'] }}@if($customer['is_parent'] ?? false) (親)@endif
            </option>
            @endforeach
        </select>
        @endif
    </td>
    @endif

    {{-- 入金区分 --}}
    <td>
        @if($isShow)
        <x-input.row-item
            value="{{ App\Enums\PaymentReceiptType::tryFrom($receiptType)?->getName() ?? '' }}" />
        @else
        <select name="breakdowns[{{ $index }}][receipt_type]"
            id="receipt_type_{{ $index }}"
            wire:model.change="rows.{{ $index }}.receipt_type"
            wire:change="change({{ $index }}, 'receipt_type')"
            x-on:change="receiptType = parseInt($event.target.value); $nextTick(() => { document.getElementById('amount_{{ $index }}')?.focus(); })"
            class="input-select w-full text-sm">
            @foreach($receiptTypes as $type)
            <option value="{{ $type->value }}" {{ $receiptType == $type->value ? 'selected' : '' }}>
                {{ $type->getName() }}
            </option>
            @endforeach
        </select>
        @endif
    </td>

    {{-- 金額 --}}
    <td>
        @if($isShow)
        <x-input.row-item class="text-right" value="{{ num_format($row->amount ?? 0) }}" />
        @else
        <x-input.number name="breakdowns[{{ $index }}][amount]"
            id="amount_{{ $index }}"
            wire:model.blur="rows.{{ $index }}.amount"
            wire:change="change({{ $index }}, 'amount')"
            class="w-full text-right"
            value="{{ num_format($row->amount ?? 0) }}" />
        @endif
    </td>

    {{-- 銀行名 --}}
    <td>
        <div x-show="[1, 4, 5].includes(receiptType)" x-cloak>
            @if($isShow)
            <x-input.row-item class="w-full" value="{{ $row->bank_name ?? '' }}" />
            @else
            <x-input.text name="breakdowns[{{ $index }}][bank_name]"
                wire:model="rows.{{ $index }}.bank_name"
                class="w-full"
                value="{{ $row->bank_name ?? '' }}" />
            @endif
        </div>
        <div x-show="![1, 4, 5].includes(receiptType)" x-cloak>
            <span class="text-gray-400">-</span>
        </div>
    </td>

    {{-- 支店名 --}}
    <td>
        <div x-show="[1, 4, 5].includes(receiptType)" x-cloak>
            @if($isShow)
            <x-input.row-item class="w-full" value="{{ $row->bank_branch_name ?? '' }}" />
            @else
            <x-input.text name="breakdowns[{{ $index }}][bank_branch_name]"
                wire:model="rows.{{ $index }}.bank_branch_name"
                class="w-full"
                value="{{ $row->bank_branch_name ?? '' }}" />
            @endif
        </div>
        <div x-show="![1, 4, 5].includes(receiptType)" x-cloak>
            <span class="text-gray-400">-</span>
        </div>
    </td>

    @if(false) {{-- 消込機能一時非表示 --}}
    {{-- 消込ステータス --}}
    @php($matchingStatus = $this->getRowMatchingStatus($index))
    @php($isNoMatchingType = in_array($receiptType, [2, 6, 7]))
    @php($statusDescriptionId = 'matching-status-desc-' . $index)
    <td rowspan="2" class="align-top">
        <div class="flex items-center gap-2" role="group" aria-label="消込ステータス">
            {{-- ステータスアイコン --}}
            <span class="{{ $matchingStatus['class'] ?? 'text-gray-400' }}"
                title="{{ $matchingStatus['label'] ?? '' }}"
                role="status"
                aria-label="{{ $matchingStatus['label'] ?? '消込ステータス不明' }}">
                {{ $matchingStatus['icon'] ?? '⚪' }}
            </span>

            {{-- 消込ボタン（消込不要でない場合 & 編集モードのみ） --}}
            @if(!$isNoMatchingType && !$isShow)
            <button type="button"
                wire:click="selectBreakdownForMatching({{ $index }})"
                class="px-2 py-1 text-xs rounded bg-gray-200 text-gray-700 hover:bg-primary-100 hover:text-primary-700 transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-1"
                title="消込詳細を開く"
                aria-label="内訳{{ $index + 1 }}の消込詳細を開く"
                aria-describedby="{{ $statusDescriptionId }}">
                <i class="fa-solid fa-link mr-1" aria-hidden="true"></i>消込
            </button>
            @endif

            {{-- 消込済み金額サマリー --}}
            @if(($matchingStatus['matchedTotal'] ?? 0) > 0)
            <span class="text-xs text-gray-500" id="{{ $statusDescriptionId }}">
                ({{ num_format($matchingStatus['matchedTotal']) }})
            </span>
            @else
            <span class="sr-only" id="{{ $statusDescriptionId }}">消込金額なし</span>
            @endif
        </div>

        {{-- hidden field for matchings --}}
        <input type="hidden" name="breakdowns[{{ $index }}][matchings]"
            value="{{ json_encode($row->matchings ?? []) }}" />
    </td>
    @endif
</tr>
{{-- 下段 --}}
<tr wire:key="row-2-{{ $rowKey }}"
    x-data="{ receiptType: {{ $receiptType }} }">
    {{-- 手形期日 --}}
    <td>
        <div x-show="[4, 5].includes(receiptType)" x-cloak>
            @if($isShow)
            <x-input.row-item class="w-full" value="{{ $row->bill_due_date ?? '' }}" />
            @else
            <x-input.date name="breakdowns[{{ $index }}][bill_due_date]"
                wire:model="rows.{{ $index }}.bill_due_date"
                class="w-full"
                value="{{ $row->bill_due_date ?? '' }}" />
            @endif
        </div>
        <div x-show="![4, 5].includes(receiptType)" x-cloak>
            <span class="text-gray-400">-</span>
        </div>
    </td>

    {{-- 摘要（colspan=3で拡大表示） --}}
    <td colspan="3">
        @if($isShow)
        <x-input.row-item class="w-full" value="{{ $row->note ?? '' }}" />
        @else
        <x-input.text name="breakdowns[{{ $index }}][note]"
            wire:model="rows.{{ $index }}.note"
            class="w-full"
            value="{{ $row->note ?? '' }}" />
        @endif
    </td>
</tr>