{{ attach_library('goizueta_theme/utility-bar') }}
{% import '@components/icons/icons.twig' as icons %}

{# Preserve the Drupal attributes if they're available. #}
{%
  set attributes = attributes ? attributes.addClass('utility-bar') : ' class="utility-bar"'
%}
<div{{ attributes|raw }}>
  <div class="utility-bar__inner" >
    {% if secondary_nav %}
      {%
        include '@components/site-search/site-search.twig' with {
          "label": site_search.label,
          "placeholder": site_search.placeholder
        } only
      %}
    {% endif %}
    <div class="utility-bar--nav-search">
      <div class="utility-bar--logo">
        <a href="{{ url('<front>') }}">
          <img src="{{ theme_path }}/dist/assets/emory-white-shield.png"
               alt="{{ site_name }}" />
        </a>
      </div>
      {% if secondary_nav %}
        {%
          include '@components/secondary-nav/secondary-nav.twig' with {
            "items": secondary_nav
          } only
        %}
      {% endif %}
      {% if site_search %}
        <button
          class="site-search__btn js-search-toggle"
          aria-expanded="false">
          <span class="visually-hidden">Search</span>
          {{ icons.get('search', 'icon--search') }}
        </button>
      {% endif %}
      <div class="utility-bar--menu" role="button" aria-haspopup="true" class="mega-menu__toggle menu-toggle" aria-expanded="false">
        <div class="mega-menu__toggle--wrapper">
          <span class="toggle-text">MENU</span>
          <button class="main-menu__toggle" aria-controls="main menu open close" aria-label="Main menu open button" tabindex="0">
            <div class="main-menu__control">
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
            </div>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>