import _                                  from 'lodash';
import { Meteor }                         from 'meteor/meteor';

import React, { Component }               from 'react';
import { Link,browserHistory }            from 'react-router';
import { Navbar,Modal, Nav, NavItem,
  Glyphicon, Collapse, FormGroup, FormControl, Panel,
  NavbarToggler, NavbarBrand, Table, ButtonToolbar,
  NavLink, DropdownItem, DropdownToggle, DropdownMenu,
  NavDropdown, MenuItem, Breadcrumb, Button }        from 'react-bootstrap';


export class AdminSidebar extends Component {

  constructor(props) {
    super(props);
    this.state = {

    };
    this.onUpdate = this.onUpdate.bind(this);
  };

  onUpdate(key, value) {
    this.setState({[key]: value});
  };

  render() {
    const {user, org} = this.props;
    return (
      <div className="sidebar sidebar-main sidebar-default">
          <div className="sidebar-content">
              <div className="sidebar-category sidebar-category-visible">
                  <div className="category-content no-padding">
                      <Nav className="navigation navigation-main navigation-accordion">
                          <NavItem className="navigation-header"><span>{org.name}</span> <i className="icon-menu" title="Main pages"></i></NavItem>
                          <NavItem className="active" eventKey={1} href="#"><i className="icon-home4"></i> <span>Dashboard</span></NavItem>

                          <NavDropdown eventKey={2} title="Settings" name="Settings" id="setting">
                              <MenuItem eventKey={2.1}>Information</MenuItem>
                              <MenuItem eventKey={2.2}>Infrastructure</MenuItem>
                              <MenuItem eventKey={2.3}>Users</MenuItem>
                              <MenuItem eventKey={2.4}>Academic Settings</MenuItem>
                              <MenuItem eventKey={2.5}>Account Configuration</MenuItem>
                          </NavDropdown>
                          <NavDropdown eventKey={3} title="Academic" name="Academic" id="academic">
                              <MenuItem eventKey={3.1}>Layout 1</MenuItem>
                              <MenuItem eventKey={3.2}>Layout 2</MenuItem>
                              <MenuItem eventKey={3.3}>Layout 3</MenuItem>
                              <MenuItem eventKey={3.4}>Layout 4</MenuItem>
                              <MenuItem eventKey={3.5}>Layout 5</MenuItem>
                          </NavDropdown>
                          <NavDropdown eventKey={4} title="Communication" name="Communication" id="communication">
                              <MenuItem eventKey={4.1}>Primary palett</MenuItem>
                              <MenuItem eventKey={4.2}>Danger palett</MenuItem>
                              <MenuItem eventKey={4.3}>Success palett</MenuItem>
                              <MenuItem eventKey={4.4}>Warning palett</MenuItem>
                              <MenuItem divider />
                              <MenuItem eventKey={4.5}>Info palett</MenuItem>
                              <MenuItem eventKey={4.6}>Info palett</MenuItem>
                              <MenuItem eventKey={4.7}>Info palett</MenuItem>
                              <MenuItem eventKey={4.8}>Info palett</MenuItem>
                          </NavDropdown>
                          <NavDropdown eventKey={5} title="Finance" name="Finance" id="finance">
                              <MenuItem eventKey={5.1}>Primary palett</MenuItem>
                              <MenuItem eventKey={5.2}>Danger palett</MenuItem>
                              <MenuItem eventKey={5.3}>Success palett</MenuItem>
                              <MenuItem eventKey={5.4}>Warning palett</MenuItem>
                              <NavDropdown eventKey={5.5} title="Calumns" id="calumns">
                                  <MenuItem>Success palett</MenuItem>
                                  <MenuItem>Warning palett</MenuItem>
                              </NavDropdown>
                          </NavDropdown>

                          <NavItem eventKey={6} href="#"><i className="icon-file-stats"></i><span> Reports </span></NavItem>
                          <NavItem eventKey={7} href="#"><i className="icon-design"></i> <span>Examinations</span></NavItem>

                      </Nav>
                  </div>
              </div>
          </div>
      </div>
    );
  };

};