Untitled

// import AddPlusIcon from '@/assets/icons/AddPlusIcon';
// import ContextMenu from '@/components/common/ContextMenu';
// import DataTable from '@/components/common/DataTable';
// import SearchableFieldUpdated from '@/components/FormBuilder/components/SearchableField/SearchableField';
// import ObjectSearchModal from '@/components/FormBuilder/modals/ObjectSearchModal';
// import PersonModal from '@/components/FormBuilder/modals/PersonModal';
// import PersonalRealEstateModal from '@/components/modals/PersonalRealEstateModal/PersonalRealEstateModal';
// import SectionTitle from '@/components/OwnedProperties/SectionTitle';
// import ServiceDetails from '@/components/OwnedProperties/ServiceDetails';
// import PersonSearch from '@/components/PersonSearch';
// import getResidenceOwnersTableColumns from '@/pages/natural-person/private-limited-company/steps/OfficeInformation/columns';
// import { ResidenceOwner } from '@/pages/natural-person/private-limited-company/types';
// import { Grid } from '@mui/material';
// import { RcSesRadioButtonGroup } from '@registrucentras/rc-ses-react-components';
// import { useState } from 'react';
// import { FieldErrors, UseFormReturn } from 'react-hook-form';
// import { useTranslation } from 'react-i18next';

// interface StepProps {
//   form: UseFormReturn<Record<string, unknown>>;
//   errors: FieldErrors;
// }

// function NameDataStep({ form, errors }: StepProps) {
//   const { register, control } = form;
//   const { t } = useTranslation('politicalParty');
//   const { t: tComponents } = useTranslation('components');
//   const [openObjectSearchModal, setOpenObjectSearchModal] = useState(false);
//   const [openPersonalRealEstateModal, setOpenPersonalRealEstateModal] = useState(false);
//   const handleRemoveResidenceOwner = (residenceOwner: ResidenceOwner) => {
//     console.log(residenceOwner);
//   };

//   return (
//     <Grid container spacing={3}>
//       <Grid item xs={12}>
//         <SectionTitle title={t('steps.titleDetails')} />
//         <ServiceDetails
//           withHeading={false}
//           rows={[
//             {
//               label: 'Teisinė forma',
//               value: 'Politinė partija',
//             },
//           ]}
//         />
//         <Grid item xs={12}>
//           <RcSesRadioButtonGroup
//             name='nameStatus'
//             control={control}
//             label='Pavadinimo būsena registre'
//             errors={errors.nameStatus}
//             options={[
//               {
//                 value: 'temporary',
//                 label: 'Pavadinimas laikinai įrašytas į Juridinių asmenų registrą',
//               },
//               {
//                 value: 'not_temporary',
//                 label: 'Pavadinimas nėra laikinai įrašytas į Juridinių asmenų registrą',
//               },
//             ]}
//           />
//         </Grid>

//         <Grid item xs={12}>
//           <SearchableFieldUpdated
//             sxStyle={{ pb: '50px' }}
//             name='person'
//             errors={errors.person}
//             ModalComponent={PersonModal as React.ComponentType<any>}
//             // should open name modal
//             withButton={false}
//             withFieldIcon
//             placeholderText='Pridėti pavadinimą'
//             label='Pavadinimas'
//             id='name-field'
//           />
//         </Grid>
//         <ServiceDetails
//           withHeading
//           textSpacing={{ marginBottom: '48px' }}
//           title={t('headings.residence')}
//           rows={[
//             {
//               label: t('formFields.residenceAddress.label'),
//               value: (
//                 <ContextMenu
//                   title={t('formFields.residenceAddress.actions.add')}
//                   options={[
//                     {
//                       label: t('formFields.residenceAddress.options.own'),
//                       onClick: () => setOpenPersonalRealEstateModal(true),
//                     },
//                     {
//                       label: t('formFields.residenceAddress.options.search'),
//                       onClick: () => {
//                         setOpenObjectSearchModal(true);
//                       },
//                     },
//                   ]}
//                   anchorElementIcon={<AddPlusIcon />}
//                 />
//               ),
//             },
//           ]}
//         />

//         <SectionTitle title={t('headings.owners')} />

//         <DataTable
//           data={[
//             {
//               personName: 'Jonas',
//               personSurname: 'Jonaitis',
//               personCode: '39001010000',
//             },
//             {
//               personName: 'Petras',
//               personSurname: 'Petraitis',
//               personCode: '39001020000',
//             },
//             {
//               personName: 'Ona',
//               personSurname: 'Onaitė',
//               personCode: '49001030000',
//             },
//           ]}
//           columns={getResidenceOwnersTableColumns(
//             tComponents,
//             handleRemoveResidenceOwner,
//           )}
//           containerStyles={{
//             marginBottom: '16px',
//           }}
//         />

//         <PersonSearch
//           isMultiple
//           onPersonSelect={(person) => {
//             console.log(person);
//           }}
//         />

//         <ObjectSearchModal
//           open={openObjectSearchModal}
//           onClose={() => setOpenObjectSearchModal(false)}
//           onObjectSelect={(object) => {
//             console.log(object);
//           }}
//         />

//         <PersonalRealEstateModal
//           open={openPersonalRealEstateModal}
//           onClose={() => setOpenPersonalRealEstateModal(false)}
//         />
//       </Grid>
//     </Grid>
//   );
// }

// export default NameDataStep;
import AddPlusIcon from '@/assets/icons/AddPlusIcon';
import { ManualStepRenderProps } from '@/components/ManualFormBuilder';
import SectionTitle from '@/components/OwnedProperties/SectionTitle';
import ServiceDetails from '@/components/OwnedProperties/ServiceDetails';
import ContextMenu from '@/components/common/ContextMenu';
import ObjectSearchModal from '@/components/modals/ObjectSearchModal/ObjectSearchModal';
import PersonalRealEstateModal from '@/components/modals/PersonalRealEstateModal/PersonalRealEstateModal';
import { FormData } from '@/pages/natural-person/private-limited-company/types';
import { Box, Grid } from '@mui/material';
import { RcSesRadioButtonGroup } from '@registrucentras/rc-ses-react-components';
import { useState } from 'react';
import { FieldErrors } from 'react-hook-form';
import { useTranslation } from 'react-i18next';

interface StepProps {
  // eslint-disable-next-line react/no-unused-prop-types
  errors: FieldErrors;
}

function NameData({ form, errors }: ManualStepRenderProps<FormData> & StepProps) {
  const [openObjectSearchModal, setOpenObjectSearchModal] = useState(false);
  const [openPersonalRealEstateModal, setOpenPersonalRealEstateModal] = useState(false);
  const { t } = useTranslation('privateLimitedCompany');
  const { register, control } = form;

  return (
    <Box sx={{ pb: 6 }}>
      <SectionTitle title={t('steps.titleDetails')} />
      <ServiceDetails
        withHeading={false}
        rows={[
          {
            label: 'Teisinė forma',
            value: 'Politinė partija',
          },
        ]}
      />
      <Grid item xs={12}>
        <RcSesRadioButtonGroup
          name='nameStatus'
          control={control}
          label='Pavadinimo būsena registre'
          errors={errors.nameStatus}
          options={[
            {
              value: 'temporary',
              label: t('formFields.titleStatusInRegistry.options.1'),
            },
            {
              value: 'not_temporary',
              label: t('formFields.titleStatusInRegistry.options.2'),
            },
          ]}
        />
      </Grid>

      <ServiceDetails
        withHeading
        title={t('formFields.residenceAddress.label')}
        rows={[
          {
            label: t('formFields.residenceAddress.label'),
            value: (
              <ContextMenu
                title={t('formFields.residenceAddress.actions.add')}
                options={[
                  {
                    label: t('formFields.residenceAddress.options.own'),
                    onClick: () => setOpenPersonalRealEstateModal(true),
                  },
                  {
                    label: t('formFields.residenceAddress.options.search'),
                    onClick: () => {
                      setOpenObjectSearchModal(true);
                    },
                  },
                ]}
                anchorElementIcon={<AddPlusIcon />}
              />
            ),
          },
        ]}
      />

      <ObjectSearchModal
        open={openObjectSearchModal}
        onClose={() => setOpenObjectSearchModal(false)}
        onObjectSelect={(object) => {
          console.log(object);
        }}
      />

      <PersonalRealEstateModal
        open={openPersonalRealEstateModal}
        onClose={() => setOpenPersonalRealEstateModal(false)}
      />
    </Box>
  );
}

export default NameData;