{{-- 承認経路詳細行 --}}
    <table class="list-table">
        <colgroup>
            <col class="w-20"> <!-- ステップ順 -->
            <col class="w-60"> <!-- 承認者 -->
            <col class="w-60"> <!-- 代行者 -->
            <col class="min-w-40"> <!-- 備考 -->
        </colgroup>
        <thead>
            <tr>
                <th>ステップ順</th>
                <th>承認者</th>
                <th>代行者</th>
                <th>備考</th>
            </tr>
        </thead>
        <tbody>
            @php($approvalTemplates = $approvalTemplate->approvalTemplateSteps()->orderBy('step_order', 'asc')->get())
            @foreach($approvalTemplates as $row)
            <tr>
                <td class="text-center">
                    <span data-item="row">{{($row->step_order)}}</span>
                </td>
                <td>
                    @if($row->approver_type?->value == \App\Enums\ApproverType::Individual->value)
                        {{$row->approverUser?->family_name}}{{$row->approverUser?->given_name}}
                    @else
                        <div x-data="{ open: false }">
                            <span class="text-primary-600 cursor-pointer hover:underline" @click="open = !open">
                                {{$row->approverGroup?->group_name}}
                                <span x-text="open ? '▲' : '▼'" class="text-xs ml-1"></span>
                            </span>
                            <span class="text-xs text-gray-500">（グループ）</span>
                            <div x-show="open" x-collapse class="mt-1 pl-2 text-sm text-gray-600 border-l-2 border-gray-200">
                                @foreach($row->approverGroup?->activeUsers ?? [] as $member)
                                    <div class="py-0.5">・{{$member->user?->family_name}}{{$member->user?->given_name}}</div>
                                @endforeach
                                @if(empty($row->approverGroup?->activeUsers) || $row->approverGroup->activeUsers->isEmpty())
                                    <div class="py-0.5 text-gray-400">メンバーが登録されていません</div>
                                @endif
                            </div>
                        </div>
                    @endif
                </td>
                <td>
                    @if($row->approver_type?->value == \App\Enums\ApproverType::Individual->value)
                        {{$row->delegateUser?->family_name}}{{$row->delegateUser?->given_name}}
                    @else
                        <span class="text-xs text-gray-500">グループメンバー</span>
                    @endif
                </td>
                <td>{{$row->note}}</td>
            </tr>
            @endforeach
        </tbody>
    </table>