<div id="navigation">

    <div class="menu">
        <div class="shader" id="mobile-shader"></div>
        <div class="grid-row">
            <div class="background"></div>
            <nav>
                <div class="menu-list">
                    <ul>
                        @foreach(\Config::get('site.navigation') as $item)
                            @if(isset($links->{$item}))

                                @if($item == 'vacancies')
                                    <li class=" {{$item}}">
                                        <a href="https://werkenbijlacom.nl/">
                                            <span class="icon"></span>
                                            <p>{{$links->{$item}->name}}</p>
                                        </a>
                                    </li>
                                    @continue
                                @endif

                                <li class=" {{$item}} @if(isset($page) && $page->code_name == $item) active @endif ">
                                    <a href="/@if($item != 'home'){{$links->{$item}->route}}@endif">
                                        <span class="icon"></span>
                                        <p>{{$links->{$item}->name}}</p>
                                    </a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                </div>
            </nav>
        </div>
    </div>
</div>