%nav.navbar.navbar-default.top-navbar{:role => "navigation"}
  .navbar-header
    %button.navbar-toggle{"data-target" => ".sidebar-collapse", "data-toggle" => "collapse", :type => "button"}
      %span.sr-only Toggle navigation
      %span.icon-bar
      %span.icon-bar
      %span.icon-bar
    %a.navbar-brand{href: root_path}
      %i.fa.fa-shopping-cart
      Tienda
  %ul.nav.navbar-top-links.navbar-right
    -# %li.dropdown
    -#   %a.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :href => "#"}
    -#     %i.fa.fa-envelope.fa-fw
    -#     %i.fa.fa-caret-down
    -#   %ul.dropdown-menu.dropdown-messages
    -#     %li
    -#       %a{:href => "#"}
    -#         %div
    -#           %strong John Doe
    -#           %span.pull-right.text-muted
    -#             %em Today
    -#         %div Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...
    -#     %li.divider
    -#     %li
    -#       %a{:href => "#"}
    -#         %div
    -#           %strong John Smith
    -#           %span.pull-right.text-muted
    -#             %em Yesterday
    -#         %div Lorem Ipsum has been the industry's standard dummy text ever since an kwilnw...
    -#     %li.divider
    -#     %li
    -#       %a{:href => "#"}
    -#         %div
    -#           %strong John Smith
    -#           %span.pull-right.text-muted
    -#             %em Yesterday
    -#         %div Lorem Ipsum has been the industry's standard dummy text ever since the...
    -#     %li.divider
    -#     %li
    -#       %a.text-center{:href => "#"}
    -#         %strong Read All Messages
    -#         %i.fa.fa-angle-right
    -#   / /.dropdown-messages
    -# / /.dropdown
    -# %li.dropdown
    -#   %a.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :href => "#"}
    -#     %i.fa.fa-tasks.fa-fw
    -#     %i.fa.fa-caret-down
    -#   %ul.dropdown-menu.dropdown-tasks
    -#     %li
    -#       %a{:href => "#"}
    -#         %div
    -#           %p
    -#             %strong Task 1
    -#             %span.pull-right.text-muted 60% Complete
    -#           .progress.progress-striped.active
    -#             .progress-bar.progress-bar-success{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "60", :role => "progressbar", :style => "width: 60%"}
    -#               %span.sr-only 60% Complete (success)
    -#     %li.divider
    -#     %li
    -#       %a{:href => "#"}
    -#         %div
    -#           %p
    -#             %strong Task 2
    -#             %span.pull-right.text-muted 28% Complete
    -#           .progress.progress-striped.active
    -#             .progress-bar.progress-bar-info{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "28", :role => "progressbar", :style => "width: 28%"}
    -#               %span.sr-only 28% Complete
    -#     %li.divider
    -#     %li
    -#       %a{:href => "#"}
    -#         %div
    -#           %p
    -#             %strong Task 3
    -#             %span.pull-right.text-muted 60% Complete
    -#           .progress.progress-striped.active
    -#             .progress-bar.progress-bar-warning{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "60", :role => "progressbar", :style => "width: 60%"}
    -#               %span.sr-only 60% Complete (warning)
    -#     %li.divider
    -#     %li
    -#       %a{:href => "#"}
    -#         %div
    -#           %p
    -#             %strong Task 4
    -#             %span.pull-right.text-muted 85% Complete
    -#           .progress.progress-striped.active
    -#             .progress-bar.progress-bar-danger{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "85", :role => "progressbar", :style => "width: 85%"}
    -#               %span.sr-only 85% Complete (danger)
    -#     %li.divider
    -#     %li
    -#       %a.text-center{:href => "#"}
    -#         %strong See All Tasks
    -#         %i.fa.fa-angle-right
    -#   / /.dropdown-tasks
    -# / /.dropdown
    -# %li.dropdown
    -#   %a.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :href => "#"}
    -#     %i.fa.fa-bell.fa-fw
    -#     %i.fa.fa-caret-down
    -#   %ul.dropdown-menu.dropdown-alerts
    -#     %li
    -#       %a{:href => "#"}
    -#         %div
    -#           %i.fa.fa-comment.fa-fw
    -#           New Comment
    -#           %span.pull-right.text-muted.small 4 min
    -#     %li.divider
    -#     %li
    -#       %a{:href => "#"}
    -#         %div
    -#           %i.fa.fa-twitter.fa-fw
    -#           3 New Followers
    -#           %span.pull-right.text-muted.small 12 min
    -#     %li.divider
    -#     %li
    -#       %a{:href => "#"}
    -#         %div
    -#           %i.fa.fa-envelope.fa-fw
    -#           Message Sent
    -#           %span.pull-right.text-muted.small 4 min
    -#     %li.divider
    -#     %li
    -#       %a{:href => "#"}
    -#         %div
    -#           %i.fa.fa-tasks.fa-fw
    -#           New Task
    -#           %span.pull-right.text-muted.small 4 min
    -#     %li.divider
    -#     %li
    -#       %a{:href => "#"}
    -#         %div
    -#           %i.fa.fa-upload.fa-fw
    -#           Server Rebooted
    -#           %span.pull-right.text-muted.small 4 min
    -#     %li.divider
    -#     %li
    -#       %a.text-center{:href => "#"}
    -#         %strong See All Alerts
    -#         %i.fa.fa-angle-right
      / /.dropdown-alerts
    / /.dropdown
    %li.dropdown
      %a.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :href => "#"}
        %i.fa.fa-user.fa-fw
        %i.fa.fa-caret-down
      %ul.dropdown-menu.dropdown-user
        %li
          %a{:href => "#"}
            %i.fa.fa-user.fa-fw
            User Profile
        %li
          %a{:href => "#"}
            %i.fa.fa-gear.fa-fw
            Settings
        %li.divider
        %li
          %a{href: logout_path, data: { method: :delete }}
            %i.fa.fa-sign-out.fa-fw
            = t('.logout')
      / /.dropdown-user
    / /.dropdown
/ /. NAV TOP