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

};