var React = require('react'),
    SectionsListComponent = require('./shared/sectionsListComponent'),
    Router = require('react-router'),
    Link = Router.Link,
    RouteHandler = Router.RouteHandler,
    LoginStatus = require('./shared/loginStatus');

var CartIcon = require('./cart/cartIcon');

var RootApp = React.createClass({

    render: function() {

        return (
<div className="container">
    <div className='page-header'>
        <h1 className="main-heading">
        
        <Link to="app"><img src="https://res.cloudinary.com/lfvt7ps2n/image/upload/c_scale,w_132/v1426226452/ribica-ispunjava-zelje_nng0gn.png" /></Link>

        </h1>
        <div style={{float:'right'}}>
            <div style={{display: 'inline-block'}}>
                <Link to="korpa">Završi narudžbu</Link><CartIcon /> | &nbsp;
            </div>
            <LoginStatus />
        </div>
    </div>
    <div className='row'>
        <div className='col-md-12' id='header'>
            <SectionsListComponent />
            </div>
        </div>
        <div className='row'>
            <RouteHandler />
        </div>
        
    </div>
            
            );
    }
});

module.exports = RootApp;