<div id="mobile-navigation">

    <div class="shader" id="mobile-shader"></div>

    <div class="menu">
        <nav>
            {{--<div class="close-wrapper">--}}
                {{--<span id="mobile-close" class="close"></span>--}}
            {{--</div>--}}

            <div class="menu-list">
                <ul>
                    @foreach(\Config::get('site.navigation') as $item)
                        @if(isset($links->{$item}))
                            <li @if(isset($page->code_name) && $page->code_name == $item) class="active" @endif>
                                @if($links->{$item}->name == 'Home')
                                    <a href="/">{{$links->{$item}->name}}</a>
                                @else
                                    <a href="/{{$links->{$item}->route}}">{{$links->{$item}->name}}</a>
                                @endif
                                @if($item == 'production')
                                    <ul>
                                    @foreach($productionPages as $productionPage)
                                        @if(!empty($links) && !empty($links->{$productionPage->code_name}))
                                            <li class=" @if(!empty($page) && $page->code_name == $productionPage->code_name) active @endif ">
                                                <a href="/@if($productionPage->code_name != 'home'){{$links->{$productionPage->code_name}->route}}@endif">{{$links->{$productionPage->code_name}->name}}</a>
                                            </li>
                                            @endif
                                    @endforeach
                                    </ul>
                                @endif
                            </li>
                        @endif
                    @endforeach
                </ul>
                @if(isset($links->offerte))
                    <a class="button arrow filled" href="/{{$links->offerte->route}}">
                        {{ $links->offerte->name }}
                    </a>
                @endif
                <br/>
                @if(isset($links->jobs))
                    <a class="button arrow striped" href="/{{$links->jobs->route}}">
                        {{ $links->jobs->name }} <span class="counter">{{!empty($jobCount) ? $jobCount : ''}}</span>
                    </a>
                @endif
            </div>

            @if(!empty($otherLanguages))
                <div class="c-mobile-language">
                    <div class="c-mobile-language__title">Languages</div>
                    @foreach($otherLanguages->languageMenuRoutes as $languageItem )

                        <div class="c-mobile-language__item  @if(app()->getLocale() === $languageItem->iso) is-active @endif">
                            <a class="c-language__link  js-language-selector" href="/{{ ( $languageItem->route != '/') ? $languageItem->route : ''}}" data-language-iso="{{$languageItem->iso}}">
                                {{ strtoupper($languageItem->iso) }}
                            </a>
                        </div>
                    @endforeach
                </div>
            @endif

        </nav>
    </div>
</div>