<header class="c-header  @if(isset($headerOverlay) && $headerOverlay) c-header__overlay @endif">
    <div class="c-header__main">

        <ul class="c-header__primary">
            @if(isset($links))
                @foreach(config('site.navigation.primary') as $primaryItem)
                    @continue(!isset($links->{$primaryItem}))
                    <li class="c-header__item {{ $primaryItem }}">
                        <a class="c-header__link @if(isset($page) && $page->code_name == $primaryItem) is-active @endif "
                           href="{{ $links->{$primaryItem}->route }}">{{ $links->{$primaryItem}->name }}</a>
                    </li>
                @endforeach
            @endif
        </ul>

        <a class="c-header__logo" href="/">
            @include('site.components.icons.logoSlender')
        </a>

        <ul class="c-header__secondary">
            @if(isset($links))
                @foreach(config('site.navigation.secondary') as $secondaryItem)
                    @continue(!isset($links->{$secondaryItem}) || $secondaryItem == 'home')
                    <li>
                        <a class="c-header__link @if(isset($page) && $page->code_name == $secondaryItem) is-active @endif "
                           href="{{ $links->{$secondaryItem}->route }}">{{ $links->{$secondaryItem}->name }}</a>
                    </li>
                @endforeach
            @endif

                <li>
                    <a class="c-button  c-button--on-dark" href="https://slenderswooncomfort.nl" target="_blank">
                        <span class="c-button__text">
                            Webshop
                        </span>
                    </a>
                </li>

        </ul>

        <div class="c-header__button">
            @include('site.components.menuButton')
        </div>

    </div>
</header>