just-paja/improtresk-web

import Alert from 'reactstrap/lib/Alert'
import React from 'react'
import PropTypes from 'prop-types'

import { Field } from 'redux-form'

import { FormGeneralError, Participant } from '../../proptypes'

import Button from '../../components/Button'
import Form from '../../forms/components/Form'
import Input from '../../forms/components/Input'
import Link from '../../containers/Link'
import Message from '../../containers/Message'

const ParticipantIdentityForm = ({
  form,
  participant,
  pristine,
  submit,
  submitErrors,
  submitting
}) => (
  <Form error={submitErrors} name={form} onSubmit={submit}>
    <Field
      component={Input}
      label='participants.address'
      name='address'
      required
    />
    <Field
      component={Input}
      label='participants.idNumber'
      name='idNumber'
      placeholder='000000000'
      required
    />
    <Button
      disabled={pristine}
      icon='floppy-o'
      loading={submitting}
      type='submit'
    >
      <Message name='participants.saveChanges' />
    </Button>
    {participant.address && participant.idNumber ? (
      <Alert className='mb-3 mt-3'>
        <Message name='participants.identityFinished' />
        {' '}
        <Link to='participantHome'>
          <Message name='participants.backHome' />
        </Link>
      </Alert>
    ) : null}
  </Form>
)

ParticipantIdentityForm.propTypes = {
  form: PropTypes.string.isRequired,
  participant: Participant.isRequired,
  pristine: PropTypes.bool,
  submit: PropTypes.func.isRequired,
  submitErrors: FormGeneralError,
  submitting: PropTypes.bool
}

ParticipantIdentityForm.defaultProps = {
  submitErrors: null,
  pristine: false,
  submitting: false
}

export default ParticipantIdentityForm