<header class="{{ $headingClass ?? '' }}">
    <div class="grid-row">

        <div class="grid-col top" id="sticky-navigation">
            <div class="grid-row">
                <a href="/@if(app()->getLocale() != 'nl'){{ app()->getLocale() }}@endif">
                    <div class="logo" alt="KEMI"></div>
                </a>
                @if(isset($links->contact))
                    <a href="/{{$links->contact->route}}" class="button filled blue arrow">
                        {{ $links->contact->name }}
                    </a>
                @endif

                @include('site.partials.languageSelect')

                <div class="toggle-menu" id="mobile-menu-trigger">
                    <p>@lang('site/global.menu')</p>
                    <div class="icon">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
        </div>

        @include('site.partials.mobile.navigation')

        <div class="diagonal-line white first"></div>

        @if(isset($page))

            {{-- Extend the header only for the home page --}}
            @includeWhen(($page->code_name == 'home' && isset($page->translation->streamer)),'site.partials.home.additionalHeader')

            {{-- Check if the show hexagon is defined and true (happend on production or projects page or a sub child of it--}}
            @if( isset($showHexagon) && $showHexagon )

                <div class="grid-col production">
                    <div class="hexagon"></div>
                </div>

            {{-- Don't show a scroll to block on the following page --}}
            @elseif( !in_array($page->code_name, [ 'engineering', 'offerte', 'machinepark', 'jobs', 'projects', 'contact', 'sitemap', 'legal', 'privacyverklaring', 'posts']) )

                <a class="mouse scroll-to-target" href="#content">
                    <svg width="22px" height="36px" viewBox="0 0 22 36" version="1.1" xmlns="http://www.w3.org/2000/svg"
                         xmlns:xlink="http://www.w3.org/1999/xlink">
                        <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
                        <title>mouse_white</title>
                        <desc>Created with Sketch.</desc>
                        <defs></defs>
                        <g id="mouse_white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
                           stroke-linecap="round" stroke-linejoin="round">
                            <g id="Icon/Mouse" stroke="#FFFFFF" stroke-width="1.5">
                                <path d="M10.9014,35.3115 C5.3184,35.3115 0.7504,30.7445 0.7504,25.1615 L0.7504,10.9015 C0.7504,5.3185 5.3184,0.7495 10.9014,0.7495 C16.4844,0.7495 21.0514,5.3185 21.0514,10.9015 L21.0514,25.1615 C21.0514,30.7445 16.4844,35.3115 10.9014,35.3115 Z"
                                      id="Stroke-1"></path>
                                <path d="M10.9014,7.6455 L10.9014,13.3325" id="Stroke-3"></path>
                            </g>
                        </g>
                    </svg>
                    <span class="vertical-line"></span>
                </a>

            @endif

        @endif
    </div>

</header>