import { Result, Tabs } from 'antd';
import { useCurrentUser } from '../auth/MeContext';
import { USERS_ADMIN } from '../auth/permissions';
import { PermissionMatrix } from '../widgets/Admin/PermissionMatrix';
import { UsersTable } from '../widgets/Admin/UsersTable';

/**
 * Экран администратора `/admin`: пользователи и роли, матрица прав.
 *
 * Профиль берём из `AuthGate` (`useCurrentUser`), а не новым запросом `/me`. Без права `USERS_ADMIN` таблицы даже не
 * создаются — значит, их эффекты не запускаются и запросов к `/admin/*` нет. Проверка здесь — только удобство
 * интерфейса: доступ на самом деле решает сервер (403 на `/admin/*` без права).
 */
export function Admin() {
	const me = useCurrentUser();

	if (!me.permissions.includes(USERS_ADMIN)) {
		return <Result status='403' title='Нет доступа' subTitle='Раздел доступен пользователям с правом администрирования' />;
	}

	return (
		<div style={{ margin: 10, padding: 16, background: 'white', borderRadius: 10, height: 'calc(100% - 20px)', overflow: 'auto' }}>
			{/* вкладка «Матрица прав» создаётся (и грузит данные) только при первом открытии */}
			<Tabs
				items={[
					{ key: 'users', label: 'Пользователи', children: <UsersTable /> },
					{ key: 'matrix', label: 'Матрица прав', children: <PermissionMatrix /> },
				]}
			/>
		</div>
	);
}