@php
    $ps = $publicSettings ?? $themeSettings ?? [];
    $bookUrl = $ps['cta.primary_url'] ?? '/book';
    $bookText = $ps['cta.primary_text'] ?? 'Book Consultation';
@endphp

<x-layouts.app :seo="$seo" :schema="$schema ?? []">
    <x-public.page-hero
        eyebrow="Success Stories"
        title="Real results for Australian businesses"
        subtitle="See how companies across legal, e-commerce, healthcare, and more saved costs and scaled with vetted remote talent."
        :breadcrumbs="[
            ['label' => 'Home', 'url' => url('/')],
            ['label' => 'Case Studies'],
        ]"
        centered
    >
        <x-ui.button :href="$bookUrl" size="lg" class="home-btn" data-track-cta="case-studies-hub-primary">{{ $bookText }}</x-ui.button>
    </x-public.page-hero>

    <x-public.stats-strip :stats="[
        ['value' => '60%', 'label' => 'Average cost savings'],
        ['value' => '5–7 days', 'label' => 'Typical time to hire'],
        ['value' => '98%', 'label' => 'Client retention'],
    ]" />

    <section class="home-section home-section--muted">
        <div class="container-page">
            <x-public.section-head
                kicker="Client stories"
                title="Proven outcomes across industries"
                centered
            />

            <div class="home-card-grid !mt-10">
                @forelse($caseStudies as $cs)
                    @php $topMetric = ($cs->preview['metrics'] ?? [])[0] ?? null; @endphp
                    <a href="{{ route('case-studies.show', $cs->slug) }}" class="home-card group">
                        @if($cs->client_name)
                            <p class="home-list__category">{{ $cs->client_name }}</p>
                        @endif
                        <h2 class="home-card__title">{{ $cs->title }}</h2>
                        @if($cs->summary)
                            <p class="home-card__text">{{ $cs->summary }}</p>
                        @endif
                        @if($topMetric)
                            <p class="mt-3 text-sm font-semibold text-primary">{{ $topMetric['value'] }}{{ $topMetric['suffix'] }} {{ $topMetric['label'] }}</p>
                        @endif
                        <span class="home-card__action">Read case study →</span>
                    </a>
                @empty
                    <p class="col-span-full text-center text-muted">Case studies coming soon.</p>
                @endforelse
            </div>

            @if($caseStudies->hasPages())
                <div class="mt-12 flex justify-center">{{ $caseStudies->links() }}</div>
            @endif
        </div>
    </section>

    <x-public.cta-band
        title="Write your success story"
        subtitle="Join Australian businesses scaling with vetted remote talent — book a free consultation today."
        :ctaText="$bookText"
        :ctaUrl="$bookUrl"
    />
</x-layouts.app>