import * as React from 'react';
import {translate} from 'react-i18next';
import { reduxForm } from 'redux-form';

import { INSTITUTE_FILTERFORM } from 'institutes/constants';

import FiltersBlock from 'ui/common/filter/FiltersBlock';
import CollapsibleComponentSearch from 'ui/common/filter/CollapsibleComponentSearch';
import StringFilter from 'ui/common/filter/StringFilter';
import StringArrFilter from 'ui/common/filter/StringArrFilter';
import BooleanFilter from 'ui/common/filter/BooleanFilter';
import PartnerFilter from 'partners/ui/c/PartnerFilter';

const AccessionFilters = ({handleSubmit, initialValues, initialize, t, ...other}) => {
  // console.log('AccessionFilters', initialValues);
  return (
    <FiltersBlock title={ t('institutes.public.f.title') } handleSubmit={ handleSubmit } initialize={ initialize } { ...other }>
      <CollapsibleComponentSearch title={ t('institutes.common.accessionsInGenesys') }>
        <BooleanFilter name="accessions"/>
      </CollapsibleComponentSearch>
      <CollapsibleComponentSearch title={ t('common:f.textSearch') }>
        <StringArrFilter name="code" label={ t('institutes.common.instituteCode') } placeholder="NGA039"/>
        <StringFilter name="fullName" label={ t('institutes.public.f.instituteName') } searchType="contains" placeholder="Plant Genetic Resources Unit"/>
        <PartnerFilter name="owner" label="institutes.public.f.partner"/>
      </CollapsibleComponentSearch>
      <CollapsibleComponentSearch title={ t('geo.common.location') }>
        <StringArrFilter name="country.code3" label="geo.common.country" placeholder="SVN"/>
      </CollapsibleComponentSearch>
    </FiltersBlock>
  );
};

export default translate()(reduxForm({
    enableReinitialize: true,
    form: INSTITUTE_FILTERFORM,
})(AccessionFilters));