<!--
  templateType: global_partial
  label: Website header
-->
{% import '../../macros/tag.html' as component %}

{% if request_contact.is_logged_in %}
  {% set logo_link = "//foodindustry.asia/members-hub" %}
{% else %}
  {% set logo_link = "//foodindustry.asia/" %}
{% endif %}

<header class="header" style="position: relative">
  {# Show notification when JS is not available #}
  {{ component.no_script_bar() }}

  <div class="header__container">
    {# Logo #}
    <div class="header__logo" id="logo">
      {% module 'header_logo'
        path='@hubspot/logo',
        img={
          'alt': 'Sprout logo',
          'height': '82',
          'src': get_asset_url('../../images/sprout-theme-logo.png'),
          'width': '205'
        }
        link='{{ logo_link }}'
      %}
    </div>
    {# End Logo #}

    {# {% else %} #}
      {# Main Navigation #}
      <div class="header__menu {{ 'with-custom-menu' if request_contact.is_logged_in }}" id="primary-menu">
        <input type="checkbox" id="nav-toggle">
        <label class="header__navigation-toggle" for="nav-toggle">
          <span class="header__mobile-menu-icon"></span>
        </label>

        {% module "custom_menu"
          path="/sprout onyx/modules/custom-menu",
          label="Custom Menu"
        %}

        <div class="header__navigation">
          {% module 'header_navigation_primary'
            label='Primary navigation',
            path='../../modules/menu-section',
          %}
        </div>
      </div>
      {# End Main Navigation #}
    {# {% endif %} #}

    {# User auth mennu #}
    <div class="header__menu" id="header-auth">
      {% module 'header_auth'
        label='User Auth',
        path='../../modules/login-logout',
      %}
    </div>
  </div>
</header>

<!-- filter ticker  -->