<header class="main-header">
  @include('partials.top-bar')
  <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">
        <search-form class="search-toggle">
          <button class="search-icon">
            <img src="@asset('images/search.svg')" />
          </button>
        </search-form>
        <button id="overlay-menu-toggle" class="hamburger hamburger--collapse" type="button">
          <span class="hamburger-box">
            <span class="hamburger-inner"></span>
          </span>
        </button>
        @if(is_user_logged_in())
          <a class="logout" href="{!! wp_logout_url() !!}">
            {!! __('Logout', 'thor') !!}
          </a>
        @endif
      </div>
    </div><!--row-->
  </div>
</header>