@php
    // approver_typeがEnumオブジェクトの場合は->valueで値を取得
    $rawApproverType = $row->approver_type ?? 1;
    $approverType = old('%approver_type[]', is_object($rawApproverType) ? $rawApproverType->value : $rawApproverType);
    $approverGroupId = old('%approver_group_id[]', $row->approver_group_id ?? '');
    // exclude_requesterもEnumオブジェクトの場合がある
    $rawExcludeRequester = $row->exclude_requester ?? '';
    $excludeRequester = old('%exclude_requester[]', is_object($rawExcludeRequester) ? $rawExcludeRequester->value : $rawExcludeRequester);
@endphp
<tr data-index="{{$index}}" x-data="{ approverType: '{{$approverType}}' }">
    @php($id=property_exists($row, 'id') ? $row->id : '')
    <td class="text-center">
        <input type="hidden" name="seq[]" value="{{$index}}" />
        <input type="hidden" name="%id[]" value="{{$id}}" />
        <input type="hidden" name="%approval_templates_id[]" value="{{$base->id}}" />
        <span data-item="row">
            <input type="hidden" name="%step_order[]" value="{{$index+1}}" />
            {{($index+1)}}
        </span>
    </td>
    <td style="vertical-align: top;">
        <div class="flex flex-col gap-1">
            <label class="inline-flex items-center">
                <input type="radio" name="%approver_type_radio_{{$index}}" value="1"
                    x-model="approverType" class="form-radio text-primary-600" />
                <span class="ml-1 text-sm">個人</span>
            </label>
            <label class="inline-flex items-center">
                <input type="radio" name="%approver_type_radio_{{$index}}" value="2"
                    x-model="approverType" class="form-radio text-primary-600" />
                <span class="ml-1 text-sm">グループ</span>
            </label>
            <input type="hidden" name="%approver_type[]" :value="approverType" />
        </div>
        <x-input.modal-error messages="{{$modalErrors?->first('%approver_type.'.$index)}}" />
    </td>
    <td style="vertical-align: top;">
        {{-- 個人選択時: ユーザー選択 --}}
        <div x-show="approverType == '1'">
            <livewire:parts.input-user
                suffix="approver_user_id[{{$index}}]"
                id="approver_user_id_{{$index}}"
                name="%approver_user_id[]"
                value="{{old('%approver_user_id[]', $row->approver_user_id)}}"
                wire:key="{{uniqid()}}" />
            <x-input.modal-error messages="{{$modalErrors?->first('%approver_user_id.'.$index)}}" />
        </div>
        {{-- グループ選択時: グループ選択 + 申請者除外フラグ --}}
        <div x-show="approverType == '2'" class="flex flex-col gap-2">
            <x-input.select :items="$approverGroups" class="w-full"
                name="%approver_group_id[]"
                value="{{$approverGroupId}}" />
            <x-input.modal-error messages="{{$modalErrors?->first('%approver_group_id.'.$index)}}" />
            <label class="inline-flex items-center" x-data="{ excludeRequester: {{ $excludeRequester == 1 ? 'true' : 'false' }} }">
                <input type="hidden" name="%exclude_requester[]" :value="excludeRequester ? '1' : '9'" />
                <input type="checkbox" x-model="excludeRequester"
                    class="form-checkbox text-primary-600" />
                <span class="ml-1 text-sm">申請者を除外</span>
            </label>
        </div>
    </td>
    <td style="vertical-align: top;">
        {{-- 個人選択時: 代行者を指定可能 --}}
        <div x-show="approverType == '1'">
            <livewire:parts.input-user
                suffix="delegate_user_id[{{$index}}]"
                id="delegate_user_id_{{$index}}"
                name="%delegate_user_id[]"
                value="{{old('%delegate_user_id[]', $row->delegate_user_id)}}"
                wire:key="{{uniqid()}}" />
            <x-input.modal-error messages="{{$modalErrors?->first('%delegate_user_id.'.$index)}}" />
        </div>
        {{-- グループ選択時: グループメンバーが代行 --}}
        <div x-show="approverType == '2'" class="text-sm text-gray-500">
            グループメンバーが代行
        </div>
    </td>
    <td>
        <x-input.textarea name="%note[]" class="w-full" rows="3" value="{{old('%note[]', $row->note)}}" />
        <x-input.modal-error messages="{{$modalErrors?->first('%note.'.$index)}}" />
    </td>
    <td style="vertical-align: top;">
        @php($visible = (App\Services\Logic\Assist::getCurrentRoutePermissions()->canDestroy) ? '' : 'hidden')
        @if(empty($id))
        <x-button.modal-delete onclick="MicroModal.show('confirm_action_{{$index}}')" class="{{$visible}}" />
        <x-modal.confirm-row-action :id="'confirm_action_' . $index" :action="'deleteRow(' . $index . ')'" />
        @else
        <x-button.modal-delete id="btn_delete_{{$id}}" data-micromodal-trigger="confirm_deletion_{{$id}}" class="{{$visible}}" />
        @endif
    </td>
</tr>