%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}
    %span.cart-span{"ng-controller" => "CartCtrl", "ng-class" => "{ dirty: Cart.dirty || Cart.empty(), 'pure-dirty': Cart.dirty }"}
      %a.icon{href: main_app.checkout_path}
        %span
          = t '.cart'
        %span.count
          %img{ src: "/assets/menu/icn-cart.svg" }
          %span
            {{ Cart.total_item_count() }}

    %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"}
    - [*1..7].each do |menu_number|
      - menu_name = "menu_#{menu_number}"
      - if ContentConfig[menu_name].present?
        %li.li-menu
          %a{href: t("#{menu_name}_url") }
            %span.nav-primary
              %i{class: ContentConfig["#{menu_name}_icon_name"]}
              = t "#{menu_name}_title"
    - 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)
    %li
    - if spree_current_user.nil?
      = render 'shared/menu/signed_out'
    - else
      = render 'shared/menu/signed_in_offcanvas'