.mobile-nav__search
  = form_tag search_path, method: 'get', class: 'mobile-nav__search-form', role: 'search' do
    .mobile-nav__search-value= search_field_tag :q, params[:q], id: 'mobile_navigation_search', class: 'text-box', title: t('workarea.storefront.searches.search'), placeholder: t('workarea.storefront.searches.search'), tabindex: 1, required: true, data: { search_field: '' }
    .mobile-nav__search-button
      = button_tag value: 'search', class: 'button button--small button--full-height button--transparent', tabindex: 2 do
        = inline_svg('workarea/storefront/icons/search.svg', class: 'page-header__cart-icon svg-icon svg-icon--black', title: t('workarea.storefront.forms.go'))

%ul.mobile-nav__menu{ role: 'navigation' }
  - @menus.each do |menu|
    - styles = link_selected?(menu.taxon) ? 'mobile-nav__link mobile-nav__link--selected' : 'mobile-nav__link'
    %li.mobile-nav__item{ class: ('mobile-nav__item--has-children' if menu.content_blocks.present?)}
      - if menu.content_blocks.present?
        = link_to menu.name, menu_path(menu, return_to: mobile_nav_return_path, mobile_nav: true), class: styles
      - elsif menu.taxon.present?
        = link_to menu.taxon.name, storefront_path_for(menu.taxon), class: styles
      - else
        %span{ class: styles }= menu.name