import {
  FormControlLabel,
  FormGroup,
  FormLabel,
  Radio as MUIRadio,
  RadioGroup
} from '@mui/material';

import { type FormikValues, useFormikContext } from 'formik';
import { equals, includes, path, split, type } from 'ramda';
import { useTranslation } from 'react-i18next';

import { useMemoComponent } from '../..';
import { getNormalizedId } from '../../utils';
import type { InputPropsWithoutGroup } from './models';

const Radio = ({
  dataTestId,
  fieldName,
  label,
  radio,
  getDisabled,
  change,
  additionalMemoProps
}: InputPropsWithoutGroup): JSX.Element => {
  const { t } = useTranslation();

  const { values, setFieldValue, setFieldTouched, setValues, setTouched } =
    useFormikContext<FormikValues>();

  const changeRadio = (
    _: React.ChangeEvent<HTMLInputElement>,
    value: string
  ): void => {
    if (includes(value, ['true', 'false'])) {
      if (change) {
        change({
          setFieldTouched,
          setFieldValue,
          setTouched,
          setValues,
          value: equals(value, 'true'),
          values
        });

        return;
      }

      setFieldValue(fieldName, equals(value, 'true'));

      return;
    }

    if (change) {
      change({
        setFieldTouched,
        setFieldValue,
        setValues,
        value,
        values
      } as Parameters<NonNullable<InputPropsWithoutGroup['change']>>[0]);

      return;
    }

    setFieldValue(fieldName, value);
  };

  const fieldNamePath = split('.', fieldName);

  const value = path(fieldNamePath, values);

  const disabled = getDisabled?.(values) || false;

  return useMemoComponent({
    Component: (
      <FormGroup>
        <FormLabel>{t(label)}</FormLabel>
        <RadioGroup
          onChange={changeRadio}
          row={radio?.row || false}
          value={value}
        >
          {radio?.options?.map(({ value: optionValue, label: optionLabel }) => (
            <FormControlLabel
              control={
                <MUIRadio
                  data-testid={`${dataTestId} ${optionLabel}`}
                  disabled={disabled}
                  id={getNormalizedId(`${dataTestId}${optionLabel}`)}
                  slotProps={{
                    input: {
                      'aria-label':
                        (equals(type(optionLabel), 'String') &&
                          t(optionLabel as string)) ||
                        ''
                    }
                  }}
                />
              }
              key={
                equals(type(optionLabel), 'String')
                  ? (optionLabel as string)
                  : `${optionValue}`
              }
              label={
                equals(type(optionLabel), 'String')
                  ? (t(optionLabel as string) as string)
                  : optionLabel
              }
              value={optionValue}
            />
          ))}
        </RadioGroup>
      </FormGroup>
    ),
    memoProps: [value, disabled, additionalMemoProps]
  });
};

export default Radio;