<header class="c-header @if(!empty($page) && $page->code_name == 'home' && !empty($promotionPage) && $promotionPage->active) promo @endif">
    <div id="navigation-shader"></div>
    <div class="c-header__bg-holder">
        <div class="c-header__bg">
            @include('svg.header-bg')
        </div>
    </div>
    <div class="c-header__corner-curve">
        @include('svg.header-corner-curve-large')
    </div>
    <div class="l-grid">
        <div class="c-header__navigation">
            @if(isset($title))

                <h1 class="c-header__title">{!! $title !!}</h1>

            @endif

            <div class="c-navigation__primary">

                <a href="/">
                    <div class="logo">
                        @if($page->code_name != 'advice')
                            <img src="/img/logo-white.svg"/>
                        @else
                            <img class="rgb" src="/img/logo-rgb.svg"/>
                        @endif
                    </div>
                </a>

                <nav class="c-navigation__menu">
                    <ul>
                        @foreach(\Config::get('site.navigation') as $navItem)
                            @if(isset($links->{$navItem}))
                                <li class=" @if(isset($page->code_name) && $page->code_name == $navItem) active @endif ">
                                    <a href="/@if($links->{$navItem}->route !== '/'){{$links->{$navItem}->route}}@endif">{{$links->{$navItem}->name}}</a>
                                </li>
                            @endif
                        @endforeach
                        <li class="c-navigation__toggle-menu" id="menu-trigger">
                            <div class="icon">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </li>
                    </ul>
                </nav>

            </div>

            <div class="c-navigation__secondary">
                @include('site.partials.mobile_navigation')
            </div>

        </div>
    </div>
    @if(!empty($components) && count($components) > 0 && $components->first()->component_type_id == 10)
        @if($page->getDepth() > 1 && $page->getParent()->code_name == 'services')
            <div class="serviceDetailIcon l-grid">
                @if(isset($page->images) && sizeof($page->images) > 0)
                    @if(explode('.', $page->images[0]->path)[1] == 'svg')
                        <div class="c-service-detail-icon">
                            <img src="{{str_replace('\\', '/',$page->images[0]->path)}}"/>
                        </div>
                    @else
                        <div class="c-service-detail-icon">
                            <img src="{{$page->images[0]->small_image_url}}"" />
                        </div>
                    @endif
                @else
                    <div class="c-service-detail-icon"></div>
                @endif
            </div>
        @endif
        @include($components->first()->view,['component'=>$components->first()])
    @else
        <div class="headerSpacer"></div>
    @endif
    @if(!empty($page) && $page->code_name == 'home' && !empty($promotionPage) && $promotionPage->active)
        <a class="l-grid promotion" href="{{$links->promotion->route}}">
            <div class="promotion-banner">
                <h2>{{$promotionPage->translation->description}}</h2>
            </div>
        </a>
    @endif
</header>