<div class="mobile-navigation">
    <div class="bar">
        <div class="toggle-menu">
            <div class="icon">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="mobile-logo">
            <img alt="logo" src="/img/logo.svg"/>
        </div>
        <?php /*<div class="toggle-contact">*/ ?>
        <?php /*<i class="material-icons md-light">perm_contact_calendar</i>*/ ?>
        <?php /*</div>*/ ?>
    </div>
    <div class="shader"></div>

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

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

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

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

            <span class="icons">
                <?php if( \Config::get('business.facebook') != ''): ?> <a class="facebook" target="_blank" href="<?php echo Config::get('business.facebook'); ?>"><span></span></a> <?php endif; ?>
                <?php if( \Config::get('business.linkedin') != ''): ?> <a class="linkedin" target="_blank" href="<?php echo Config::get('business.linkedin'); ?>"><span></span></a> <?php endif; ?>
                <?php if( \Config::get('business.instagram') != ''): ?> <a class="instagram" target="_blank" href="<?php echo Config::get('business.instagram'); ?>"><span></span></a> <?php endif; ?>
                <?php if( \Config::get('business.youtube') != ''): ?> <a class="youtube" target="_blank" href="<?php echo Config::get('business.youtube'); ?>"><span></span></a> <?php endif; ?>
                <?php if( \Config::get('business.twitter') != ''): ?> <a class="twitter" target="_blank" href="<?php echo Config::get('business.twitter'); ?>"><span></span></a> <?php endif; ?>

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

    <div class="shader-contact"></div>
    <div class="contact">
        <div class="contact-container">
            <div>
                <h3>Contact</h3>
                <p><?php echo Config::get('business.business-name'); ?></p>
                <p><?php echo Config::get('business.adres'); ?></p>
                <p><?php echo Config::get('business.zip'); ?> <?php echo Config::get('business.city'); ?></p>
                <p><?php echo Config::get('business.country'); ?></p>
            </div>

            <div>
                <a href="tel:<?php echo Config::get('business.phone.call'); ?>"><?php echo Config::get('business.phone.display'); ?></a><br/>
                <a href="mailto:<?php echo Config::get('business.email'); ?>"><?php echo Config::get('business.email'); ?></a>
            </div>
        </div>
    </div>
</div>