%aside.main-sidebar

%section.sidebar
  .user-panel
    .pull-left.image
      =# %img.img-circle{:alt => "User Image", :src => asset_url("dist/img/user2-160x160.jpg")}/
      - get_login_user_info
      %img.img-circle{:alt => "User Image", src: $user_image}/
    .pull-left.info
      %p #{$user_name}
      %a{:href => "#"}
        %i.fa.fa-circle.text-success
        Online
  / search form
  %form.sidebar-form{:action => "#", :method => "get"}
    .input-group
      %input.form-control{:name => "q", :placeholder => "Search...", :type => "text"}/
      %span.input-group-btn
        %button#search-btn.btn.btn-flat{:name => "search", :type => "submit"}
          %i.fa.fa-search
  / /.search form
  / sidebar menu: : style can be found in sidebar.less
  %ul.sidebar-menu{"data-widget" => "tree"}
    %li.header MAIN NAVIGATION

    = render 'layouts/lte/menu'

/ Control Sidebar %aside.control-sidebar.control-sidebar-dark

/ Create the tabs
%ul.nav.nav-tabs.nav-justified.control-sidebar-tabs
  %li
    %a{"data-toggle" => "tab", :href => "#control-sidebar-home-tab"}
      %i.fa.fa-home
  %li
    %a{"data-toggle" => "tab", :href => "#control-sidebar-settings-tab"}
      %i.fa.fa-gears
/ Tab panes
.tab-content
  / Home tab content
  #control-sidebar-home-tab.tab-pane
    %h3.control-sidebar-heading Recent Activity
    %ul.control-sidebar-menu
      %li
        %a{:href => "javascript:void(0)"}
          %i.menu-icon.fa.fa-birthday-cake.bg-red
          .menu-info
            %h4.control-sidebar-subheading Langdon's Birthday
            %p Will be 23 on April 24th
      %li
        %a{:href => "javascript:void(0)"}
          %i.menu-icon.fa.fa-user.bg-yellow
          .menu-info
            %h4.control-sidebar-subheading Frodo Updated His Profile
            %p New phone +1(800)555-1234
      %li
        %a{:href => "javascript:void(0)"}
          %i.menu-icon.fa.fa-envelope-o.bg-light-blue
          .menu-info
            %h4.control-sidebar-subheading Nora Joined Mailing List
            %p nora@example.com
      %li
        %a{:href => "javascript:void(0)"}
          %i.menu-icon.fa.fa-file-code-o.bg-green
          .menu-info
            %h4.control-sidebar-subheading Cron Job 254 Executed
            %p Execution time 5 seconds
    / /.control-sidebar-menu
    %h3.control-sidebar-heading Tasks Progress
    %ul.control-sidebar-menu
      %li
        %a{:href => "javascript:void(0)"}
          %h4.control-sidebar-subheading
            Custom Template Design
            %span.label.label-danger.pull-right 70%
          .progress.progress-xxs
            .progress-bar.progress-bar-danger{:style => "width: 70%"}
      %li
        %a{:href => "javascript:void(0)"}
          %h4.control-sidebar-subheading
            Update Resume
            %span.label.label-success.pull-right 95%
          .progress.progress-xxs
            .progress-bar.progress-bar-success{:style => "width: 95%"}
      %li
        %a{:href => "javascript:void(0)"}
          %h4.control-sidebar-subheading
            Laravel Integration
            %span.label.label-warning.pull-right 50%
          .progress.progress-xxs
            .progress-bar.progress-bar-warning{:style => "width: 50%"}
      %li
        %a{:href => "javascript:void(0)"}
          %h4.control-sidebar-subheading
            Back End Framework
            %span.label.label-primary.pull-right 68%
          .progress.progress-xxs
            .progress-bar.progress-bar-primary{:style => "width: 68%"}
    / /.control-sidebar-menu
  / /.tab-pane
  / Stats tab content
  #control-sidebar-stats-tab.tab-pane Stats Tab Content
  / /.tab-pane
  / Settings tab content
  #control-sidebar-settings-tab.tab-pane
    %form{:method => "post"}
      %h3.control-sidebar-heading General Settings
      .form-group
        %label.control-sidebar-subheading
          Report panel usage
          %input.pull-right{:checked => "checked", :type => "checkbox"}/
        %p
          Some information about this general settings option
      / /.form-group
      .form-group
        %label.control-sidebar-subheading
          Allow mail redirect
          %input.pull-right{:checked => "checked", :type => "checkbox"}/
        %p
          Other sets of options are available
      / /.form-group
      .form-group
        %label.control-sidebar-subheading
          Expose author name in posts
          %input.pull-right{:checked => "checked", :type => "checkbox"}/
        %p
          Allow the user to show his name in blog posts
      / /.form-group
      %h3.control-sidebar-heading Chat Settings
      .form-group
        %label.control-sidebar-subheading
          Show me as online
          %input.pull-right{:checked => "checked", :type => "checkbox"}/
      / /.form-group
      .form-group
        %label.control-sidebar-subheading
          Turn off notifications
          %input.pull-right{:type => "checkbox"}/
      / /.form-group
      .form-group
        %label.control-sidebar-subheading
          Delete chat history
          %a.text-red.pull-right{:href => "javascript:void(0)"}
            %i.fa.fa-trash-o
      / /.form-group
  / /.tab-pane

/ /.control-sidebar /

Add the sidebar's background. This div must be placed
immediately after the control sidebar

.control-sidebar-bg / ./wrapper