import { Field, FieldLabel, FieldRow, TextInput } from '@rocket.chat/fuselage';
import { useEndpoint } from '@rocket.chat/ui-contexts';
import { useQuery } from '@tanstack/react-query';
import { useTranslation } from 'react-i18next';

import { useHasLicenseModule } from '../../../hooks/useHasLicenseModule';

export type DepartmentBusinessHoursProps = { bhId: string | undefined };

export const DepartmentBusinessHours = ({ bhId }: DepartmentBusinessHoursProps) => {
	const { t } = useTranslation();
	const { data: hasLicense = false } = useHasLicenseModule('livechat-enterprise');
	const getBusinessHour = useEndpoint('GET', '/v1/livechat/business-hour');
	const { data } = useQuery({
		queryKey: ['/v1/livechat/business-hour', bhId],
		queryFn: () => getBusinessHour({ _id: bhId, type: 'custom' }),
	});

	const name = data?.businessHour?.name;

	if (!hasLicense) {
		return null;
	}

	return (
		<Field>
			<FieldLabel>{t('Business_Hour')}</FieldLabel>
			<FieldRow>
				<TextInput readOnly value={name || ''} />
			</FieldRow>
		</Field>
	);
};

export default DepartmentBusinessHours;