@extends('layouts.app')

@section('title', 'Избранное — Placeo')

@section('content')
<div class="mx-auto max-w-6xl">
    <h1 class="mb-6 text-2xl font-bold">Избранное</h1>

    @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 class="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4">
            @foreach ($ads as $ad)
                <x-ad-card :ad="$ad" />
            @endforeach
        </div>
        <div class="mt-6">{{ $ads->links() }}</div>
    @endif
</div>
@endsection