@if($item->likes->isNotEmpty())
    @php
        $likes = "";
        foreach ($item->likes as $key => $like) {
            $likes .= "<li><div class='flex items-center'>".
            "<img src='".getMediaUrl($like->user, 'photograph', 'thumb')."' width='40' height='40'  class='img-sm rounded-full'>".
            "<div class='ml-3'>".$like->user->name."</div>".
            "</li>";
        }
    @endphp

    <a href="javascript:;" class="flex items-center gap-2 bg-custom-blue-400 text-white hover:text-white hover:bg-custom-blue-500 p-1 px-2 rounded-lg"
        data-toggle="popover"
        {{-- data-trigger="click" --}}
        data-placement="top"
        data-html="true"
        title=""
        data-content="{!!"<ul class='user-likes'>".$likes."</ul>"!!}"
        >
        <x-svg-icon icon="icon-like" /> {{count($item->likes)}}
    </a>
@endif