{{--
    Public page shell: base layout + site chrome. `stickyContact` adds the floating Let's Connect action on long
    pages (case studies, articles; PRD §6.3). `preview` shows the draft banner and is never indexed.
--}}
@props(['seo', 'stickyContact' => false, 'preview' => false, 'bodyClass' => ''])
<x-layouts.app :seo="$seo" :body-class="trim($bodyClass.' pb-20 lg:pb-0')">
    <x-slot:header>
        @if ($preview)
            <div role="status" class="bg-warning px-4 py-2 text-center text-sm font-semibold text-page">{{ __('portfolio.ui.preview_banner') }}</div>
        @endif
        @if (\App\Domain\Site\Theme\ThemePreview::active())
            <div role="status" class="bg-warning px-4 py-2 text-center text-sm font-semibold text-page">
                {{ __('portfolio.ui.theme_preview_banner') }}
                <a href="{{ route('theme-preview.exit') }}" class="ml-2 text-page underline hover:text-page">{{ __('portfolio.ui.theme_preview_exit') }}</a>
            </div>
        @endif
        <x-site.header />
    </x-slot:header>

    {{ $slot }}

    <x-slot:footer>
        <x-site.footer />
        <x-site.mobile-cta-bar />
        @if ($stickyContact)
            <x-site.sticky-contact />
        @endif
    </x-slot:footer>
</x-layouts.app>