@php
    $groups = $permissionData['groups'] ?? [];
    $suffixOrder = $permissionData['suffixOrder'] ?? [];
    $orphans = $permissionData['orphans'] ?? collect();
    $rolePermissions = $rolePermissions ?? [];
@endphp
<div class="table-responsive border rounded mb-3">
    <table class="table table-sm table-hover mb-0">
        <thead class="thead-light">
        <tr>
            <th class="align-middle" style="min-width: 160px;">{{ __('Module') }}</th>
            @foreach($suffixOrder as $suffix)
                <th class="text-center small" style="min-width: 72px;">
                    @if($suffix === 'list') {{ __('Read') }} @elseif($suffix === 'Approve') {{ __('Approve') }} @else {{ __(ucfirst($suffix)) }} @endif
                </th>
            @endforeach
        </tr>
        </thead>
        <tbody>
        @forelse($groups as $module => $actions)
            <tr>
                <td class="font-weight-semibold align-middle">{{ preg_replace('/(?<!^)([A-Z])/', ' $1', $module) }}</td>
                @foreach($suffixOrder as $suffix)
                    <td class="text-center align-middle">
                        @isset($actions[$suffix])
                            <label class="mb-0 d-inline-flex align-items-center justify-content-center" style="min-height: 1.5rem;">
                                <input type="checkbox" name="permission[]" value="{{ $actions[$suffix]->id }}"
                                       class="permission-checkbox"
                                    {{ isset($rolePermissions[$actions[$suffix]->id]) ? 'checked' : '' }}>
                            </label>
                        @else
                            <span class="text-muted">—</span>
                        @endisset
                    </td>
                @endforeach
            </tr>
        @empty
            <tr>
                <td colspan="9" class="text-center text-muted">{{ __('No permissions found.') }}</td>
            </tr>
        @endforelse
        </tbody>
    </table>
</div>

@if($orphans->isNotEmpty())
    <p class="mb-2 font-weight-semibold">{{ __('Other permissions') }}</p>
    <div class="d-flex flex-wrap border rounded p-2" style="gap: 0.5rem;">
        @foreach($orphans as $p)
            <label class="mb-0 small border rounded px-2 py-1 bg-light">
                <input type="checkbox" name="permission[]" value="{{ $p->id }}"
                    {{ isset($rolePermissions[$p->id]) ? 'checked' : '' }}>
                {{ $p->name }}
            </label>
        @endforeach
    </div>
@endif