<div class="mobile-navigation">
    <header>
        <div class="mobile_btn nav"><span class="icon"></span></div>
        <a class="logo" href="/"></a>
        <div class="mobile_btn contact"><span class="icon"></span></div>
    </header>

    <section class="mb_content scrollable">
        
        <nav id="mobile_nav">
            <ul class="inner">
                <?php foreach($globals as $key => $global): ?>

                    <li class="mb_dropdown
                    <?php if(\Request::path() == $global->route): ?>
                        active
                    <?php endif; ?>
                    ">
                        <span class="title"><span class="dd_arrow"></span><?php echo $global->name; ?></span>
                        <ul>
                            <?php if(count($global->children)): ?>

                                <?php foreach($global->children as $i => $page): ?>


                                    <li class="mb_dropdown
                                        <?php if(\Request::path() == $page->route): ?>
                                            active
                                        <?php endif; ?>
                                    ">
                                        <a class="title" href="/<?php echo $page->route; ?>">

                                            <?php if($i == 0): ?>
                                                <?php if($page->codeName == 'home'): ?>
                                                    Home
                                                <?php else: ?>
                                                    Algemeen
                                                <?php endif; ?>
                                            <?php else: ?>
                                                <?php echo $page->name; ?>

                                            <?php endif; ?>
                                        </a>
                                    </li>

                                <?php endforeach; ?>

                            <?php endif; ?>
                        </ul>
                    </li>

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

        <div id="mobile_contact">
            <div class="inner">
                <span class="title">IJzeren Man Vught</span>
                <p>
                    Boslaan 49<br />
                    5263 NX Vught<br />
                    <br />
                    +31 (0)73 657 20 93<br />
                    <a href="mailto:info@ijzerenman.nl">info@ijzerenman.nl</a>
                </p>
            </div>
        </div>

    </section>
    <div class="blur"></div>
</div>