%header.main-header

/ Logo
%a.logo{:href => "index2.html"}
  / 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