<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:{{ \Config::get('business.email') }}">{{ \Config::get('business.email') }}</a></span>
                    <span class="tel"><a
                                href="tel:{{ \Config::get('business.phone_call') }}">{{ \Config::get('business.phone_display') }}</a></span>
                    <span class="bar-stretcher"></span>
                </div>
            </div>
        </div>
        <div class="grid-row nav-bar">

            {{-- Logo --}}

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

            {{-- Navigatie --}}

            <nav class="main grid-col pull-right">
                <ul>
                    @foreach(\Config::get('navigation.main_navigation') as $item)
                        @if(isset($links->{$item}))
                            <li @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"
                                    @endif>
                                <a href="/{{$links->{$item}->route}}">{{$links->{$item}->name}}</a>
                            </li>
                        @endif
                    @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">

            {{-- Logo --}}

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

            {{-- Navigatie --}}

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