render() {
        return (
            <Aux>
                <ErrorModal />
                <MainMenu />
                <br />
                <br />
                <div>
                    <Nav tabs>
                        <NavItem>
                            <NavLink
                                className={classnames({ active: this.state.activeTab === '1' })}
                                onClick={() => { this.toggle('1'); }}
                            >
                                Active Reports
                            </NavLink>
                        </NavItem>
                        <NavItem>
                            <NavLink
                                className={classnames({ active: this.state.activeTab === '2' })}
                                onClick={() => { this.toggle('2'); }}
                            >
                                Inactive Reports
                            </NavLink>
                        </NavItem>
                        <NavItem>
                            <NavLink
                                className={classnames({ active: this.state.activeTab === '3' })}
                                onClick={() => { this.toggle('3'); }}
                            >
                                Templates
                            </NavLink>
                        </NavItem>
                    </Nav>
                    <TabContent activeTab={this.state.activeTab}>
                        <TabPane tabId="1">
                        <div className="SearchDropDown">
                    <UncontrolledDropdown>
                        <DropdownToggle tag="a" className="nav-link" caret onClick={this.dropdownToggle}
                            style={{ color: '#1f698d', lineHeight: '26px', marginLeft: '24px', marginRight: '24px' }}>
                            Location
                                </DropdownToggle>
                        <div className="locationDropDown">
                            <DropdownMenu >
                                {this.props.locationList.locationDTOList.map((location) => {
                                    return (
                                        <div className="DropDownCheckBox" key={location.id}>
                                            <Input
                                                name="locationFilter"
                                                type="checkbox"
                                                checked={this.state.locationFilterList.indexOf(location.id) !== -1}
                                                onClick={(event) => this.locationFilter(location.id, event)} />
                                            <span>{location.name}</span>
                                        </div>
                                    );
                                })}
                            </DropdownMenu>
                        </div>
                    </UncontrolledDropdown>
                    </div>


            </Aux>
        );
    }