{{--
	One view for all three legal pages, replacing privacy.blade.php,
	terms.blade.php and cookies.blade.php.

	The markup is theirs unchanged — the same hero, the same
	.ip-prose / .ip-prose-inner wrapper, the same <p>, <h2> and <ul> — only
	the strings now come from the `pages` table.

	{!! !!} is safe here and nowhere else by accident: InlineMarkup escapes the
	stored text first and only then emits the handful of tags it writes itself.
	Never pass a raw column through it.
--}}

<x-layouts.app
	:title="$page->metaTitle()"
	:description="$page->metaDescription()"
	body-class="page-legal"
	:styles="['property-pages', 'inner-pages']"
>

	<main id="main">
		<x-page-hero
			:title="$page->title"
			:lead="$page->lead ?? ''"
			:breadcrumbs="[
				['label' => 'Home', 'href' => route('home')],
				['label' => $page->title],
			]"
			:actions="[
				['label' => 'Contact us', 'href' => route('contact'), 'variant' => 'light'],
				['label' => 'Back to home', 'href' => route('home'), 'variant' => 'ghost'],
			]"
		/>

		<section class="ip-prose">
			<div class="container">
				<div class="ip-prose-inner">
					@foreach ($page->introParagraphs() as $paragraph)
						<p>{!! $paragraph !!}</p>
					@endforeach

					@foreach ($page->sections as $section)
						<h2>{{ $section->heading }}</h2>

						@foreach ($section->paragraphs() as $paragraph)
							<p>{!! $paragraph !!}</p>
						@endforeach

						@php $items = $section->listItems(); @endphp

						@if ($items !== [])
							<ul>
								@foreach ($items as $item)
									<li>{!! $item !!}</li>
								@endforeach
							</ul>
						@endif
					@endforeach
				</div>
			</div>
		</section>
	</main>

</x-layouts.app>