%header.main-header
  / Logo
  %a.logo{:href => root_path}
    / mini logo for sidebar mini 50x50 pixels
    %span.logo-mini
      %b> A
      LT
    / logo for regular state and mobile devices
    %span.logo-lg
      %b> Admin
      LTE
  / Header Navbar: style can be found in header.less
  %nav.navbar.navbar-static-top
    / Sidebar toggle button
    %a.sidebar-toggle{"data-toggle" => "push-menu", :href => "#", :role => "button"}
      %span.sr-only Toggle lte

    .navbar-custom-menu
      %ul.nav.navbar-nav
        %li.dropdown.messages-menu
          %a.dropdown-toggle{"data-toggle" => "dropdown", :href => "#"}
            %i.fa.fa-envelope-o
            %span.label.label-success 4
          %ul.dropdown-menu
            %li.header
              You have 4 messages
            %li
              %ul.menu
                %li
                  %a{:href => "#"}
                  .pull-left
                    %img.img-circle{:alt => "User Image", :src => asset_url("dist/img/user2-160x160.jpg")}/
                  %h4
                    Sender Name
                    %small
                      %i.fa.fa-clock-o>
                      5 mins
                  %p
                    Message Excerpt
            %li.footer
              %a{:href => "#"} See All Messages
        %li.dropdown.notifications-menu
          %a.dropdown-toggle{"data-toggle" => "dropdown", :href => "#"}
            %i.fa.fa-bell-o
            %span.label.label-warning 10
          %ul.dropdown-menu
            %li.header
              You have 10 notifications
            %li
              %ul.menu
                %li
                  %a{:href => "#"}
                    %i.ion.ion-ios-people.info>
                    Notification title
            %li.footer
              %a{:href => "#"} View all
        %li.dropdown.tasks-menu
          %a.dropdown-toggle{"data-toggle" => "dropdown", :href => "#"}
            %i.fa.fa-flag-o
            %span.label.label-danger 9
          %ul.dropdown-menu
            %li.header
              You have 9 tasks
            %li
              %ul.menu
                %li
                  %a{:href => "#"}
                  %h3
                    Design some buttons
                    %small.pull-right 20%
                  .progress.xs
                    .progress-bar.progress-bar-aqua{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "20", :role => "progressbar", :style => "width: 20%"}
                      %span.sr-only 20% Complete
            %li.footer
              %a{:href => "#"} View all tasks
        %li.dropdown.user.user-menu
          %a.dropdown-toggle{"data-toggle" => "dropdown", :href => "#"}
            %img.user-image{:alt => "User Image", :src => asset_url("dist/img/user2-160x160.jpg")}/
            %span.hidden-xs Alexander Pierce
          %ul.dropdown-menu
            %li.user-header
              %img.img-circle{:alt => "User Image", :src => asset_url("dist/img/user2-160x160.jpg")}/
              %p
                Alexander Pierce - Web Developer
                %small Member since Nov. 2012
            %li.user-body
              .col-xs-4.text-center
                %a{:href => "#"} Followers
              .col-xs-4.text-center
                %a{:href => "#"} Sales
              .col-xs-4.text-center
                %a{:href => "#"} Friends
            %li.user-footer
              .pull-left
                %a.btn.btn-default.btn-flat{:href => "#"} Profile
              .pull-right
                %a.btn.btn-default.btn-flat{:href => "#"} Sign out