<div class="mobile-navigation">
    <div class="bar">
        <div class="toggle-menu">
            <div class="icon">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <a class="logo" href="/"> 
            <span></span>
        </a>
    </div>
    <div class="shader"></div>

    <div class="menu">
        <div class="language language-selector">
            <ul>
                <?php foreach($otherLanguages as $language): ?>
                    <li <?php if(\App::getLocale() == $language->iso_2): ?> class="active" <?php endif; ?> >
                        <a data-language="<?php echo $language->iso_2; ?>"
                           href="/<?php if($language->route->route!='/'): ?><?php echo $language->route->route; ?><?php endif; ?>">
                            <?php echo $language->iso_2; ?>

                        </a>
                    </li>
                <?php endforeach; ?>
            </ul>
        </div>

        <nav>
            <ul>
                <?php foreach($mainNav as $item): ?>
                    <li <?php if($data->content->code_name == $item->code_name): ?> class="active" <?php endif; ?>>
                        <a href="/<?php echo $item->route; ?>"><?php echo $item->name; ?>

                        </a>
                    </li>
                <?php endforeach; ?>
                <li class="divide"></li>
                <?php foreach($subNav as $item): ?>
                    <li <?php if($data->content->code_name == $item->code_name): ?> class="active" <?php endif; ?>>
                        <a href="/<?php if($item->route!='/'): ?><?php echo $item->route; ?><?php endif; ?>"><?php if($item->code_name == 'timeline'): ?> <?php echo \Illuminate\Support\Facades\Lang::get('translations.'.$item->code_name); ?> <?php else: ?> <?php echo $item->name; ?> <?php endif; ?>
                        </a>
                    </li>
                <?php endforeach; ?>
            </ul>
        </nav>

        <p class="social">
            <strong><?php echo \Illuminate\Support\Facades\Lang::get('translations.followUs'); ?></strong>

            <span class="icons">
                <a href="<?php echo \Config::get('business.facebook'); ?>"><span class="facebook"></span></a>
                <a href="<?php echo \Config::get('business.linkedin'); ?>"><span class="linkedin"></span></a>
            </span>
        </p>

        <?php /*<div class="contact-information">*/ ?>
        <?php /*<h3><?php echo \Config::get('business.business-name'); ?></h3>*/ ?>
        <?php /*<p>*/ ?>
        <?php /*<a href="mailto:<?php echo \Config::get('business.email'); ?>"><?php echo \Config::get('business.email'); ?></a><br/>*/ ?>
        <?php /*<a href="tel:<?php echo \Config::get('business.phone.call'); ?>"><?php echo \Config::get('business.phone.display'); ?></a>*/ ?>
        <?php /*</p>*/ ?>
        <?php /*<p>*/ ?>
        <?php /*<?php echo \Config::get('business.adres'); ?><br/>*/ ?>
        <?php /*<?php echo \Config::get('business.zip'); ?> <?php echo \Config::get('business.city'); ?><br/>*/ ?>
        <?php /*<?php echo \Config::get('business.country'); ?><br/>*/ ?>
        <?php /*</p>*/ ?>

        <?php /*</div>*/ ?>
    </div>
</div>