<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})) @continue @endif
                            {{-- Vacancies should only be showed on the Dutch language pages --}}
{{--                            @if($item == 'vacancies' && \App::getLanguage()->id != 104) @continue @endif--}}

                            {{-- Home for Dutch language --}}
                            @if($item == 'home' && \App::getLanguage()->id == 104)
                                <li class="home">
                                    <a href="/">
                                        <span class="icon"></span>
                                        <p>{{$links->{$item}->name}}</p>
                                    </a>
                                </li>
                                @continue
                            @endif

                            {{-- Default --}}
                            <li class=" {{$item}} @if(isset($page) && $page->code_name == $item) active @endif ">
                                <a href="/{{$links->{$item}->route}}">
                                    <span class="icon"></span><p>{{$links->{$item}->name}}</p>
                                </a>
                            </li>

                        @endforeach
                    </ul>
                </div>
            </nav>
        </div>
    </div>
</div>