{{-- Лента объявлений с бесконечной прокруткой. Ждёт: $ads, $view, $nextUrl --}}
<div x-data="infiniteFeed(@js($nextUrl))">
    @if ($ads->isEmpty())
        <div class="card grid place-items-center p-12 text-center text-muted">
            <div><div class="mb-2 text-4xl">🔍</div>Объявления не найдены.</div>
        </div>
    @else
        <div x-ref="items"
             class="{{ ($view ?? 'grid') === 'list' ? 'space-y-3' : 'grid grid-cols-2 gap-x-[18px] gap-y-[26px] sm:grid-cols-3 lg:grid-cols-4' }}">
            @include('partials.ad-grid', ['ads' => $ads, 'view' => $view])
        </div>
        <div x-ref="sentinel" class="h-8"></div>
        <div x-show="loading" x-cloak class="py-6 text-center text-sm text-muted">Загрузка…</div>
    @endif
</div>