nav(uk-navbar).uk-navbar-container.uk-position-fixed.uk-position-top
  .uk-navbar-left
    .uk-navbar-item
      button(type="button", uk-toggle="target: #dtp-offcanvas").uk-button.uk-button-link.uk-padding-small
        i.fas.fa-bars

  div(class="uk-visible@m").uk-navbar-left
    //- Site icon
    a(href="/").uk-navbar-item
      img(src=`/img/icon/icon-48x48.png`)
    
    //- Site name
    ul.uk-navbar-nav
      li(class={ 'uk-active': currentView === 'home' })
        a(href="/", title= "Home")
          +renderButtonIcon('fa-home', 'Home')
      each menuItem in mainMenu
        li(class={ 'uk-active': (pageSlug === menuItem.slug) })
          a(href= menuItem.url, title= menuItem.label)
            +renderButtonIcon(menuItem.icon || 'fa-file', menuItem.label)

  div(class="uk-hidden@m").uk-navbar-center
    //- Site name
    ul.uk-navbar-nav
      li
        a(href="/").uk-navbar-item
          img(src=`/img/icon/icon-48x48.png`)

      each menuItem in mainMenu
        li
          a(href= menuItem.url, title= menuItem.label)= menuItem.label

  .uk-navbar-right
    if user
      ul.uk-navbar-nav


    .uk-navbar-item
      if user
        div.no-select
          if user.picture && user.picture.small
            img(
              src= `/image/${user.picture.small._id}`,
              title="Member Menu",
            ).site-profile-picture.sb-navbar
          else
            img(
              src= "/img/default-member.png",
              title="Member Menu",
            ).site-profile-picture.sb-navbar

        div(uk-dropdown={ mode: 'click' }).uk-navbar-dropdown
          ul.uk-nav.uk-navbar-dropdown-nav
            li.uk-nav-heading.uk-text-center= user.displayName || user.username
            li.uk-nav-divider
            if (user.channel)
              li
                a(href=`/channel/${user.channel.slug}`)
                  span.nav-item-icon
                    i.fas.fa-broadcast-tower
                  span(style="max-width: 120px;").uk-text-truncate= user.channel.name
              if (user.channel.liveEpisode)
                li
                  a(href=`/channel/${user.channel.slug}/broadcaster`)
                    span.nav-item-icon
                      i.fas.fa-box-open
                    span Broadcaster
              li
                a(href='/dashboard')
                  span.nav-item-icon
                    i.fas.fa-tachometer-alt
                  span Dashboard

              li.uk-nav-divider

            li
              a(href=`/user/${user._id}`)
                span.nav-item-icon
                  i.fas.fa-user
                span Profile
            li
              a(href=`/user/${user._id}/settings`)
                span.nav-item-icon
                  i.fas.fa-cog
                span Settings

            if user.flags && user.flags.isAdmin
              li.uk-nav-divider
              li
                a(href='/admin')
                  span.nav-item-icon
                    i.fas.fa-user-lock
                  span Admin

            li.uk-nav-divider

            li
              a(href='/auth/logout')
                span.nav-item-icon
                  i.fas.fa-sign-out-alt
                span Logout
      else
        ul.uk-navbar-nav
          li
            a(href='/welcome').uk-button.uk-button-link
              span.nav-item-icon
                i.fas.fa-sign-in-alt
              span(class="uk-visible@m").uk-margin-small-left GET STARTED!