@php
    $mediaUrl = $row->mediaUrl();
    $isVideo = $row->media_type == App\Models\Post::MEDIA_VIDEO;
    $imagePlaceholder = placeholder_image_url('image_thumbnail');
    $videoPlaceholder = placeholder_image_url('video_thumbnail');
    $placeholder = $isVideo ? $videoPlaceholder : $imagePlaceholder;
@endphp

<div class="thumbnail">
    @if ($mediaUrl && $isVideo)
        <video
            src="{{ $mediaUrl }}"
            muted
            playsinline
            preload="metadata"
            onloadeddata="this.currentTime = Math.min(0.5, this.duration || 0.5)"
            onerror="this.style.display='none'; this.nextElementSibling.style.display='block';"
        ></video>
        <img src="{{ $videoPlaceholder }}" alt="" style="display:none;">
    @elseif ($mediaUrl)
        <img
            src="{{ $mediaUrl }}"
            alt="{{ Str::limit($row->content, 40) }}"
            onerror="this.onerror=null;this.src='{{ $imagePlaceholder }}';"
        >
    @else
        <img src="{{ $placeholder }}" alt="">
    @endif
</div>