<header>
    <div class="small-row">
        <div class="grid-row">
            <a href="mailto:{{Config::get('business.email')}}">
                <span>@lang('translations.mail'):</span>
                {{Config::get('business.email')}}
            </a>

            <a href="mailto:{{Config::get('business.phone_call')}}" @if(sizeof(\Config::get('app.availableLanguages')) <= 1 ) class="no-margin-right"@endif>
                <span>@lang('translations.call'):</span>
                {{Config::get('business.phone_display')}}
            </a>

        </div>
    </div>


    <div class="grid-row large-row">

        {{-- Logo --}}

        <figure class="logo">
            <a href="/">
                <img alt="logo" src="/img/ehbo_cranendonck_horizontal.svg">
            </a>
        </figure>

        {{-- Navigatie --}}

        <nav>
            <ul>
                @foreach(\Config::get('navigation.main_navigation') as $item)
                    @if(isset($links->{$item}))
                        <li @if($page->code_name == $item) class="active" @endif>
                            <a href="/{{$links->{$item}->route}}">{{$links->{$item}->name}}</a>
                        </li>
                    @endif
                @endforeach
                <li class="members">
                    <a href="https://leden.ehbocranendonck.nl">Leden</a>
                </li>
            </ul>
        </nav>
    </div>

    @if(isset($shadow) && $shadow)
        <div class="shadow"></div>
    @endif

</header>