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 { AdminSidebar }                   from './Sidebar'
import { AdminBreadcrumb }                from './Breadcrumb'
// 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'

var Accordion = require('react-bootstrap').Accordion;
var Panel = require('react-bootstrap').Panel;
export class AdminAppLayout extends Component {
  render() {
    const {user, org} = this.props;
    return (
      <div className = "appLayout-box">
        <div className="page-container">
            <div className="page-content">
            <AdminSidebar
              user = {user}
              org = {org}
            />
        	<div className="content-wrapper">
                <AdminBreadcrumb />
                <div className="content">
        					<div className="row">
        						<div className="col-lg-3 col-md-6">
        							<div className="thumbnail">
        								<Link to="/students" >
          								<div className="thumb thumb-rounded">
          									<img src="assets/images/download2.png" alt="" />
          								</div>
        						    	<div className="caption text-center">
        						    		<h6 className="text-semibold no-margin">Students <small className="display-block">Click to view</small></h6>
        						    	</div>
        								</Link>
        					    </div>
        						</div>
        						<div className="col-lg-3 col-md-6">
        							<div className="thumbnail">
        								<Link to="/staff" >
          								<div className="thumb thumb-rounded">
          									<img src="assets/images/download3.png" alt=""/>
          								</div>
        						    	<div className="caption text-center">
        						    		<h6 className="text-semibold no-margin">Teachers <small className="display-block">Click to view</small></h6>
        						    	</div>
        								</Link>
        					    </div>
        						</div>
                    <div className="col-lg-3 col-md-6">
        							<div className="thumbnail">
        								<Link to="/parents" >
          								<div className="thumb thumb-rounded">
          									<img src="assets/images/download3.png" alt=""/>
          								</div>
        						    	<div className="caption text-center">
        						    		<h6 className="text-semibold no-margin">Parents <small className="display-block">Click to view</small></h6>
        						    	</div>
        								</Link>
        					    </div>
        						</div>
        					</div>
				        </div>
            </div>
          </div>
        </div>
      </div>
    );
  };

};