<header class="adm-header background-white bottom-border-gray js-header">
  <div class="adm-header-content flex between-xs horizontal-padding-large background-white">
    <div class="flex middle-xs">
      <a href="{{ home }}" class="right-margin-medium">
        <img src="view/image/logo.png" title="{{ heading_title }}" width="36" height="36">
      </a>
      {% if showECommerceLinks %}
        <a href="{{ store }}" target="_blank"
          class="text-decoration-none left-padding-medium vertical-padding-medium hidden-xl-down">
          <span class="text-small text-gray">{{ text_front }}</span>
        </a>
      {% endif %}
      <div class="flex center-xs middle-xs full-height padding-medium cursor-pointer hidden-xl-up js-menu-control">
        <i class="fas fa-bars text-medium text-gray"></i>
        <span class="text-small text-gray text-bold text-uppercase left-margin-x-small hidden-sm-down">{{ text_menu }}</span>
      </div>
    </div>

    <nav class="flex middle-md adm-menu background-white js-menu">
      <div class="padding-large full-width hidden-xl-up js-menu-close">
        <div class="flex between-xs middle-xs">
          <span class="text-x-large text-dark text-bold">{{ text_menu }}</span>
          <i class="fas fa-times text-medium text-gray padding-small cursor-pointer"></i>
        </div>
      </div>
      <a href="{{ store }}" target="_blank" class="adm-menu-item js-menu-item hidden-xl-up">
        <span class="text-small text-gray">{{ text_front }}</span>
      </a>

      {% block content_start_menu %}
        <a href="{{ home }}" class="adm-menu-item js-menu-item{{ current_page == 'common' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_dashboard }}</span>
        </a>
      {% endblock %}

      {% if showECommerceLinks %}
        <div class="adm-menu-item js-menu-item{{ current_page == 'catalog' ? ' active' : '' }}" id="menu-catalog">
          <i class="fas fa-angle-left text-small text-gray hidden-xl-up hidden"></i>
          <span class="text-small text-gray">{{ text_catalog }}</span>
          <i class="fas fa-angle-down text-small text-gray hidden-xl-down"></i>
          <i class="fas fa-angle-right text-small text-gray hidden-xl-up"></i>
        </div>
      {% endif %}

      {% if showMarketplaceLinks %}
        <div class="adm-menu-item js-menu-item{{ current_page == 'marketplace' ? ' active' : '' }}" id="menu-marketplace">
          <i class="fas fa-angle-left text-small text-gray hidden-xl-up hidden"></i>
          <span class="text-small text-gray">Marketplace</span>
          <i class="fas fa-angle-down text-small text-gray hidden-xl-down"></i>
          <i class="fas fa-angle-right text-small text-gray hidden-xl-up"></i>
        </div>
      {% endif %}

      {% if showECommerceLinks %}
        <div class="adm-menu-item js-menu-item{{ current_page == 'extension' ? ' active' : '' }}" id="menu-extension">
          <i class="fas fa-angle-left text-small text-gray hidden-xl-up hidden"></i>
          <span class="text-small text-gray">{{ text_extension }}</span>
          <i class="fas fa-angle-down text-small text-gray hidden-xl-down"></i>
          <i class="fas fa-angle-right text-small text-gray hidden-xl-up"></i>
        </div>
      {% endif %}

      <div class="adm-menu-item js-menu-item{{ current_page == 'sale' ? ' active' : '' }}" id="menu-sales">
        <i class="fas fa-angle-left text-small text-gray hidden-xl-up hidden"></i>
        <span class="text-small text-gray">{{ text_sale }}</span>
        <i class="fas fa-angle-down text-small text-gray hidden-xl-down"></i>
        <i class="fas fa-angle-right text-small text-gray hidden-xl-up"></i>
      </div>

      <div class="adm-menu-item js-menu-item{{ current_page == 'setting' ? ' active' : '' }}" id="menu-system">
        <i class="fas fa-angle-left text-small text-gray hidden-xl-up hidden"></i>
        <span class="text-small text-gray">{{ text_system }}</span>
        <i class="fas fa-angle-down text-small text-gray hidden-xl-down"></i>
        <i class="fas fa-angle-right text-small text-gray hidden-xl-up"></i>
      </div>

      <div class="adm-menu-item js-menu-item{{ current_page == 'report' ? ' active' : '' }}" id="menu-reports">
        <i class="fas fa-angle-left text-small text-gray hidden-xl-up hidden"></i>
        <span class="text-small text-gray">{{ text_reports }}</span>
        <i class="fas fa-angle-down text-small text-gray hidden-xl-down"></i>
        <i class="fas fa-angle-right text-small text-gray hidden-xl-up"></i>
      </div>
    </nav>

    <div class="flex middle-xs">
      <div data-theme="{{ link_theme }}" class="flex middle-xs full-height padding-small horizontal-margin-x-small cursor-pointer js-theme" data-tooltip="{{ text_theme }}">
        <i class="fas fa-adjust text-medium text-gray"></i>
      </div>
      <div
        class="flex middle-xs full-height padding-small horizontal-margin-x-small cursor-pointer js-suspended-side-control js-control-manual"
        data-tooltip="{{ text_help }}" id="suspended-side-help">
        <i class="fas fa-question-circle text-medium text-gray"></i>
      </div>
      <div class="flex middle-xs full-height padding-small horizontal-margin-x-small cursor-pointer js-suspended-side-control rel"
           data-tooltip="{{ text_notifications }}" id="suspended-side-notification">
        {% if active_notifications and (quantity_notifications > 0) %}
          <span class="adm-dot-notification"><p class="qtd-notification">{{  quantity_notifications > 9 ? '9+' :  quantity_notifications  }}</p></span>

        {% endif %}
        <i class="fas fa-bell text-medium text-gray"></i>
      </div>
      <div class="flex middle-xs full-height padding-small horizontal-margin-x-small cursor-pointer js-suspended-side-control js-suspended-teste"
           data-tooltip="{{ text_account }}" id="suspended-side-account">
        <div class="hidden-sm-down text-ellipsis" style="max-width:12rem;">
          <span class="text-medium text-gray text-bold visible-block text-ellipsis">{{ infos_empresa }}</span>
          <span class="text-x-small text-gray text-uppercase visible-block text-ellipsis top-margin-x-small">{{ logged }}</span>
        </div>
        <i class="fas fa-user text-medium text-gray hidden-sm-up"></i>
        <i class="fas fa-angle-down left-padding-small text-medium text-gray hidden-sm-down"></i>
      </div>
    </div>
  </div>

  <nav class="adm-submenu flex middle-md center-md background-white top-border-gray js-submenu">

    {% block content_start_submenu %}{% endblock %}

    <div class="adm-submenu-item flex middle-xs hidden js-menu-catalog">
      <a href="{{ category }}" class="adm-menu-item js-menu-item{{ current_subpage == 'category' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_category }}</span>
      </a>
      <a href="{{ product }}"
         class="adm-menu-item js-menu-item{{ current_page == 'catalog' and current_subpage == 'product' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_product }}</span>
      </a>
      <a href="{{ manufacturer }}"
         class="adm-menu-item js-menu-item{{ current_subpage == 'manufacturer' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_manufacturer }}</span>
      </a>
      <a href="{{ review }}" class="adm-menu-item js-menu-item{{ current_subpage == 'review' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_review }}</span>
      </a>
      {% if store_rating_module_status %}
        <a href="{{ store_rating }}"
           class="adm-menu-item js-menu-item{{ current_subpage == 'store_rating' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_store_rating }}</span>
        </a>
      {% endif %}
      <a href="{{ information }}"
         class="adm-menu-item js-menu-item{{ current_subpage == 'information' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_information }}</span>
      </a>
    </div>

    <div class="adm-submenu-item flex middle-xs hidden js-menu-marketplace">
      {% if mercadolivre_instaled %}
        <div class="adm-menu-item js-menu-item{{ current_subpage == 'mercadolivre' ? ' active' : '' }}"
             id="menu-mercadolivre">
          <i class="fas fa-angle-left text-small text-gray hidden"></i>
          <span class="text-small text-gray">{{ text_mercadolivre_extension }}</span>
          <i class="fas fa-angle-right text-small text-gray"></i>
        </div>
        <div class="flex middle-xs hidden adm-submenu-itens js-menu-mercadolivre">
          <a href="{{ mercadolivre_link_product }}"
             class="adm-menu-item js-menu-item{{ current_page == 'marketplace' and current_subpage == 'mercadolivre' and current_subsubpage == 'product' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_product }}</span>
          </a>
          <a href="{{ mercadolivre_link_setting }}"
             class="adm-menu-item js-menu-item{{ current_subsubpage == 'settings' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_mercadolivre_setting }}</span>
          </a>
          {% if accesToken %}
            <a href="{{ mercadolivre_link_search_order }}"
               class="adm-menu-item js-menu-item{{ current_subsubpage == 'searchorder' ? ' active' : '' }}">
              <span class="text-small text-gray">{{ text_search_order }}</span>
            </a>
            <a href="{{ mercadolivre_link_error }}"
               class="adm-menu-item js-menu-item{{ current_subsubpage == 'error' ? ' active' : '' }}">
              <span class="text-small text-gray">{{ text_mercadolivre_error }}</span>
            </a>
            <a href="{{ mercadolivre_link_question }}"
               class="adm-menu-item js-menu-item{{ current_subsubpage == 'question' ? ' active' : '' }}">
              <span class="text-small text-gray">{{ text_mercadolivre_question }}</span>
            </a>
            <a href="{{ mercadolivre_link_noticies }}"
               class="adm-menu-item js-menu-item{{ current_subsubpage == 'noticies' ? ' active' : '' }}">
              <span class="text-small text-gray">{{ text_mercadolivre_noticies }}</span>
            </a>
            <a href="{{ mercadolivre_link_measureManufacturer }}"
               class="adm-menu-item js-menu-item{{ current_subsubpage == 'measuremanufacturer' ? ' active' : '' }}">
              <span class="text-small text-gray">{{ text_mercadolivre_measure_manufacturer }}</span>
            </a>
          {% endif %}
        </div>
      {% else %}
        <a href="{{ module }}&module=10#tab-info={{tipo_menu_tab.mkt}}"
           class="adm-menu-item js-menu-item{{ current_subpage == 'module' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_mercadolivre_extension }}</span>
        </a>
      {% endif %}
      {% if skyhub_instaled %}
        <div class="adm-menu-item js-menu-item{{ current_subpage == 'skyhub' ? ' active' : '' }}" id="menu-skyhub">
          <i class="fas fa-angle-left text-small text-gray hidden"></i>
          <span class="text-small text-gray">Skyhub</span>
          <i class="fas fa-angle-right text-small text-gray"></i>
        </div>
        <div class="flex middle-xs hidden adm-submenu-itens js-menu-skyhub">
          <a href="{{ skyhub_link_product }}"
              class="adm-menu-item js-menu-item{{ current_page == 'marketplace' and current_subpage == 'skyhub' and current_subsubpage == 'product' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_product }}</span>
          </a>
          <a href="{{ skyhub_link_setting }}"
              class="adm-menu-item js-menu-item{{ current_subsubpage == 'settings' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_skyhub_setting }}</span>
          </a>
          <a href="{{ skyhub_link_searchorder }}"
              class="adm-menu-item js-menu-item{{ current_subsubpage == 'searchorder' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_search_order }}</span>
          </a>
          <a href="{{ skyhub_link_error }}"
              class="adm-menu-item js-menu-item{{ current_subsubpage == 'error' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_skyhub_error }}</span>
          </a>
        </div>
      {% else %}
        <a href="{{ module }}&module=10#tab-info={{tipo_menu_tab.mkt}}"
           class="adm-menu-item js-menu-item{{ current_subpage == 'skyhub' ? ' active' : '' }}">
          <span class="text-small text-gray">Skyhub</span>
        </a>
      {% endif %}
      {% if galeriapage_instaled %}
        <div class="adm-menu-item js-menu-item{{ current_subpage == 'galeriapage' ? ' active' : '' }}" id="menu-galeriapage">
          <i class="fas fa-angle-left text-small text-gray hidden"></i>
          <span class="text-small text-gray">Galeria Pagé</span>
          <i class="fas fa-angle-right text-gray text-small"></i>
        </div>
        <div class="flex middle-xs hidden adm-submenu-itens js-menu-galeriapage">
          <a href="{{ galeriapage_link_product }}"
             class="adm-menu-item js-menu-item{{ current_subpage == 'galeriapage' and current_subsubpage == 'product' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_product }}</span>
          </a>
          <a href="{{ galeriapage_link_setting }}"
             class="adm-menu-item js-menu-item{{ current_subpage == 'galeriapage' and current_subsubpage == 'settings' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_galeriapage_setting }}</span>
          </a>
        </div>
      {% else %}
        <a href="{{ module }}&module=10#tab-info={{tipo_menu_tab.mkt}}"
           class="adm-menu-item js-menu-item{{ current_subpage == 'galeriapage' ? ' active' : '' }}">
          <span class="text-small text-gray">Galeria Pagé</span>
        </a>
      {% endif %}
      {% if shopee_instaled %}
        <div class="adm-menu-item js-menu-item{{ current_subpage == 'shopee' ? ' active' : '' }}" id="menu-shopee">
          <i class="fas fa-angle-left text-small text-gray hidden"></i>
          <span class="text-small text-gray">Shopee</span>
          <i class="fas fa-angle-right text-gray text-small"></i>
        </div>
        <div class="flex middle-xs hidden adm-submenu-itens js-menu-shopee">
          <a href="{{ shopee_link_product }}"
             class="adm-menu-item js-menu-item{{ current_subpage == 'shopee' and current_subsubpage == 'product' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_product }}</span>
          </a>
          <a href="{{ shopee_link_setting }}"
             class="adm-menu-item js-menu-item{{ current_subpage == 'shopee' and current_subsubpage == 'settings' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_shopee_setting }}</span>
          </a>
          <a href="{{ shopee_link_searchorder }}"
             class="adm-menu-item js-menu-item{{ current_subpage == 'shopee' and current_subsubpage == 'searchorder' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_search_order }}</span>
          </a>
        </div>
      {% else %}
        <a href="{{ module }}&module=10#tab-info={{tipo_menu_tab.mkt}}"
           class="adm-menu-item js-menu-item{{ current_subpage == 'shopee' ? ' active' : '' }}">
          <span class="text-small text-gray">Shopee</span>
        </a>
      {% endif %}
    </div>

    <div class="adm-submenu-item flex middle-xs hidden js-menu-extension">
      <a href="{{ module }}" class="adm-menu-item js-menu-item{{ current_subpage == 'module' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_module }}</span>
      </a>
      <a href="{{ feed }}" class="adm-menu-item js-menu-item{{ current_subpage == 'feed' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_feed }}</span>
      </a>
      {% if pagseguro_status %}
        <div class="adm-menu-item js-menu-item{{ current_subpage == 'pagseguro' ? ' active' : '' }}"
             id="menu-pagseguro">
          <i class="fas fa-angle-left text-small text-gray hidden"></i>
          <span class="text-small text-gray">{{ text_pagseguro }}</span>
          <i class="fas fa-angle-right text-gray text-small"></i>
        </div>
        <div class="flex middle-xs hidden adm-submenu-itens js-menu-pagseguro">
          <a href="{{ pagseguro_settings }}"
             class="adm-menu-item js-menu-item{{ current_subsubpage == 'pagseguro' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_pagseguro_settings }}</span>
          </a>
          <a href="{{ pagseguro_order_abandoned }}"
             class="adm-menu-item js-menu-item{{ current_subsubpage == 'pagseguro_abandoned' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_pagseguro_order_abandoned }}</span>
          </a>
        </div>
      {% endif %}
    </div>

    <div class="adm-submenu-item flex middle-xs hidden js-menu-sales">
      <a href="{{ order }}" class="adm-menu-item js-menu-item{{ current_subpage == 'order' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_order }}</span>
      </a>
      {% if showECommerceLinks %}
        <a href="{{ return }}" class="adm-menu-item js-menu-item{{ current_subpage == 'return' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_return }}</span>
        </a>
      {% endif %}
      <div class="adm-menu-item js-menu-item{{ current_subpage == 'customer' ? ' active' : '' }}" id="menu-customer">
        <i class="fas fa-angle-left text-small text-gray hidden"></i>
        <span class="text-small text-gray">{{ text_customer }}</span>
        <i class="fas fa-angle-right text-gray text-small"></i>
      </div>
      <div class="flex middle-xs hidden adm-submenu-itens js-menu-customer">
        <a href="{{ customer }}"
           class="adm-menu-item js-menu-item{{ current_subsubpage == 'customer' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_customer }}</span>
        </a>
        <a href="{{ customer_group }}"
           class="adm-menu-item js-menu-item{{ current_subsubpage == 'customer_group' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_customer_group }}</span>
        </a>
      </div>
      {% if showECommerceLinks %}
        <a href="{{ coupon }}" class="adm-menu-item js-menu-item{{ current_subpage == 'coupon' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_coupon }}</span>
        </a>
        {% if pp_express_status %}
          <div class="adm-menu-item js-menu-item{{ current_subpage == 'paypal' ? ' active' : '' }}" id="menu-paypal">
            <i class="fas fa-angle-left text-small text-gray hidden"></i>
            <span class="text-small text-gray">{{ text_paypal_express }}</span>
            <i class="fas fa-angle-right text-gray text-small"></i>
          </div>
          <div class="flex middle-xs hidden adm-submenu-itens js-menu-paypal">
            <a href="{{ paypal_express }}"
              class="adm-menu-item js-menu-item{{ current_subsubpage == 'pp_express' ? ' active' : '' }}">
              <span class="text-small text-gray">{{ text_paypal_express }}</span>
            </a>
            <a href="{{ paypal_express_search }}"
              class="adm-menu-item js-menu-item{{ current_subsubpage == 'search' ? ' active' : '' }}">
              <span class="text-small text-gray">{{ text_paypal_express_search }}</span>
            </a>
          </div>
        {% endif %}
        <a href="{{ contact }}" class="adm-menu-item js-menu-item{{ current_subpage == 'contact' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_contact }}</span>
        </a>
        {% if mandae_instaled %}
          <a href="{{ mandae }}" class="adm-menu-item js-menu-item">
            <span class="text-small text-gray">{{ text_mandae }}</span>
          </a>
        {% endif %}
      {% endif %}
    </div>

    <div class="adm-submenu-item flex middle-xs hidden js-menu-system">
      <a href="{{ setting }}" class="adm-menu-item js-menu-item{{ current_subpage == 'setting' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_setting }}</span>
      </a>
      <a href="{{ safety }}" class="adm-menu-item js-menu-item{{ current_subpage == 'safety' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_safety }}</span>
      </a>
      {% if showMarketplaceLinks and showECommerceLinks != true %}
        <a href="{{ config_repli }}" class="adm-menu-item js-menu-item{{ current_subpage == 'config_repli' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_config_repli }}</span>
        </a>
      {% endif %}
      <a href="{{ task }}" class="adm-menu-item js-menu-item{{ current_subpage == 'task' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_task }}</span>
      </a>
      <div class="adm-menu-item js-menu-item{{ current_subpage == 'design' ? ' active' : '' }}" id="menu-design">
        <i class="fas fa-angle-left text-small text-gray hidden"></i>
        <span class="text-small text-gray">{{ text_design }}</span>
        <i class="fas fa-angle-right text-gray text-small"></i>
      </div>
      <div class="flex middle-xs hidden adm-submenu-itens js-menu-design">
         <a href="{{ colors }}"
           class="adm-menu-item js-menu-item{{ current_subsubpage == 'colors' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_colors }}</span>
        </a>
        <a href="{{ visual }}"
           class="adm-menu-item js-menu-item{{ current_subsubpage == 'visual' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_visual }}</span>
        </a>
        <a href="{{ footer }}"
           class="adm-menu-item js-menu-item{{ current_subsubpage == 'footer' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_footer }}</span>
        </a>
        <a href="{{ custom_layout }}"
           class="adm-menu-item js-menu-item{{ current_subsubpage == 'email' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_custom_layout }}</span>
        </a>
        <a class="adm-menu-item js-menu-item js-open-file-manager">
          <span class="text-small text-gray">{{ text_image_manager }}</span>
        </a>
      </div>
      <div class="adm-menu-item js-menu-item{{ current_subpage == 'user' ? ' active' : '' }}" id="menu-users">
        <i class="fas fa-angle-left text-small text-gray hidden"></i>
        <span class="text-small text-gray">{{ text_users }}</span>
        <i class="fas fa-angle-right text-gray text-small"></i>
      </div>
      <div class="flex middle-xs hidden adm-submenu-itens js-menu-users">
        <a href="{{ user }}" class="adm-menu-item js-menu-item{{ current_subsubpage == 'user' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_user }}</span>
        </a>
        <a href="{{ user_group }}"
           class="adm-menu-item js-menu-item{{ current_subsubpage == 'user_permission' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_user_group }}</span>
        </a>
      </div>
      <div class="adm-menu-item js-menu-item{{ current_subpage == 'localisation' ? ' active' : '' }}"
           id="menu-localisation">
        <i class="fas fa-angle-left text-small text-gray hidden"></i>
        <span class="text-small text-gray">{{ text_localisation }}</span>
        <i class="fas fa-angle-right text-gray text-small"></i>
      </div>
      <div class="flex middle-xs hidden adm-submenu-itens js-menu-localisation">
        <a href="{{ stock_status }}"
           class="adm-menu-item js-menu-item{{ current_subsubpage == 'stock_status' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_stock_status }}</span>
        </a>
        <a href="{{ order_status }}"
           class="adm-menu-item js-menu-item{{ current_subsubpage == 'order_status' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_order_status }}</span>
        </a>

        {% if showMarketplaceLinks and showECommerceLinks != true %}
          <a href="{{ config_processo_venda }}"
            class="adm-menu-item js-menu-item{{ current_subsubpage == 'config_processo_venda' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_config_processo_venda }}</span>
          </a>
        {% endif %}

        {% if processo_venda_instaled %}
          <a href="{{ processo_venda }}"
             class="adm-menu-item js-menu-item{{ current_subsubpage == 'processo_venda' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_processo_venda }}</span>
          </a>
        {% endif %}

        {% if showECommerceLinks %}
          <div class="adm-menu-item js-menu-item{{ current_subsubpagereturn == 'return' ? ' active' : '' }}"
               id="menu-return">
            <i class="fas fa-angle-left text-small text-gray hidden"></i>
            <span class="text-small text-gray">{{ text_return }}</span>
            <i class="fas fa-angle-right text-gray text-small"></i>
          </div>
          <div class="flex middle-xs hidden adm-submenu-itens js-menu-return">
            <a href="{{ return_status }}"
               class="adm-menu-item js-menu-item{{ current_subsubpagesubreturn == 'return_status' ? ' active' : '' }}">
              <span class="text-small text-gray">{{ text_return_status }}</span>
            </a>
            <a href="{{ return_action }}"
               class="adm-menu-item js-menu-item{{ current_subsubpagesubreturn == 'return_action' ? ' active' : '' }}">
              <span class="text-small text-gray">{{ text_return_action }}</span>
            </a>
            <a href="{{ return_reason }}"
               class="adm-menu-item js-menu-item{{ current_subsubpagesubreturn == 'return_reason' ? ' active' : '' }}">
              <span class="text-small text-gray">{{ text_return_reason }}</span>
            </a>
          </div>
        {% endif %}

        <a href="{{ country }}"
           class="adm-menu-item js-menu-item{{ current_subsubpage == 'country' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_country }}</span>
        </a>
        <a href="{{ zone }}" class="adm-menu-item js-menu-item{{ current_subsubpage == 'zone' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_zone }}</span>
        </a>
        <a href="{{ geo_zone }}"
           class="adm-menu-item js-menu-item{{ current_subsubpage == 'geo_zone' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_geo_zone }}</span>
        </a>
      </div>
      <div class="adm-menu-item js-menu-item{{ current_subpage == 'outros' ? ' active' : '' }}" id="menu-others">
        <i class="fas fa-angle-left text-small text-gray hidden"></i>
        <span class="text-small text-gray">{{ text_outros }}</span>
        <i class="fas fa-angle-right text-gray text-small"></i>
      </div>
      <div class="flex middle-xs hidden adm-submenu-itens js-menu-others">
        <a href="{{ message_status }}"
           class="adm-menu-item js-menu-item{{ current_subsubpage == 'message_status' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_message_status }}</span>
        </a>
        {% if recionamento301_instaled %}
          <a href="{{ redirecionamento301 }}"
             class="adm-menu-item js-menu-item{{ current_subsubpage == 'redirecionamento301' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_redirecionamento301 }}</span>
          </a>
        {% endif %}
      </div>
      <div class="adm-menu-item js-menu-item{{ current_subpage == 'tool' ? ' active' : '' }}" id="menu-log">
        <i class="fas fa-angle-left text-small text-gray hidden"></i>
        <span class="text-small text-gray">{{ text_error_log }}</span>
        <i class="fas fa-angle-right text-gray text-small"></i>
      </div>
      <div class="flex middle-xs adm-submenu-itens js-menu-log">
        <a href="{{ error_log }}"
          class="adm-menu-item js-menu-item{{ current_subsubpage == 'error_log' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_error_log_geral }}</span>
        </a>

        {% if showMarketplaceLinks %}
          <a href="{{ mercadolivre_link_log }}"
             class="adm-menu-item js-menu-item{{ current_subsubpage == 'error_log_mercadolivre' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_error_log_ml }}</span>
          </a>
        {% endif %}
      </div>
      {% if showECommerceLinks %}
        <a href="{{ analyze }}" class="adm-menu-item js-menu-item{{ current_subpage == 'analyze' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_analyze_access }}</span>
        </a>
      {% endif %}
    </div>

    <div class="adm-submenu-item flex middle-xs hidden js-menu-reports">
      <a href="{{ report_sale_order }}"
         class="adm-menu-item js-menu-item{{ current_subpage == 'sale_order' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_sale }}</span>
      </a>

      <a href="{{ report_coupon_used }}"
         class="adm-menu-item js-menu-item{{ current_subpage == 'coupon_used' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_report_sale_coupon }}</span>
      </a>

      <div class="adm-menu-item js-menu-item{{ current_subpage == 'product' ? ' active' : '' }}" id="menu-product">
        <i class="fas fa-angle-left text-small text-gray hidden"></i>
        <span class="text-small text-gray">{{ text_product }}</span>
        <i class="fas fa-angle-right text-gray text-small"></i>
      </div>
      <div class="flex middle-xs hidden adm-submenu-itens js-menu-product">
        {% if showECommerceLinks %}
          <a href="{{ report_searchterms }}"
            class="adm-menu-item js-menu-item{{ current_subsubpage == 'searchterms' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_report_searchterms }}</span>
          </a>
          <a href="{{ report_product_viewed }}"
            class="adm-menu-item js-menu-item{{ current_subsubpage == 'product_viewed' ? ' active' : '' }}">
            <span class="text-small text-gray">{{ text_report_product_viewed }}</span>
          </a>
        {% endif %}
        <a href="{{ report_product_purchased }}"
          class="adm-menu-item js-menu-item{{ current_subsubpage == 'product_purchased' ? ' active' : '' }}">
          <span class="text-small text-gray">{{ text_report_product_purchased }}</span>
        </a>
      </div>
      <a href="{{ report_customer_online }}"
         class="adm-menu-item js-menu-item{{ current_subpage == 'customer_online' ? ' active' : '' }}">
        <span class="text-small text-gray">{{ text_customer }}</span>
      </a>
    </div>
  </nav>
</header>