{{--
    AJAX Partial: Grid view — 2 columns default, responsive
    Variables: $properties (LengthAwarePaginator), $userId (nullable int)
--}}
@if($properties->isEmpty())
    <div class="col-span-full">
        <x-deal-explorer.empty-state />
    </div>
@else
    <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
        @foreach($properties as $property)
            <x-deal-explorer.property-card-grid :property="$property" :userId="$userId" />
        @endforeach
    </div>
@endif