@extends('templates._with_sidebar')

@section('html.head.title', $item->title . ' -')

@section('top')
    @unless($item->is_active)
        @include('atoms.banner_not_active')
    @endunless
@endsection

@section('beforeMain')
    @include('sections.banner', ['background' => '', 'space_class'=>'xlg-pt4 pt3 pb3'])
        @if(!empty($item->getBreadcrumbs()))
            @include('atoms.breadcrumbs', ['breadcrumbs' => $item->getBreadcrumbs()])
        @endif

        @include('atoms.heading_group', [
            'title' => $item->title,
            'copy' => $item->summary
        ])

        @include('atoms.banner_details', [
            'date' => $item->updated_at->format('j M Y'),
            'ask_question' => true,
            'printable' => true,
            'downloadable' => true,
            'download_title' => $item->title
        ])

        @include('sections.banner_resources')

    @include('sections.banner_CLOSE')
@endsection



@section('main')
    {!! parseCollapsables($item->page_content) !!}

    @if(isset($area_groups) && count($area_groups) > 0)
        <hr class="mt4">
        <h3>Index</h3>
        <div class="index">
    		@foreach( $area_groups as $group )
    			<div class="index__item">
    				<div class="sm-mxn2 lg-mxn3 clearfix">
        				@foreach( $group as $key => $groupItem )
    						<div class="col col-12 sm-col-6 sm-px2 lg-px3">
        						<h4><a href="{{$groupItem->link}}">{{ $groupItem->title }}</a></h4>
        						<p>{{ $groupItem->summary }}</p>
        					</div>
                            @if($key % 2)
                                <div class="clearfix"><!-- --></div>
                            @endif
        				@endforeach
    				</div>
    			</div>
    		@endforeach
    	</div>
    @endif

@endsection



@section('sidebar')
    @include('sections.resource_sidebar', $primary_web_page = $item)
    @include('sections.related', ['related' => $item->related_content])
@endsection



@section('afterMain')

@endsection