%nav.top-bar.show-for-large-up{'data-topbar' => true}
  %section.top-bar-section
    %ul.left{}
      %li.ofn-logo= link_to image_tag("ofn_logo_small.png"), root_path      
      %li.divider
      - if current_page? root_path
        %li
          %a{"ofn-scroll-to" => "hubs"}
            %span.nav-primary Hubs
      - else
        %li
          %a{href: root_path + "#/#hubs"}
            %span.nav-primary Hubs
      %li.divider
      %li
        %a{href: main_app.map_path}
          %span.nav-primary Map
      %li.divider
      %li
        %a{href: main_app.producers_path}
          %span.nav-primary Producers
      %li.divider
      %li
        %a{href: main_app.groups_path}
          %span.nav-primary Groups
      %li.divider
  %section.top-bar-section
    %ul.right
      %li.divider
      - if spree_current_user.nil?
        = render 'shared/signed_out'
      - else
        = render 'shared/signed_in'
      %li.divider
      %li.current_hub{"ng-controller" => "CurrentHubCtrl", "ng-show" => "CurrentHub.hub.id", "ng-cloak" => true}
        %a{href: main_app.shop_path}
          %em Shopping @ 
          %span.nav-primary.nav-branded {{ CurrentHub.hub.name }}
      %li.divider
      %li.cart{"ng-cloak" => true}
        = render partial: "shared/menu/cart"