= render :layout => "layouts/base" do
  nav.navbar.navbar-expand-lg.bg-primary
    a.navbar-brand href: "javascript:" = app_name
    button.navbar-toggler aria-controls="navbarSupportedContent" aria-expanded="false" aria-label=("Toggle navigation") data-target="#navbarSupportedContent" data-toggle="collapse", type: "button" 
      span.navbar-toggler-icon
    #navbarSupportedContent.collapse.navbar-collapse
      ul.navbar-nav.mr-auto
        li.nav-item
          a.nav-link href: "#"  Servers
        li.nav-item
          a.nav-link.disabled href: "#"  Disabled
      ul.nav.navbar-nav
        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
                        img.d-flex.mr-3.rounded-circle alt: "3", height: "32", src: "/assets/kiso_themes/stock/3-9b9d225ea3cf9c9f07cea81d16c455fb6248b9ccf19717395fbcc184411f0a89.jpg", width: "32" /
                        .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" 
            img.avatar.rounded-circle alt: "4", height: "34", src: "/assets/kiso_themes/stock/4-36a07a4eb7045e8049c3529147e6f1383c0956e0e586e07927e356c18b6b7920.jpg", width: "34" /
            span.caret.caret-light
          ul.dropdown-menu.dropdown-menu-right role: "menu" 
            li.dropdown-item.text-center
              .card
                .card-body
                  img.avatar.img-rounded alt: "2", height: "120", src: "/assets/kiso_themes/stock/2-625f1b778bfa549542025e4c5c195a903aa82a0a0c72bdc85bc949fdca9aa5fb.jpg", width: "120" /
                  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
  = yield