{{-- Shared project grid: the listing page and the AJAX fragment both render this. --}}
@php
    $columns ??= 3;
    $numbered ??= false;
    $featureFirst ??= false;
@endphp

@if ($projects->isEmpty())
    <x-empty-state icon="briefcase"
                   :title="__('No projects match this filter')"
                   :message="__('Try a different sector or category, or browse the full portfolio.')">
        <x-button variant="outline" :href="route('projects.index')" class="mt-6">
            {{ __('View all projects') }}
        </x-button>
    </x-empty-state>
@else
    <div @class([
        'grid gap-6',
        'sm:grid-cols-2 lg:grid-cols-3 3xl:grid-cols-4 4xl:grid-cols-5' => $columns === 3,
        'sm:grid-cols-2 3xl:grid-cols-3' => $columns === 2,
    ]) data-reveal-group>
        @foreach ($projects as $project)
            <x-project-card :project="$project"
                            :index="$numbered ? $loop->iteration : null"
                            :featured="$featureFirst && $loop->first" />
        @endforeach
    </div>

    @if ($projects instanceof \Illuminate\Contracts\Pagination\LengthAwarePaginator && $projects->hasPages())
        <div class="mt-12">{{ $projects->links() }}</div>
    @endif
@endif