@extends('master')

@section('title', $page->translation->meta_title != '' ? $page->translation->meta_title : $page->translation->name .' | '. config('site.company_name'))
@section('meta_description', $page->translation->meta_description)

@section('content')

	@include('organisms.hero')
	@includeWhen(isset($subMenu), 'organisms.subNav')

	<div class="l-contain">
		<h1 class="c-page-title">{{$page->translation->name}}</h1>
	</div>

	@include('organisms.components')

	<div class="u-tilted-bga  u-spacing-mt5" data-align="">

		<div class="l-contain  u-spacing-mt10">
			<div class="l-card-row">
				<div class="l-card-row__main">
					@foreach($subMenu as $subMenuItem)
						@continue(!isset($links->{$subMenuItem->code_name}))
						<div class="l-card-row__item" data-kal="slide-up" style="--kal-delay: {{$loop->index*0.2}}s">
							@include('components.actionCard', [
								'actionCardLink' => $links->{$subMenuItem->code_name}->route,
								'actionCardImage' => $subMenuItem->images->first()->small_image_url ?? null,
								'actionCardTitle' => $subMenuItem->translation->name,
								'actionCardDescription' => !empty($subMenuItem->translation->teaser) ? $subMenuItem->translation->teaser : null,
							])
						</div>
					@endforeach
				</div>
			</div>
		</div>

		@yield('extra')

	</div>

@endsection