.navbar.navbar-default.navbar-fixed-top(role='navigation')
  .container
    .navbar-header
      button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
        span.sr-only Toggle navigation
        span.icon-bar
        span.icon-bar
        span.icon-bar
      a.navbar-brand(href='/') Node.js test task
    .navbar-collapse.collapse
      ul.nav.navbar-nav
        li.active
          a(href='#') Home
        li
          a(href='#cities') Cities
        li
          a(href='#users') Users
        li
          a(href='#projects') Projects
      ul.nav.navbar-nav.navbar-right
        li
          a(href='#')= user.fullName()
        li
          p.navbar-btn
            form(role='form' method='post' action='/logout')
              button.btn.btn-info(type='submit') Log out
.navbar.navbar-default.navbar-fixed-top(role='navigation')
  .container
    .navbar-header
      button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
        span.sr-only Toggle navigation
        span.icon-bar
        span.icon-bar
        span.icon-bar
      a.navbar-brand(href='/') Node.js test task
    .navbar-collapse.collapse
      ul.nav.navbar-nav
        - var menu = { 'Home': '/', 'Cities': '/cities', 'Users': '/users', 'Projects': '/projects'}
        block link
          - var selected = 'Home';
        for val, key in menu
          - var itemClass = (selected === key ? 'active' : '');
            li(class=itemClass)
              a(href=val)= key

      ul.nav.navbar-nav.navbar-right
        li
          a(href='#')= user.fullName()
        li
          p.navbar-btn
            form(role='form' method='post' action='/logout')
              button.btn.btn-info(type='submit') Log out
Add highlihting of active links in navbar
Add highlihting of active links in navbar
