@extends('layouts.account')

@section('title', __('Saved properties'))
@section('heading', __('Saved properties'))
@section('subheading', __('Your shortlist. We will tell you if any of these change price.'))

@section('account')
    @if ($listings->isEmpty())
        <x-empty-state icon="bookmark"
                       :title="__('Nothing saved yet')"
                       :message="__('Tap the heart on any listing and it will appear here.')">
            <x-button :href="route('properties.index')" class="mt-5" arrow>{{ __('Browse properties') }}</x-button>
        </x-empty-state>
    @else
        <div class="grid gap-6 sm:grid-cols-2 3xl:grid-cols-3" data-reveal-group>
            @foreach ($listings as $listing)
                @include('public.partials.listing-card', [
                    'listing' => $listing,
                    'favouritedIds' => $favouritedIds,
                ])
            @endforeach
        </div>

        <div class="mt-10">{{ $listings->links() }}</div>
    @endif
@endsection