<ul class="item-bx row">
    @forelse($favorites as $favorite)
        <li class="col-md-12 p-0">
            <a class="text-dark rounded p-1 m-1 row align-items-center border itm-s"
               href="{{ route('products.show', $favorite->favoritable->slug) }}">
                <div class="col-md-2 col-2 pr-2 pl-0">
                    <img class="crt-pc mw-100"
                         src="{{ asset($favorite->favoritable->image) }}"
                         alt="{{ $favorite->favoritable->name }}">
                </div>
                <div class="col-md-8 col-8 p-0 text-left">
                    <h4 class="crt-name mb-1">{{ $favorite->favoritable->name }}</h4>
                    <p class="crt-price">
                        <span class="font-weight-bold mr-1 number">{{ $favorite->favoritable->latin_name }}</span>
                    </p>
                </div>
                <div class="col-md-2 col-2 p-0 text-right dir-ltr" wire:click.prevent="delete({{ $favorite->id }}, {{ $favorite->favoritable->id }})" title="حذف">
                    <button class="same-1 font-weight-bold rounded d-flex align-items-center justify-content-center text-center border-0 text-white crt-delet">×</button>
                </div>
            </a>
        </li>
    @empty
        <li class="alert m-0"><i class="text-danger mr-2 fas fa-exclamation"></i>هیچ محصولی به علاقه‌مندی‌ها اضافه نشده </li>
    @endforelse
</ul>