<header  class="main-header">
    @include('partials.top-bar')
    <div class="wrapper">
      <div class="container full">
        <div class="header">
          <div class="logo">
            <a class="brand" href="{{ home_url('/') }}">
              @svg('images/logo.svg')
            </a>
          </div>

          <div class="navbar">
            @if (has_nav_menu('primary_navigation'))
              {!! wp_nav_menu(['theme_location' => 'primary_navigation', 'menu_class' => 'menu']) !!}
            @endif
          </div>

          <div class="utils">
            @if (has_nav_menu('language_selector'))
              {!! wp_nav_menu(['theme_location' => 'language_selector', 'menu_class' => 'language-selector desktop']) !!}
            @endif
            <button class="search-icon search-toggle">
              <img src="@asset('images/search.svg')" />
            </button>
            @if (has_nav_menu('language_selector'))
              {!! wp_nav_menu(['theme_location' => 'language_selector', 'menu_class' => 'language-selector mobile']) !!}
            @endif
            <button id="overlay-menu-toggle" class="hamburger hamburger--collapse" type="button">
              <span class="hamburger-box">
                <span class="hamburger-inner"></span>
              </span>
            </button>
          </div>
        </div>
      </div>
    </div>
    @include('partials.overlay-menu')
    <div class="container full search-dropdown">
      <div class="search-modal">
        {{ get_search_form() }}
      </div>
    </div>
    <div class="overlay-search"></div>
</header>