@php
    $canonicalUrl = route('public.pages.show', $contentPage->slug);
    $featuredImageUrl = $contentPage->featured_image ? asset('storage/' . $contentPage->featured_image) : null;
@endphp
@extends('layouts.public')

@section('title', $contentPage->seo_title ?: $contentPage->title)
@section('meta_description', $contentPage->seo_description ?: Str::limit(strip_tags((string) $contentPage->body), 155))

@push('head')
<link rel="canonical" href="{{ $canonicalUrl }}">
<meta property="og:url" content="{{ $canonicalUrl }}">
@if ($featuredImageUrl)
    <meta property="og:image" content="{{ $featuredImageUrl }}">
@endif
@endpush

@section('content')
<section class="container py-4 py-lg-5">
    @include('partials.site._breadcrumbs', ['crumbs' => [
        ['label' => 'Home', 'url' => route('public.home')],
        ['label' => $contentPage->title],
    ]])

    @if ($featuredImageUrl)
        <img src="{{ $featuredImageUrl }}" alt="{{ $contentPage->title }}" class="w-100 rounded-20 mb-4" style="max-height:420px;object-fit:cover;">
    @endif
    <h1 class="fw-bold mb-4" style="font-size:clamp(28px,3.6vw,40px);">{{ $contentPage->title }}</h1>
    <div class="content-page-body" style="font-size:16px;line-height:1.75;color:#3A362E;">{!! $contentPage->body !!}</div>
</section>

@if ($properties->isNotEmpty())
<section class="container pb-5">
    <div class="mb-4">
        <span class="eyebrow">Featured</span>
        <h2 class="fw-bold mb-0 mt-2" style="font-size:clamp(24px,3.2vw,32px);">Properties mentioned in this guide</h2>
    </div>
    <div class="row g-4">
        @foreach ($properties as $property)
            @include('partials.site._property-card', ['property' => $property, 'propertyTypes' => $propertyTypes])
        @endforeach
    </div>
</section>
@endif

{{-- This page's own Footer SEO Content only — never any other page's (see
     partials.site._footer-seo's own doc comment). Plain text, line breaks
     preserved. --}}
@include('partials.site._footer-seo', ['footerSeoContent' => $contentPage->footer_seo_content])
@endsection