import _                                  from 'lodash';
import { Meteor }                         from 'meteor/meteor';
import React, { Component }               from 'react';
import { Link }                           from 'react-router';
import { Avatar }                         from '/imports/client/components/Avatar';
import { Icon }                           from '/imports/client/components/Icon';
import classNames                         from 'classnames';
import { EnterModule }                    from '/imports/client/views/org/enter/module/index';
// import { VerifyModule }                   from '/imports/client/views/verify/module/index';
import { Navbar,Modal, Nav, NavItem,
  Glyphicon, Collapse,
  NavbarToggler, NavbarBrand,
  NavLink, DropdownItem, DropdownToggle, DropdownMenu,
  NavDropdown, MenuItem, Breadcrumb }     from 'react-bootstrap';
import { VerifyModule }                   from '/imports/client/views/verify/module/index'
import { AdminAppLayout }                 from '/imports/client/views/org/admin/AdminLayout'

var Accordion = require('react-bootstrap').Accordion;
var Panel = require('react-bootstrap').Panel;
export class AppLayout extends Component {

  render() {
    const {user, org} = this.props.data;
    if(!user) {
      return (
        <EnterModule
          pane      = {this.props.location.query.enter}
          location  = {this.props.location}
        />
      );
    }else if(!user.isEmailVerified()) {
      return (
        <VerifyModule
          pane      = {this.props.location.query.verify}
          location  = {this.props.location}
        />
      );
    }else if(user.role==='ADMIN'){
        return(
          <AdminAppLayout
            user = {user}
            org = {org}
          />
        );
    }else{
      return (
        null
      );
    }
  };

};