@php
    $roleName = $subAdmin->adminRole?->name;
    $permissionLabels = collect($subAdmin->effectivePermissions())->map(fn ($permission) => \App\Support\AdminPermissionRegistry::definitions()[$permission]['label'] ?? $permission)->values();
    $assignedNames = $subAdmin->assignedUsers->pluck('name')->filter()->values();
    $assignedIds = $subAdmin->assignedUsers->pluck('id')->map(fn ($id) => (int) $id)->values();
@endphp

<tr data-sub-admin-row data-sub-admin-id="{{ $subAdmin->id }}" data-search="{{ strtolower(trim($subAdmin->name . ' ' . $subAdmin->email . ' ' . ($roleName ?? '') . ' ' . $assignedNames->join(' ') . ' ' . $permissionLabels->join(' '))) }}">
    <td>{{ $subAdmin->name }}</td>
    <td>{{ $subAdmin->email }}</td>
    <td>
        <span class="badge {{ $subAdmin->is_active ? 'text-bg-success' : 'text-bg-secondary' }}">
            {{ $subAdmin->is_active ? 'Active' : 'Inactive' }}
        </span>
    </td>
    <td>
        @if ($roleName)
            <span class="badge text-bg-primary">{{ $roleName }}</span>
        @else
            <span class="text-muted small">No role assigned</span>
        @endif
    </td>
    <td>
        @if ($assignedNames->isNotEmpty())
            <div class="small fw-semibold">{{ $subAdmin->assigned_users_count }}</div>
            <div class="text-muted small">{{ $assignedNames->take(2)->implode(', ') }}{{ $assignedNames->count() > 2 ? ' +' . ($assignedNames->count() - 2) : '' }}</div>
        @else
            <span class="text-muted small">No merchant assigned</span>
        @endif
    </td>
    <td>
        @if ($permissionLabels->isNotEmpty())
            <div class="sub-admin-permission-badges">
                @foreach ($permissionLabels as $permissionLabel)
                    <span class="sub-admin-permission-badge">{{ $permissionLabel }}</span>
                @endforeach
            </div>
        @else
            <span class="text-muted small">No module permissions assigned.</span>
        @endif
    </td>
    <td class="text-end">
        <div class="d-inline-flex gap-2 align-items-center">
            <button
                type="button"
                class="btn btn-outline-info btn-sm rounded-circle d-inline-flex align-items-center justify-content-center"
                data-sub-admin-assign-trigger
                data-sub-admin-id="{{ $subAdmin->id }}"
                data-sub-admin-name="{{ $subAdmin->name }}"
                data-sub-admin-email="{{ $subAdmin->email }}"
                data-assigned-user-ids='@json($assignedIds)'
                title="Assign merchants"
                aria-label="Assign merchants"
                style="width: 2rem; height: 2rem;"
            >
                <i class="bi bi-diagram-3"></i>
            </button>
            <button
                type="button"
                class="btn btn-outline-primary btn-sm rounded-circle d-inline-flex align-items-center justify-content-center"
                data-bs-toggle="modal"
                data-bs-target="#editSubAdminModal"
                data-sub-admin-edit-trigger
                data-sub-admin-id="{{ $subAdmin->id }}"
                data-sub-admin-name="{{ $subAdmin->name }}"
                data-sub-admin-email="{{ $subAdmin->email }}"
                data-sub-admin-status="{{ (int) $subAdmin->is_active }}"
                data-sub-admin-role-id="{{ $subAdmin->admin_role_id }}"
                title="Edit sub admin"
                aria-label="Edit sub admin"
                style="width: 2rem; height: 2rem;"
            >
                <i class="bi bi-pencil-square"></i>
            </button>
            <form method="POST" action="{{ route('admin.sub_admins.destroy', $subAdmin) }}" onsubmit="return confirm('Delete this sub admin?');" class="d-inline-flex">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-outline-danger btn-sm rounded-circle d-inline-flex align-items-center justify-content-center" title="Delete sub admin" aria-label="Delete sub admin" style="width: 2rem; height: 2rem;">
                    <i class="bi bi-trash"></i>
                </button>
            </form>
        </div>
    </td>
</tr>