nav#navbar.navbar.bg-white.fixed-top.border-bottom.pb-0.d-md-flex
  sib-router#navbar-router.navbar-nav(default-route='members')
    sib-route#menu-title.nav-item(name='dashboard')
      | HAPPY DEV
    #menu-items.col-7.col-md-7
      sib-route.nav-item.pb-2.active.align-self-stretch.text-center.text-md-left(name='members')
        i.fa.fa-users(aria-hidden='true')
        span.d-none.d-md-inline Membres
      sib-route.d-none(name='member', id-prefix=`${sdn}/members/`)
      sib-route.nav-item.pb-2.align-self-stretch.text-center.text-md-left(name='projects')
        i.fa.fa-tasks(aria-hidden='true')
        span.d-none.d-md-inline  Projets
      sib-route.d-none(name='project', id-prefix=`${sdn}/projects/`)
      sib-route(name='client-create') New client
      sib-route.nav-item.pb-2.align-self-stretch.text-center.text-md-left(name='channels')
        i.fa.fa-comments(aria-hidden='true')
        span.d-none.d-md-inline  Network
      sib-route.d-none(name='channel', id-prefix=`${sdn}/channels/`)
    .col-2.col-md-1
  #search-bar
    input#search-input.form-control(placeholder='ctrl + k', type='search')
    i#search-icon.fa.fa-search(aria-hidden='true')
    i#close-search-icon.fa.fa-times(aria-hidden='true')