nav(style="background: #000000;").uk-navbar-container.uk-light
  .dtp-navbar-container
    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
            a(href="/", aria-label="Back to Home").uk-navbar-item
              .uk-text-bold.no-select Home
          if user
            li
              a(href="/client", aria-label="Manage your clients").uk-navbar-item
                .uk-text-bold.no-select Clients
            li
              a(href="/report", aria-label="View your work reports").uk-navbar-item
                .uk-text-bold.no-select Reports

      .uk-navbar-right
        if !user
          ul.uk-navbar-nav
            if process.env.DTP_MEMBER_SIGNUP === 'enabled'
              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.svg',
                    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.menu-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.menu-icon
                          i.fas.fa-user-lock
                        span Admin

                  li.uk-nav-divider

                  li
                    a(href=`/auth/logout`)
                      span.menu-icon
                        i.fas.fa-right-from-bracket
                      span Sign Out