@if (filled($company->topbar_offer_text))
<div class="topbar">{{ $company->topbar_offer_text }}</div>
@endif

<header class="header">
  <div class="container header-in">
    <button class="icon-btn burger" id="burger" aria-label="Menu"><span></span><span></span><span></span></button>
    <a href="{{ route('home') }}" class="logo">
      @if ($company->logo_url)
        <img src="{{ $company->logo_url }}" alt="{{ $company->name }}" onerror="this.replaceWith(document.createTextNode(this.alt))">
      @else
        {{ $company->name }}
      @endif
    </a>
    <nav class="nav" id="nav">
      <a href="{{ route('home') }}">Home</a>
      <div class="has-sub">
        <a href="{{ route('collection') }}">Shop</a>
        @if (count($navCategories))
        <div class="sub">
          <a href="{{ route('collection') }}">All Products</a>
          @foreach ($navCategories as $cat)
            <a href="{{ collection_filter_url(['cat' => [$cat['slug']]]) }}" data-filter="{{ json_encode(['cat' => [$cat['slug']]]) }}">{{ $cat['name'] }}</a>
          @endforeach
        </div>
        @endif
      </div>
      <a href="{{ route('collections') }}">Collections</a>
      <a href="{{ route('about') }}">About</a>
      <a href="{{ route('blog') }}">Blog</a>
      <a href="{{ route('contact') }}">Contact</a>
    </nav>
    <div class="header-actions">
      <a class="icon-btn" href="#" aria-label="Search"><svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="M20 20l-4-4"/></svg></a>
      <a class="icon-btn" id="accountLink" href="{{ auth()->check() ? route('account') : route('login') }}" aria-label="Account" title="{{ auth()->check() ? auth()->user()->name : 'Log in' }}"><svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7"/></svg></a>
      <a class="icon-btn cart" href="{{ route('wishlist') }}" aria-label="Wishlist"><svg viewBox="0 0 24 24"><path d="M12 20.5l-7.6-7.6a5 5 0 017.1-7.1l.5.5.5-.5a5 5 0 017.1 7.1z"/></svg><b id="wishCount">0</b></a>
      <a class="icon-btn cart" href="{{ route('cart') }}" aria-label="Cart"><svg viewBox="0 0 24 24"><path d="M5 8h14l-1 12H6z"/><path d="M9 8V6a3 3 0 016 0v2"/></svg><b id="cartCount">0</b></a>
    </div>
  </div>
</header>