Untitled

render() {
    const errorMessege = 'Please enter FirstName/LastName/Company/ID to search';
    return (
      <Container>
        <Content padder style={styles.content}>
          <Form>
            <Item floatingLabel>
              <Label>FirstName</Label>
              <Input onChangeText={this.handleChangeFirstNameText} />
            </Item>
            <Item floatingLabel>
              <Label>LastName</Label>
              <Input onChangeText={this.handleChangeLastNameText} />
            </Item>
            <Item floatingLabel>
              <Label>Company</Label>
              <Input onChangeText={this.handleChangeCompanyText} />
            </Item>
            <Item floatingLabel>
              <Label>SEC3URE ID</Label>
              <Input onChangeText={this.handleSecureIDText} />
            </Item>
          </Form>
          <View style={styles.checkboxView}>
            <View style={styles.checkboxExact}>
              <ListItem style={styles.checkboxExact}>
                <CheckBox checked={this.state.exact} onPress={this.handleExactPressed} />
                <Body>
                  <Text style={styles.notRevokedAccessText}>Exact</Text>
                </Body>
              </ListItem>
            </View>
            <View style={styles.checkboxRevokeAccess}>
              <ListItem>
                <CheckBox
                  checked={this.state.not_revoked_access}
                  onPress={this.handleRevokedPressed}
                />
                <Body>
                  <Text style={styles.notRevokedAccessText}>Not Revoked Access</Text>
                </Body>
              </ListItem>
            </View>
          </View>
          {this.state.showError ? <ErrorText displayText={errorMessege} /> : ''}
          <Button success style={styles.searchButton} onPress={this.handleRepSearch}>
            <Text> Search </Text>
          </Button>
        </Content>
        {this.props.showLoading ? <Loading /> : null}
      </Container>
    );
  }
}