%nav.tab-bar.show-for-medium-down
  %section.left
    %a.left-off-canvas-toggle.menu-icon
      %span

  %section.left
    .ofn-logo
      %a{href: root_path}
        %img{src: ContentConfig.logo_mobile.url, srcset: ContentConfig.logo_mobile_svg.url, width: "75", height: "26"}

  %section.right{"ng-cloak" => true}
    .cart
      = render partial: "shared/menu/cart"
    %a{href: main_app.shop_path}
      {{ CurrentHub.hub.name }}

%aside.left-off-canvas-menu.show-for-medium-down
  %ul.off-canvas-list
    %li.ofn-logo
      %a{href: root_path}
        %img{src: ContentConfig.logo_mobile.url, srcset: ContentConfig.logo_mobile_svg.url, width: "75", height: "26"}
    %li.li-menu
      - if current_page? main_app.shops_path
        %a{"ofn-scroll-to" => "hubs"}
          %span.nav-primary
            %i.ofn-i_019-map-pin
            = t 'label_shops'
      - else
        %a{href: main_app.shops_path}
          %span.nav-primary
            %i.ofn-i_019-map-pin
            = t 'label_shops'
    %li.li-menu
      %a{href: main_app.map_path}
        %span.nav-primary
          %i.ofn-i_037-map
          = t 'label_map'
    %li.li-menu
      %a{href: main_app.producers_path}
        %span.nav-primary
          %i.ofn-i_036-producers
          = t 'label_producers'
    - if OpenFoodNetwork::I18nConfig.selectable_locales.count > 1
      %li.language-switcher.li-menu
        %a
          %i.ofn-i_071-globe
          = t('language_name')
        %ul
          - OpenFoodNetwork::I18nConfig.selectable_locales.each do |l|
            - if I18n.locale != l
              %li
                %a{href: "?locale=#{l.to_s}" }= t('language_name', locale: l)
    - if feature? :connect_learn_homepage
      %li.li-menu
        %a{href: "https://openfoodnetwork.org/au/connect/"}
          %span.nav-primary
            %i.ofn-i_035-groups
            = t 'label_connect'
      %li.li-menu
        %a{href: "https://openfoodnetwork.org/au/learn/"}
          %span.nav-primary
            %i.ofn-i_013-help
            = t 'label_learn'
    - elsif feature? :about_blog_homepage
      %li.li-menu
        %a{href: "http://about.openfoodnetwork.org.uk/"}
          %span.nav-primary
            %i.ofn-i_019-map-pin
            = t 'label_about'
      %li.li-menu
        %a{href: "http://about.openfoodnetwork.org.uk/blog"}
          %span.nav-primary
            %i.ofn-i_037-map
            = t 'label_blog'
      %li.li-menu
        %a{href: "http://about.openfoodnetwork.org.uk/support"}
          %span.nav-primary
            %i.ofn-i_013-help
            = t 'label_support'
      %li.li-menu
        %a{href: main_app.groups_path}
          %span.nav-primary
            %i.ofn-i_035-groups
            = t 'label_groups'
    - else
      %li.li-menu
        %a{href: main_app.groups_path}
          %span.nav-primary
            %i.ofn-i_035-groups
            = t 'label_groups'
      %li.li-menu
        %a{href: ContentConfig.footer_about_url}
          %span.nav-primary
            %i.ofn-i_013-help
            = t 'label_about'

    %li
    - if spree_current_user.nil?
      = render 'shared/signed_out'
    - else
      = render 'shared/signed_in_offcanvas'