18F/e-QIP-prototype

import React from 'react'

import i18n from 'util/i18n'

import {
  Location,
  ValidationElement,
  Field,
  Text,
  Textarea,
  DateRange,
  RadioGroup,
  Radio,
} from 'components/Form'

class Hospitalization extends ValidationElement {
  update = (queue) => {
    this.props.onUpdate({
      Admission: this.props.Admission,
      TreatmentDate: this.props.TreatmentDate,
      Facility: this.props.Facility,
      FacilityAddress: this.props.FacilityAddress,
      Explanation: this.props.Explanation,
      ...queue,
    })
  }

  updateTreatmentDate = (values) => {
    this.update({
      TreatmentDate: values,
    })
  }

  updateAdmission = (values) => {
    this.update({
      Admission: values,
    })
  }

  updateFacility = (values) => {
    this.update({
      Facility: values,
    })
  }

  updateFacilityAddress = (values) => {
    this.update({
      FacilityAddress: values,
    })
  }

  updateExplanation = (values) => {
    this.update({
      Explanation: values,
    })
  }

  render() {
    return (
      <div className="hospitalization">
        <Field
          title={i18n.t('psychological.hospitalization.heading.admission')}
          adjustFor="big-buttons"
          scrollIntoView={this.props.scrollIntoView}
        >
          <RadioGroup
            className="admission option-list optoin-list-vertical"
            name="admission"
            selectedValue={(this.props.Admission || {}).value}
            required={this.props.required}
            onError={this.props.onError}
          >
            <Radio
              className="voluntary-option"
              value="Voluntary"
              onError={this.props.onError}
              onUpdate={this.updateAdmission}
              label={i18n.t('psychological.hospitalization.label.voluntaryAdmission')}
            />
            <Radio
              className="involuntary-option"
              value="Involuntary"
              onError={this.props.onError}
              onUpdate={this.updateAdmission}
              label={i18n.t('psychological.hospitalization.label.involuntaryAdmission')}
            />
          </RadioGroup>
        </Field>

        <Field
          title={i18n.t('psychological.hospitalization.heading.explanation')}
          scrollIntoView={this.props.scrollIntoView}
        >
          <Textarea
            name="Explanation"
            className="explanation"
            {...this.props.Explanation}
            onUpdate={this.updateExplanation}
            onError={this.props.onError}
            required={this.props.required}
          />
        </Field>

        <Field
          title={i18n.t('psychological.hospitalization.heading.treatment')}
          help="psychological.hospitalization.help.treatment"
          adjustFor="daterange"
          scrollIntoView={this.props.scrollIntoView}
        >
          <DateRange
            name="TreatmentDate"
            {...this.props.TreatmentDate}
            minDateEqualTo
            receiveProps={this.props.receiveProps}
            onUpdate={this.updateTreatmentDate}
            onError={this.props.onError}
            required={this.props.required}
          />
        </Field>

        <Field
          title={i18n.t('psychological.hospitalization.heading.facility')}
          scrollIntoView={this.props.scrollIntoView}
        >
          <Text
            name="Facility"
            className="facility"
            {...this.props.Facility}
            onUpdate={this.updateFacility}
            onError={this.props.onError}
            required={this.props.required}
          />
        </Field>

        <Field
          title={i18n.t('psychological.hospitalization.heading.address')}
          optional
          help="psychological.hospitalization.help.address"
          adjustFor="address"
          scrollIntoView={this.props.scrollIntoView}
        >
          <Location
            name="FacilityAddress"
            {...this.props.FacilityAddress}
            label={i18n.t('psychological.hospitalization.label.address')}
            layout={Location.ADDRESS}
            geocode
            showPostOffice
            onUpdate={this.updateFacilityAddress}
            onError={this.props.onError}
            required={this.props.required}
            isPoBoxAllowed={false}
          />
        </Field>
      </div>
    )
  }
}

Hospitalization.defaultProps = {
  Admission: '',
  onUpdate: () => {},
  onError: (value, arr) => arr,
}

export default Hospitalization