Untitled

<!DOCTYPE html>
<!--[if IE 9]>
<html lang="nl" class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js disable-csstransitions" lang="nl">
<!--<![endif]-->
<head
    {!! Config::get('app.debug') ? 'data-dev="1"' : '' !!}
    @if(!Config::get('app.debug')) data-raven="{{RudderConfig::fetch('sentry_dsn_js')}}" @endif
    data-{{RudderConfig::fetch('analytics_service') ?: config('page.analytics.service')}}-id="{{RudderConfig::fetch('analytics_key') ?: config('page.analytics.key')}}"
    data-compass-analytics-key="{{RudderConfig::fetch('compass_analytics_key') ?: config('page.compass_analytics.key')}}"
    @if(RudderConfig::fetch('gtm_key')) data-gtm-id="{{RudderConfig::fetch('gtm_key')}}" @endif
    @if(RudderConfig::fetch('optimize_id')) data-optimize-id="{{RudderConfig::fetch('optimize_id')}}" @endif
    data-maps-key="{{Config('page.maps.key')}}"
    data-contrast="{{ elixir('css/build/contrast.min.css') }}"
>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <style>
        .async-hide {
            opacity: 0 !important
        }
    </style>
    @include('page::partials.meta')

    {{-- Styles && Dynamically loaded styles --}}
    <link href="{{ elixir('css/build/main.min.css') }}" rel="stylesheet"/>
    @include('page::partials.extra_assets', ['type' => 'css'])
    @if(app('request')->cookie('contrast'))
        <link href="{{ elixir('css/build/contrast.min.css') }}" rel="stylesheet" id="contrast-css"/>
    @endif

    @yield('head')
</head>
<body
        @if(isset($page))
            @if($page->pagetype)
                id="{{$page->pagetype->identifier}}"
            @endif
            data-pid="{{$page->id}}"
        @endif
        @if(isset($detailItem))
            data-did="{{$detailItem->id}}"
        @endif
>

{{-- skiplinks --}}
<a href="#main" class="skiplink">Naar hoofdinhoud</a>
<a href="#nav-main" class="skiplink scroll-fix">Naar hoofdnavigatie menu</a>
<a href="#nav-meta" class="skiplink scroll-fix">Naar service menu</a>

<div class="page-wrapper">
    <div class="page">
        <div class="l-container-1400">
            @include('partials.navigation')
            <div id="main" class="main" role="main" tabindex="-1">
                @yield('content')
            </div>
            @include('partials.footer')
        </div>
    </div>
</div>

{{-- Scripts && Dynamically loaded javascript --}}
<script src="/js/raw/ga-optimize-pagehide.js"></script>
<script src="/js/raw/modernizr.custom.js" defer></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" {{preg_match('/(?i)msie [5-9]/', Request::header('User-agent')) ? '' : 'defer' }}></script>
@if(RudderConfig::fetch('sentry_dsn_js'))
    <script src="https://js.cdlvr.net/libs/raven/latest/raven.min.js" crossorigin="anonymous" defer></script>
    <script src="/js/raw/raven.js" defer></script>
@endif
<script src="{{ elixir('js/build/main.min.js') }}" defer></script>
@include('page::partials.extra_assets', ['type' => 'js'])
@yield('footer')
@include('partials.tracking')
@include('core::_xray')
</body>
</html>