18F/e-QIP-prototype

import React from 'react'

import i18n from 'util/i18n'
import {
  ValidationElement,
  Branch,
  Textarea,
  DateRange,
  Field,
  NotApplicable,
} from 'components/Form'

export default class Sentence extends ValidationElement {
  update = (queue) => {
    this.props.onUpdate({
      Description: this.props.Description,
      ExceedsYear: this.props.ExceedsYear,
      Incarcerated: this.props.Incarcerated,
      IncarcerationDates: this.props.IncarcerationDates,
      IncarcerationDatesNA: this.props.IncarcerationDatesNA,
      ProbationDates: this.props.ProbationDates,
      ProbationDatesNA: this.props.ProbationDatesNA,
      ...queue,
    })
  }

  updateDescription = (values) => {
    this.update({
      Description: values,
    })
  }

  updateExceedsYear = (values) => {
    this.update({
      ExceedsYear: values,
    })
  }

  updateIncarcerated = (values) => {
    this.update({
      Incarcerated: values,
    })
  }

  updateIncarcerationDates = (values) => {
    this.update({
      IncarcerationDates: values,
    })
  }

  updateProbationDates = (values) => {
    this.update({
      ProbationDates: values,
    })
  }

  updateIncarcerationDatesNA = (values) => {
    this.update({
      IncarcerationDates: values.applicable ? this.props.IncarcerationDates : {},
      IncarcerationDatesNA: values,
    })
  }

  updateProbationDatesNA = (values) => {
    this.update({
      ProbationDates: values.applicable ? this.props.ProbationDates : {},
      ProbationDatesNA: values,
    })
  }

  render() {
    const {
      requireLegalOffenseSentenced,
      requireLegalOffenseIncarcerated,
    } = this.props

    return (
      <div className="sentence">
        <Field
          title={i18n.t('legal.police.heading.sentenceDescription')}
          titleSize="h4"
          adjustFor="labels"
          scrollIntoView={this.props.scrollIntoView}
        >
          <Textarea
            {...this.props.Description}
            className="description"
            name="description"
            onError={this.props.onError}
            required={this.props.required}
            onUpdate={this.updateDescription}
          />
        </Field>

        {requireLegalOffenseSentenced && (
          <Branch
            name="exceeding_year"
            label={i18n.t('legal.police.heading.exceedsYear')}
            labelSize="h4"
            className="exceeds-year"
            {...this.props.ExceedsYear}
            onError={this.props.onError}
            required={this.props.required}
            onUpdate={this.updateExceedsYear}
            scrollIntoView={this.props.scrollIntoView}
          />
        )}

        {requireLegalOffenseIncarcerated && (
          <Branch
            name="incarcerated"
            label={i18n.t('legal.police.heading.incarcerated')}
            labelSize="h4"
            className="incarcerated"
            {...this.props.Incarcerated}
            onError={this.props.onError}
            required={this.props.required}
            onUpdate={this.updateIncarcerated}
            scrollIntoView={this.props.scrollIntoView}
          />
        )}

        <Field
          title={i18n.t('legal.police.heading.incarcerationDates')}
          titleSize="h4"
          adjustFor="daterange"
          shrink
          scrollIntoView={this.props.scrollIntoView}
        >
          <NotApplicable
            name="IncarcerationDatesNA"
            {...this.props.IncarcerationDatesNA}
            label={i18n.t('legal.police.label.notApplicable')}
            or={i18n.m('legal.police.para.or')}
            className="incarceration-dates-na"
            onError={this.props.onError}
            required={this.props.required}
            onUpdate={this.updateIncarcerationDatesNA}
          >
            <DateRange
              name="IncarcerationDates"
              className="incarceration-dates"
              {...this.props.IncarcerationDates}
              minDateEqualTo
              onUpdate={this.updateIncarcerationDates}
              onError={this.props.onError}
              required={this.props.required}
            />
          </NotApplicable>
        </Field>

        <Field
          title={i18n.t('legal.police.heading.probationDates')}
          titleSize="h4"
          adjustFor="daterange"
          shrink
          scrollIntoView={this.props.scrollIntoView}
        >
          <NotApplicable
            name="ProbationDatesNA"
            {...this.props.ProbationDatesNA}
            label={i18n.t('legal.police.label.notApplicable')}
            or={i18n.m('legal.police.para.or')}
            className="probation-dates-na"
            onError={this.props.onError}
            required={this.props.required}
            onUpdate={this.updateProbationDatesNA}
          >
            <DateRange
              name="ProbationDates"
              className="probation-dates"
              {...this.props.ProbationDates}
              minDateEqualTo
              onUpdate={this.updateProbationDates}
              onError={this.props.onError}
              required={this.props.required}
            />
          </NotApplicable>
        </Field>
      </div>
    )
  }
}

Sentence.defaultProps = {
  Description: {},
  ExceedsYear: {},
  Incarcerated: {},
  IncarcerationDates: {},
  ProbationDates: {},
  IncarcerationDatesNA: { applicable: true },
  ProbationDatesNA: { applicable: true },
  onUpdate: () => {},
  onError: (value, arr) => arr,
}