<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($navigation->main() as $pageEntity): ?>

                    <?php if( ! $pageEntity->hasSubmenu()): ?>

                    <li <?php if($pageEntity->isActive($currentPageEntity)): ?> class="active" <?php endif; ?> >
                        <a class="title" href="<?php echo $pageEntity->route; ?>" data-state="<?php echo $pageEntity->name; ?>">
                            <?php echo $pageEntity->label; ?>

                        </a>
                    </li>

                    <?php elseif( $pageEntity->name == 'services'): ?>
                        <li class="mb_dropdown">
                            <span class="title"><span class="dd_arrow"></span><?php echo $pageEntity->label; ?></span>
                            <ul>
                                <?php foreach($navigation->services() as $subEntity): ?>
                                    <li <?php if($subEntity->route == $currentPageEntity->route): ?> class="active" <?php endif; ?> >
                                        <a class="title" href="<?php echo $subEntity->route; ?>" data-state="<?php echo $subEntity->name; ?>">
                                            <?php echo $subEntity->label; ?>

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

                    <?php elseif( $pageEntity->name == 'practice'): ?>
                        <li class="mb_dropdown">
                            <span class="title"><span class="dd_arrow"></span><?php echo $pageEntity->label; ?></span>
                            <ul>
                                <?php foreach($navigation->practice() as $subEntity): ?>
                                    <li <?php if($subEntity->route == $currentPageEntity->route): ?> class="active" <?php endif; ?> >
                                        <a class="title" href="<?php echo $subEntity->route; ?>" data-state="<?php echo $subEntity->name; ?>">
                                            <?php echo $subEntity->label; ?>

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

                <?php endforeach; ?>

            </ul>
        </nav>

        <div id="mobile_contact">
            <div class="inner">
                <span class="title">Tandarts Maas</span>
                <p>
                    Nieuwstraat 59<br />
                    6021 HR Budel
                </p>
                <span class="data_title">tel</span><a href="tel:+31495585858" target="_self">+31 (0)495 – 58 58 58</a><br />
                <span class="data_title">mob</span><a href="tel:+31616526677" target="_self">+31 (0)6 – 16 52 66 77</a><br />
                <span class="data_title">e-mail</span><a href="mailto:info@tandartsmaas.nl" target="_blank">info@tandartsmaas.nl</a>
            </div>
        </div>

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