<header>
    <div class="shadow-container">
        <div class="top-bar grid-row full-row">
            <div class="grid-row row">
                <div class="right-bar grid-col col-7 pull-right">

                    <span class="mail"><a
                                href="mailto:<?php echo \Config::get('business.email'); ?>"><?php echo \Config::get('business.email'); ?></a></span>
                    <span class="tel"><a
                                href="tel:<?php echo \Config::get('business.phone_call'); ?>"><?php echo \Config::get('business.phone_display'); ?></a></span>
                    <span class="bar-stretcher"></span>
                </div>
            </div>
        </div>
        <div class="grid-row nav-bar">

            <?php /* Logo */ ?>

            <figure class="logo grid-col">
                <a href="/">
                    <img src="/img/svg/logo.svg">
                </a>
            </figure>

            <?php /* Navigatie */ ?>

            <nav class="main grid-col pull-right">
                <ul>
                    <?php foreach(\Config::get('navigation.main_navigation') as $item): ?>
                        <?php if(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 ))): ?>
                                class="active"
                                    <?php endif; ?>>
                                <a href="/<?php echo $links->{$item}->route; ?>"><?php echo $links->{$item}->name; ?></a>
                            </li>
                        <?php endif; ?>
                    <?php endforeach; ?>
                </ul>
            </nav>
            <a href="/offerte-aanvragen" class="offerte-button button blue arrow pull-right">Offerte opvragen</a>
        </div>
    </div>
</header>

<div id="sticky-navigation">
    <div class="shadow-container">
        <div class="grid-row nav-bar">

            <?php /* Logo */ ?>

            <figure class="logo grid-col">
                <a href="/">
                    <img src="/img/svg/logo.svg">
                </a>
            </figure>

            <?php /* Navigatie */ ?>

            <nav class="main grid-col pull-right">
                <ul>
                    <?php foreach(\Config::get('navigation.main_navigation') as $item): ?>
                        <?php if(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 ))): ?>
                                class="active"
                                    <?php endif; ?>>
                                <a href="/<?php echo $links->{$item}->route; ?>"><?php echo $links->{$item}->name; ?></a>
                            </li>
                        <?php endif; ?>
                    <?php endforeach; ?>
                </ul>
            </nav>
            <a href="/offerte-aanvragen" class="offerte-button button blue arrow pull-right">Offerte opvragen</a>
        </div>
    </div>
</div>