@extends('templates._single')

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

@section('main')
	@include('sections.banner', ['background' => '', 'space_class'=>'xlg-pt4 pt3 pb3'])
		@include('atoms.heading_group', ['title' => $area->title])
	@include('sections.banner_CLOSE')

	<article class="index">
		@foreach( $area_groups as $group )
			<div class="index__item">
				<div class="dynamic-container pt3 pb4 clearfix">
					<div class="dynamic-col-1">
						<div class="md-mxn2 lg-mxn3">
						@foreach( $group as $key => $item )
							@if(empty($item->child_groups))
							<div class="col sm-col-6 sm-px2 lg-px3">
							@else
							<div class="col sm-col-12 sm-px2 lg-px3">
							@endif
								<h3><a href="{{$item->link}}">{{ $item->title }}</a></h3>
								<p>{{ $item->summary }}</p>
							</div>

							@if($key % 2)
								<div class="clearfix"><!-- --></div>
							@endif

							@if(!empty($item->child_groups))
								<div class="clearfix"><!-- --></div>
								@foreach( $item->child_groups[0] as $key2 => $sub_item )
									<div class="col sm-col-6 sm-px2 lg-px3">
										<h4><a href="{{$sub_item->link}}">{{ $sub_item->title }}</a></h4>
										<p>{{ $sub_item->summary }}</p>
									</div>
									@if($key2 % 2)
		                                <div class="clearfix"><!-- --></div>
		                            @endif
								@endforeach
							@endif

						@endforeach
						</div>
					</div>
				</div>
			</div>
		@endforeach
	</article>


@endsection