@if (isset($favorites) && $favorites->count() > 0)
@foreach ($favorites as $favorite)
<div class="d-flex align-items-center border-bottom py-2">
    <a href="{{ route('product',['slug'=>$favorite->slug]) }}">
        <img width="40" src="{{ asset($favorite->img ?? $favorite->category->img) }}" class="img-fluid me-3" loading="lazy" alt="{{ $favorite->name }}">
    </a>
    <a class="link-secondary me-auto" href="{{ route('product',['slug'=>$favorite->slug]) }}">
        {{ $favorite->name }}
    </a>
    <button onclick="deleteFavorite({{ $favorite->id }})" class="btn btn-sm btn-outline-light text-dark">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash"
            viewBox="0 0 16 16">
            <path
                d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z" />
            <path fill-rule="evenodd"
                d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" />
        </svg>
    </button>
</div>
@endforeach
@else
<div class="text-center">
    <i class="bi bi-heart"></i>
    <p class="text-muted">{{ __('No favorites yet') }}</p>
</div>
@endif