import { JSX } from '@redneckz/uni-jsx';
import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
import { handleAspects } from '../../hooks/useAspects/handleAspects';
import { useAspects } from '../../hooks/useAspects/useAspects';
import { FormStatus } from '../../retail/components/FormStatus/FormStatus';
import { useRetailFormStore } from '../../retail/hooks/useRetailFormStore';
import { getAspects } from '../../retail/utils/commonAspects';
import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';

export const ReworkStatusContent = JSX(() => {
  const { statusInfo } = useRetailFormStore();

  const aspects = useAspects();

  useEffect(() => {
    handleAspects({
      aspectsAttributes: getAspects('revision', 'credit'),
      aspects,
      ev: {} as PreventableEventWithTarget,
    });
  }, []);

  return (
    <FormStatus
      title="Благодарим вас за ожидание, но нам требуется больше времени для принятия решения"
      description="Посетите выбранное отделение банка с необходимыми документами и так завершите оформление кредита."
      sectionAdditionalTitle="В отделении Банка"
      sectionInfoAdditional={[
        {
          label: 'Регион',
          description: statusInfo?.regionRetail,
        },
        {
          label: 'Адрес',
          description: statusInfo?.addressRetail,
        },
      ]}
      sectionInfo={[
        {
          label: 'Основные документы:',
          description: '- Паспорт РФ',
        },
      ]}
      buttonText="Вернуться на главную"
    />
  );
});
