nav(style="background: #000000;").uk-navbar-container.uk-light
  .uk-container.uk-container-expand
    div(uk-navbar)
      .uk-navbar-left
        a(href="/", aria-label="Back to Home").uk-navbar-item.uk-logo.uk-padding-remove-left
          img(src="/img/nav-icon.png").navbar-logo

        ul.uk-navbar-nav
          li.uk-active
            a(href="/")
              span
                i.fas.fa-home
              span HOME
      .uk-navbar-right
        if !user
          ul.uk-navbar-nav
            li
              a(href="/welcome/signup") SIGN UP
            li
              a(href="/welcome/login") LOGIN
        else
          ul.uk-navbar-nav
            li
              div.no-select
                if user.picture && user.picture.small
                  img(
                    src= `/image/${user.picture.small._id}` || '/img/default-member.png',
                    title="Member Menu",
                  ).profile-navbar
                else
                  img(
                    src= '/img/default-member.png',
                    title="Member Menu",
                  ).profile-navbar
              div(uk-dropdown={ mode: 'click' }).uk-navbar-dropdown
                ul.uk-nav.uk-navbar-dropdown-nav(style="z-index: 1024;")
                  li.uk-nav-heading.uk-text-center.uk-text-truncate= user.displayName || user.username

                  li.uk-nav-divider

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

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