<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:<?php echo \Config::get('business.phone_call'); ?>"><span class="tel"></span></a>
            </div>
        </div>
    </div>
    <div class="shader"></div>

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

                    <?php if(is_array($item) or isset($links->{$item})): ?>
                        <li <?php 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"
                                <?php endif; ?>>
                            <?php if(is_array($item)): ?>
                                <a href="/<?php echo $links->{$key}->route; ?>"><?php echo $links->{$key}->name; ?></a>
                                <ul>
                                    <?php foreach($item as $subPage): ?>
                                        <li <?php if(!empty($page) AND
                                                ($page->code_name == $subPage)): ?>
                                            class="active"
                                                <?php endif; ?>>
                                            <a href="/<?php echo $links->{$subPage}->route; ?>"><?php echo $links->{$subPage}->name; ?></a>
                                        </li>
                                    <?php endforeach; ?>
                                </ul>

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