@php($assist = App\Services\Logic\Assist::class)
{{-- 明細行 --}}
<tr data-seq="{{ $index }}">
    <td class="text-right">{{ $index + 1 }}</td>
    @if($mode=='show')
    <td>
        @if($breakdown['receipt_type']=='')
        <x-input.text readonly key="PaymentReceiptType"
            name="breakdowns[{{ $index }}][receipt_type]"
            value=""
            class="w-full" />
        @else
        <x-input.text readonly key="PaymentReceiptType"
            name="breakdowns[{{ $index }}][receipt_type]"
            value="{{ Enum::name('PaymentReceiptType',old('breakdowns.'.$index.'.receipt_type', $breakdown['receipt_type'] ?? '')) }}"
            class="w-full" />
        @endif
        <x-input.error item="rows.{{ $index }}.receipt_type" />
    </td>
    <td>
        <x-input.number readonly name="breakdowns[{{ $index }}][amount]"
            wire:model.live="rows.{{ $index }}.amount"
            value="{{ old('breakdowns.'.$index.'.amount', $breakdown['amount'] ?? 0) }}"
            class="w-full text-right" />
        <x-input.error item="rows.{{ $index }}.amount" />
    </td>
    <td>
        <x-input.text readonly name="breakdowns[{{ $index }}][bank_name]"
            wire:model.live="rows.{{ $index }}.bank_name"
            value="{{ old('breakdowns.'.$index.'.bank_name', $breakdown['bank_name'] ?? '') }}"
            class="w-full" />
        <x-input.error item="rows.{{ $index }}.bank_name" />
    </td>
    <td>
        <x-input.text readonly name="breakdowns[{{ $index }}][bank_branch_name]"
            wire:model.live="rows.{{ $index }}.bank_branch_name"
            value="{{ old('breakdowns.'.$index.'.bank_branch_name', $breakdown['bank_branch_name'] ?? '') }}"
            class="w-full" />
        <x-input.error item="rows.{{ $index }}.bank_branch_name" />
    </td>
    <td>
        <x-input.text readonly class="w-24" name="breakdowns[{{ $index }}][bill_due_date]"
            wire:model.live="rows.{{ $index }}.bill_due_date"
            value="{{ old('breakdowns.'.$index.'.bill_due_date', $breakdown['bill_due_date'] ?? '') }}"
            class="w-full" />
        <x-input.error item="rows.{{ $index }}.bill_due_date" />
    </td>
    <td>
        <x-input.text readonly name="breakdowns[{{ $index }}][note]"
            wire:model.live="rows.{{ $index }}.note"
            value="{{ old('breakdowns.'.$index.'.note', $breakdown['note'] ?? '') }}"
            class="w-full" />
        <x-input.error item="rows.{{ $index }}.note" />
    </td>
    <td class="text-center">
        
    </td>
    @else
    <td>
        <x-input.enum-select key="PaymentReceiptType"
            name="breakdowns[{{ $index }}][receipt_type]"
            wire:model.live="rows.{{ $index }}.receipt_type"
            value="{{ old('breakdowns.'.$index.'.receipt_type', $breakdown['receipt_type'] ?? '') }}"
            class="w-full" />
        <x-input.error item="rows.{{ $index }}.receipt_type" />
    </td>
    <td>
        <x-input.number name="breakdowns[{{ $index }}][amount]"
            wire:model.live="rows.{{ $index }}.amount"
            wire:change="change({{$index}},'amount')" 
            value="{{ old('breakdowns.'.$index.'.amount', $breakdown['amount'] ?? 0) }}"
            class="w-full text-right" />
        <x-input.error item="rows.{{ $index }}.amount" />
    </td>
    <td>
        <x-input.text name="breakdowns[{{ $index }}][bank_name]"
            wire:model.live="rows.{{ $index }}.bank_name"
            value="{{ old('breakdowns.'.$index.'.bank_name', $breakdown['bank_name'] ?? '') }}"
            class="w-full" />
        <x-input.error item="rows.{{ $index }}.bank_name" />
    </td>
    <td>
        <x-input.text name="breakdowns[{{ $index }}][bank_branch_name]"
            wire:model.live="rows.{{ $index }}.bank_branch_name"
            value="{{ old('breakdowns.'.$index.'.bank_branch_name', $breakdown['bank_branch_name'] ?? '') }}"
            class="w-full" />
        <x-input.error item="rows.{{ $index }}.bank_branch_name" />
    </td>
    <td>
        <x-input.date name="breakdowns[{{ $index }}][bill_due_date]"
            wire:model.live="rows.{{ $index }}.bill_due_date"
            value="{{ old('breakdowns.'.$index.'.bill_due_date', $breakdown['bill_due_date'] ?? '') }}"
            class="w-full" />
        <x-input.error item="rows.{{ $index }}.bill_due_date" />
    </td>
    <td>
        <x-input.text name="breakdowns[{{ $index }}][note]"
            wire:model.live="rows.{{ $index }}.note"
            value="{{ old('breakdowns.'.$index.'.note', $breakdown['note'] ?? '') }}"
            class="w-full" />
        <x-input.error item="rows.{{ $index }}.note" />
    </td>
    <td class="text-center">
        <x-button.delete onclick="removeBreakdownRow({{ $index }})" />
    </td>
    @endif
    <input type="hidden" name="breakdowns[{{ $index }}][breakdown_id]" 
        value="{{ old('breakdowns.'.$index.'.breakdown_id', $breakdown['breakdown_id'] ?? '') }}"
        />
    <input type="hidden" name="breakdowns[{{ $index }}][matching_id]" 
        value="{{ old('breakdowns.'.$index.'.matching_id', $breakdown['matching_id'] ?? '') }}"
        />
</tr>