{{-- Selected Work (PRD §9.4): cards from the Projects source; "View All Projects" links to /projects. --}}
@inject('cta', 'App\Domain\Site\Settings\CtaSettings')
<x-section :vm="$vm">
    <div class="container-site">
        <div class="mb-10 flex flex-wrap items-end justify-between gap-4">
            <x-section-heading :eyebrow="$vm->get('eyebrow')" :title="$vm->get('heading')" :subtitle="$vm->get('intro')" />
            @if ($vm->get('show_view_all', true))
                <x-button :href="route('projects.index')" variant="tertiary" track="cta_click" :track-props="['cta' => 'view_all_projects', 'location' => $location]">{{ $cta->view_all_projects_label }}</x-button>
            @endif
        </div>
        <div class="grid-cards">
            @foreach ($vm->resolved('projects', []) as $project)
                <x-project-card :project="$project" :source="$location === 'homepage' ? 'homepage' : 'featured'" />
            @endforeach
        </div>
    </div>
</x-section>