import { Tabs, TabsItem } from '@rocket.chat/fuselage';
import { useRouteParameter, useRouter } from '@rocket.chat/ui-contexts';
import { useTranslation } from 'react-i18next';

import { useABACTabPermissions } from './hooks/useABACTabPermissions';
import { useIsExternalAttributeStore } from './hooks/useIsExternalAttributeStore';

const AdminABACTabs = () => {
	const { t } = useTranslation();
	const router = useRouter();
	const tab = useRouteParameter('tab');
	const tabPermissions = useABACTabPermissions();
	const isExternalStore = useIsExternalAttributeStore();
	const handleTabClick = (tab: string) => {
		router.navigate({
			name: 'admin-ABAC',
			params: { tab },
		});
	};
	return (
		<Tabs>
			{tabPermissions.settings && (
				<TabsItem selected={tab === 'settings'} onClick={() => handleTabClick('settings')}>
					{t('Settings')}
				</TabsItem>
			)}
			{tabPermissions['room-attributes'] && !isExternalStore && (
				<TabsItem selected={tab === 'room-attributes'} onClick={() => handleTabClick('room-attributes')}>
					{t('ABAC_Room_Attributes')}
				</TabsItem>
			)}
			{tabPermissions.rooms && (
				<TabsItem selected={tab === 'rooms'} onClick={() => handleTabClick('rooms')}>
					{t('Rooms')}
				</TabsItem>
			)}
			{tabPermissions.logs && (
				<TabsItem selected={tab === 'logs'} onClick={() => handleTabClick('logs')}>
					{t('ABAC_Logs')}
				</TabsItem>
			)}
		</Tabs>
	);
};

export default AdminABACTabs;