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

  
  
  export class AppLayout extends Component {

    render() {

      console.log(this.props);

      const {user} = this.props.data;
  
      if(!user) {
        return (

          <EnterModule
            pane      = {this.props.location.query.enter}
            location  = {this.props.location}
          />

        );
      }
      return (
        <div className = "appLayout-box">
  
          <div className = "appLayout-wrapOuter">
            <div className = "appLayout-wrapInner">
              <div className = "appLayout-menuWrap">
  
              </div>
              <div className = "appLayout-contentWrap">
                <div className = "appLayout-content">
                  { this.props.children }
                </div>
              </div>
            </div>
          </div>
        </div>
      );
    };
  
  };