@extends('master')

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

@section('content')

	<div class="l-contain">
		@include('components.breadcrumb', ['breadcrumbNameOverrule' => [ 3 => $project->translation->name ]])

		<div class="u-spacing-mt4">
			@include('components.textButton', [
				'modifiers' => ['secondary', 'is-reversed'],
				'textButtonText' => __('global.back_to_overview'),
				'textButtonLink' => $links->projects->route,
			])
		</div>

		@include('components.pageTitle', ['model' => $project])
	</div>

	<div class="o-arrangement">
		<div class="o-arrangement__info">
			<div class="o-arrangement__details">

					@php
						$uspArray = !empty($project->translation->list) ? preg_split("/\r\n|\n|\r/", $project->translation->list) : null;
					@endphp

					@if($uspArray)
						<ul class="s-checklist">
							@foreach($uspArray as $key => $uspItem)
								<li>{!! $uspItem !!}</li>
							@endforeach
						</ul>
					@endif

					@if(isset($project->price) && $project->price > 0)
						<div class="o-arrangement__price">
							@include('components.priceTag', [
								'price' => $project->getPrice(),
								'subText' => $project->with_drinks ? 'Incl. drank' : '',
							])
						</div>
					@endif
				</div>
			<div class="o-arrangement__options">
					@if(!empty($project->getOptions()) && !$project->getOptions()->isEmpty())
						<h4>Extra opties</h4>

						<ul class="o-arrangement__option-list">
							@foreach($project->getOptions() as $optionItem)
								<li class="c-arrangement__option-item">
									<span class="c-facility-label" data-icon="{{$optionItem["icon"]}}">
										{{$optionItem["name"]}}
									</span>
								</li>
							@endforeach
						</ul>
					@else
						<h4>Geen extra opties</h4>
					@endif
				</div>
		</div>

		<div class="o-arrangement__content">
			@if(($project->images->count() > 0))
				<img class="o-arrangement__img" src="{{$project->images->first()->large_image_url}}" alt="" width="540" height="414">
			@endif
			@if(!empty($project->translation->description))
				<div class="o-arrangement__description  s-text">
					{!! $project->translation->description !!}
				</div>
			@endif
		</div>

		<div class="o-arrangement__servicepoint">
			@include('components.servicePoint', [
				'servicePoint' => config('site.servicePoints.'.$servicePoint->name),
				'servicePointHeading' => 'Vragen?',
				'servicePointDesc' => 'Bel me op <a href="tel:'.config('site.servicePoints.'.$servicePoint->name.'.phone.call').'">'.config('site.servicePoints.'.$servicePoint->name.'.phone.display').'</a> <br> of bekijk de <a href="'. $links->faq->route .'">veelgestelde vragen</a>',
			])
		</div>

		<div class="o-arrangement__form">
			@include('organisms.forms.quotation')
		</div>
	</div>

@endsection