@php($points = $block->rows())

@if ($block->image && $points)
    {{-- Annotated image: numbered points over a drawing, plan or site photo. --}}
    <section class="section-tight">
        <div class="container-page max-w-4xl">
            @if ($block->heading)
                <h2 class="mb-3 font-display text-headline font-bold text-text" data-reveal>{{ $block->heading }}</h2>
            @endif

            @if ($block->subheading)
                <p class="prose-measure mb-8 text-text-secondary" data-reveal>{{ $block->subheading }}</p>
            @endif

            <x-hotspot-image :src="$block->image"
                             :alt="$block->heading ?: __('Annotated image')"
                             :points="collect($points)->map(fn ($row) => [
                                 'x' => $row['x'] ?? 50,
                                 'y' => $row['y'] ?? 50,
                                 'title' => $row['title'] ?? '',
                                 'body' => $row['body'] ?? '',
                             ])->all()"
                             data-reveal />
        </div>
    </section>
@endif