@extends('compte.layout')

@section('compte')
    <div class="panel">
        <div class="panel-head">
            <h2 style="font-size:1.1rem">Mes favoris <span class="muted" style="font-weight:500">({{ $favoris->count() }})</span></h2>
        </div>

        @if($favoris->isEmpty())
            <div class="center" style="padding:34px 0">
                <span class="tile-icon" style="margin:0 auto"><x-icon name="heart"/></span>
                <p class="muted small" style="margin-top:12px">
                    Aucun favori pour l'instant. Cliquez sur le cœur d'une annonce pour la retrouver ici.
                </p>
                <a href="{{ url('/annonces') }}" class="btn btn-primary" style="margin-top:12px">Parcourir les annonces</a>
            </div>
        @else
            <div class="grid grid-3">
                @foreach($favoris as $favori)
                    @php $item = $favori->favoritable; @endphp
                    @if($item instanceof \App\Models\Ad)      <x-ad-card :ad="$item"/>
                    @elseif($item instanceof \App\Models\Business) <x-pro-card :pro="$item"/>
                    @elseif($item instanceof \App\Models\Event)    <x-event-card :event="$item"/>
                    @else                                      <x-article-card :article="$item"/>
                    @endif
                @endforeach
            </div>
        @endif
    </div>
@endsection