@extends('templates.facilities_detail')


@section('facilityContent')
	@include('organisms.components')

	<div class="u-tilted-bg  u-spacing-mt10">
		<div class="l-contain  l-block">
			@if(isset($composedMeals) && $composedMeals->isNotEmpty())
				<div class="l-card-grid">
					<div class="l-card-grid__main">
						@foreach($composedMeals as $meal)
							<div class="l-card-grid__item" data-kal="fade" style="--kal-delay: {{($loop->index % 4)*0.1}}s">
								@include('components.cateringCard', [
									'cardImage' => $meal->images->first()->medium_image_url ?? '/img/placeholder-card.svg',
									'cardTitle' => $meal->translation->name ?? '',
									'cardDescription' => $meal->translation->description ?? '',
									'cardPrice' => $meal->getPrice(),
								])
							</div>
						@endforeach
					</div>
				</div>
			@endif
		</div>

		<div class="l-contain  u-spacing-pt12  u-spacing-pb12">
			@include('organisms.teaser', [
				'modifiers' => ['on-dark'],
				'teaserTitle' => 'Honger gekregen naar meer?',
				'teaserText' => 'Van een compacte halve dag tot een volledige, alles-erop-en-eraan-dag. En voor ieder budget. Met verschillende opties om de formule aan te passen aan je wensen, budget en smaak. Dat laatste mag je gerust letterlijk nemen, want onze catering is niet te weerstaan.',
				'teaserButtonText' => 'Zie arrangementen',
				'teaserButtonUrl' => $links->projects->route,
			])
		</div>
	</div>

@endsection