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
        );

      }

    };
  
  };