{{-- Header section --}}

<header @if(isset($color)) class="{{$color}}" @endif>
    <div class="primary">
        <div class="grid-row">

            <a class="logo" href="/">
                @if(isset($color) && $color === 'white')
                    <img alt="logo" src="/img/somerenslust-blue.svg">
                @else
                    <img alt="logo" src="/img/somerenslust-white.svg">
                @endif
            </a>

            <nav>
                <ul>
                    @foreach(\Config::get('site.navigation') as $navItem)
                        <li class=" @if(isset($page->code_name) && $page->code_name == $navItem) active @endif ">
                            <a href="/@if($navItem != 'home'){{$links->{$navItem}->route}}@endif">{{$links->{$navItem}->name}}</a>
                        </li>
                    @endforeach
                </ul>
            </nav>

            @if(\Auth::user() && isset($memberPage) && $memberPage)
                <a class="logout" href="{{route('siteLogout')}}">
                    <div class="placeholder">
                        <span></span>
                        <p>Afmelden</p>
                    </div>
                </a>
            @else
                <a class="login" href="/ledeninfo">
                    <div class="placeholder">
                        <span></span>
                        @if(\Auth::user())
                            <p>Ledeninfo</p>
                        @else
                            <p>Log in</p>
                        @endif

                    </div>
                </a>
            @endif

        </div>
    </div>

    <div class="secondary">
        <div class="grid-row">
            <div class="flex-placeholder">
                <nav>
                    <ul>
                        @foreach(\Config::get('site.corporation_parts') as $corporationPart)
                            <li class=" @if(isset($page->code_name) &&$page->code_name == $corporationPart) active @endif ">
                                <a href="/{{$links->{$corporationPart}->route}}">{{$links->{$corporationPart}->name}}</a>
                            </li>
                        @endforeach
                    </ul>
                </nav>
            </div>
        </div>
    </div>

</header>