nav.navbar.navbar-centered.navbar-dark.navbar-expand-lg.bg-primary.my-0
  a.navbar-brand.d-block.d-lg-none.d-xl-none href: "javascript:"  MY APP
  button.navbar-toggler aria-controls="standardCenteredAppNavbar" aria-expanded="false" aria-label=("Toggle navigation") data-target="#standardCenteredAppNavbar" data-toggle="collapse", type: "button" 
    span.navbar-toggler-icon
  #standardCenteredAppNavbar.collapse.navbar-collapse
    a.navbar-brand.navbar-left.d-none.d-sm-none.d-lg-block href: "javascript:"  MY APP
    ul.navbar-nav.navbar-center.text-center
      li.nav-item.active
        a.nav-link href: "#"  Dashboard
      li.nav-item
        a.nav-link href: "#"  Orders
      li.nav-item
        a.nav-link href: "#"  Reports
    ul.nav.navbar-nav.navbar-right
      li.nav-item.dropdown
        a#dropdownSearchButton.nav-link aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" 
          = theme_icon_tag "search"
        ul.dropdown-menu.dropdown-menu-right aria-labelledby="dropdownSearchButton" 
          li
            form.form-inline role: "search" 
              .input-group.my-0
                input#searchbox.form-control placeholder: "Search", type: "text" /
      li.nav-item.dropdown
        a#dropdownMenuButton.nav-link aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" 
          = theme_icon_tag "settings"
          span.caret.caret-light
        ul.dropdown-menu.dropdown-menu-right aria-labelledby="dropdownMenuButton" 
          li
            a.dropdown-item href: "#"  Site management
          li
            a.dropdown-item href: "#"  User management
          li
            a.dropdown-item href: "#"  Settings
      li.nav-item.dropdown.notifications
        a.nav-link.with-count aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" 
          = theme_icon_tag "bell"
          span.badge.badge-sm 2
          span.d-none.d-xs-block Notifications
        ul.dropdown-menu.dropdown-menu-right
          li.dropdown-item
            .card
              .card-header.text-center.text-primary
                strong
                  | You have
                  = succeed "notifications" do
                    span 2
              .card-body
                .list-group
                  a.list-group-item href: "#" 
                    .media
                      = random_avatar 34, "d-flex rounded-circle"
                      .media-body
                        p My name is Inigo Montoya.
                        small.text-muted.d-block 10 minutes ago
                  a.media.list-group-item href: "" 
                    span.media-body
                      div
                        p You've reached your space quota!
                        .progress.progress-sm.m0
                          .progress-bar.progress-bar-danger aria-valuemax="100" aria-valuemin="0" aria-valuenow="100", role: "progressbar", style: "width: 100%;" 
                            span.sr-only 100% Complete
                      small.text-muted 12 hours ago
              .card-footer
                a.pull-right href: "#" 
                  = theme_icon_tag "settings"
                a href: "#"  View all Notifications
      li.nav-item.dropdown.user-nav
        a.nav-link aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" 
          = random_avatar 34, "d-flex rounded-circle"
          span.caret.caret-light
        ul.dropdown-menu.dropdown-menu-right role: "menu" 
          li.dropdown-item.text-center
            .card
              .card-body
                = random_avatar 120, "rounded-circle"
                p.m0.p0.d-block Fill Murray
                p.small.m0.p0 Premium Account
              .card-footer.d-flex.justify-content-between
                div
                  a.btn.btn-neutral href: "003_app_pages@fa-laptop%2F006_user_profile"  Edit Profile
                div
                  a.btn.btn-neutral href: "#"  Log Out