@props(['board'])

@php
    $selectedRoles = [];
    foreach ([
        'list_roles', 'view_roles', 'post_view_roles', 'write_roles', 'edit_roles', 'delete_roles',
        'comment_view_roles', 'comment_write_roles', 'comment_edit_roles', 'comment_delete_roles',
    ] as $field) {
        $selectedRoles[$field] = old($field, $board->{$field} ?? []) ?? [];
    }

    $groups = [
        [
            'title' => '게시판',
            'description' => '공개 범위 설정과 별도로 역할별 접근 권한을 지정합니다.',
            'fields' => [
                'list_roles' => '게시판 노출',
                'view_roles' => '게시글 목록 열람',
            ],
        ],
        [
            'title' => '게시글',
            'description' => '글 열람과 게시글 작업 권한입니다.',
            'fields' => [
                'post_view_roles' => '글 열람',
                'write_roles' => '글 작성',
                'edit_roles' => '글 수정',
                'delete_roles' => '글 삭제',
            ],
        ],
        [
            'title' => '댓글',
            'description' => '댓글 작업별 허용 역할을 설정합니다.',
            'fields' => [
                'comment_view_roles' => '댓글 열람',
                'comment_write_roles' => '댓글 작성',
                'comment_edit_roles' => '댓글 수정',
                'comment_delete_roles' => '댓글 삭제',
            ],
        ],
    ];

    $roleLabels = app(\App\Core\Board\BoardService::class)->roleOptions();
    if (array_key_exists('authenticated', $roleLabels)) {
        $roleLabels['authenticated'] = '로그인 사용자 전체';
    }
@endphp

<x-ui.card padded class="min-w-0 border border-muted bg-card shadow-sm">
    <div class="space-y-5">
        <div>
            <div class="text-xs font-bold uppercase tracking-[0.18em] c-subtle">Permissions</div>
            <h2 class="mt-1 text-xl font-extrabold tracking-[-0.04em] c-main">권한 설정</h2>
            <p class="mt-2 text-sm leading-6 c-muted">권한별 허용 역할을 표에서 비교하고 설정합니다.</p>
        </div>

        <p class="rounded-[1.25rem] border border-muted bg-surface px-4 py-3 text-sm leading-6 c-muted"><strong class="font-semibold c-main">권한 안내</strong> · 로그인 사용자 전체는 모든 로그인 계정을 포함합니다. 선택하지 않으면 제한이 없습니다.</p>

        <div class="grid gap-4">
            @foreach ($groups as $group)
                <div class="min-w-0 rounded-[1.25rem] border border-muted bg-surface p-4">
                    <div class="space-y-1">
                        <div class="text-sm font-bold c-main">{{ $group['title'] }}</div>
                        <div class="text-xs c-muted">{{ $group['description'] }}</div>
                    </div>

                    <div class="mt-4 min-w-0 max-w-full overflow-x-auto rounded-2xl border border-muted bg-card">
                        <table class="w-full min-w-md border-collapse text-sm">
                            <thead>
                                <tr class="border-b border-muted bg-surface">
                                    <th scope="col" class="w-40 px-2 py-2 text-left text-xs font-semibold c-muted">권한</th>
                                    @foreach ($roleLabels as $role => $label)
                                        <th scope="col" class="whitespace-nowrap px-2 py-2 text-center text-xs font-semibold c-muted">{{ $label }}</th>
                                    @endforeach
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($group['fields'] as $field => $label)
                                    @php($selected = (array) $selectedRoles[$field])
                                    <tr class="border-b border-muted last:border-b-0">
                                        <th scope="row" class="px-2 py-2 text-left text-xs font-semibold c-main">
                                            {{ $label }}
                                            @if ($selected === [])
                                                <span class="mt-0.5 block text-[0.65rem] font-semibold c-subtle">제한 없음</span>
                                            @endif
                                        </th>
                                        @foreach ($roleLabels as $role => $roleLabel)
                                            <td class="px-2 py-2 text-center">
                                                <x-ui.checkbox name="{{ $field }}[]" value="{{ $role }}" :checked="in_array($role, $selected, true)" :aria-label="$label . ' ' . $roleLabel" input-class="mx-auto" />
                                            </td>
                                        @endforeach
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</x-ui.card>