<div class="mobile-navigation">

    <div class="bar">
        <div class="toggle-menu">
            <div class="icon">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <figure class="logo grid-col">
            <a href="/">
                <img src="/img/svg/logo_mobile.svg">
            </a>
        </figure>
        <div class="mobile-contact">
            <div class="contact-info">
                <a href="tel:{{ \Config::get('business.phone_call') }}"><span class="tel"></span></a>
            </div>
        </div>
    </div>
    <div class="shader"></div>

    <div class="menu">
        <nav>
            <ul>
                @foreach(\Config::get('navigation.mobile_navigation') as $key => $item)

                    @if(is_array($item) or isset($links->{$item}))
                        <li @if(!empty($page) AND
                                    ($page->code_name == $item OR
                                    ($page->depth > 1 && $page->getParent()->code_name == $item ) OR
                                    (!empty($page->parent) && $page->parent->code_name == $item ) OR
                                    (is_array($item) AND $page->code_name == $key)))
                            class="active"
                                @endif>
                            @if(is_array($item))
                                <a href="/{{$links->{$key}->route}}">{{$links->{$key}->name}}</a>
                                <ul>
                                    @foreach($item as $subPage)
                                        <li @if(!empty($page) AND
                                                ($page->code_name == $subPage))
                                            class="active"
                                                @endif>
                                            <a href="/{{$links->{$subPage}->route}}">{{$links->{$subPage}->name}}</a>
                                        </li>
                                    @endforeach
                                </ul>

                            @else
                                <a href="/{{$links->{$item}->route}}">{{$links->{$item}->name}}</a>
                                @if($links->{$item}->code_name == 'projects' && !empty($projects))
                                    <ul>
                                        @foreach($projects as $project)
                                            <li @if(!empty($page) AND
                                                ($page->code_name == $project->code_name))
                                                class="active"
                                                    @endif>
                                                <a href="/{{$project->translation->route->route}}">{{$project->translation->name}}</a>
                                            </li>
                                        @endforeach
                                    </ul>
                                @endif
                            @endif
                        </li>
                    @endif
                @endforeach
            </ul>
        </nav>
    </div>
</div>