%nav.navbar.navbar-inverse.sidebar{:role => "navigation"}
  .container-fluid
    / Brand and toggle get grouped for better mobile display
    .navbar-header
      %button.navbar-toggle{"data-target" => "#bs-sidebar-navbar-collapse-1", "data-toggle" => "collapse", :type => "button"}
        %span.sr-only Toggle navigation
        %span.icon-bar
        %span.icon-bar
        %span.icon-bar
      %a.navbar-brand{:href => "#"} StripeWrapper
    / Collect the nav links, forms, and other content for toggling
    #bs-sidebar-navbar-collapse-1.collapse.navbar-collapse
      %ul.nav.navbar-nav
        %li{class: controller.controller_name == 'home' ? 'active' : ''}
          =link_to root_path do 
            =I18n.t('stripe_wrapper.menu.home')
            %span.pull-right.hidden-xs.showopacity.glyphicon.glyphicon-home{:style => "font-size:16px;"}
        %li{class: controller.controller_name == 'customers' ? 'active' : ''}
          =link_to customers_path do 
            =I18n.t('stripe_wrapper.menu.customers')
            %span.pull-right.hidden-xs.showopacity.glyphicon.glyphicon-user{:style => "font-size:16px;"}
        %li{class: controller.controller_name == 'charges' ? 'active' : ''}
          =link_to charges_path do 
            =I18n.t('stripe_wrapper.menu.charges')
            %span.pull-right.hidden-xs.showopacity.glyphicon.glyphicon-usd{:style => "font-size:16px;"}