@foreach($posts as $post)
    <a href="{{ route('filamentblog.post.show', ['post' => $post->slug]) }}"
        class="group flex gap-3 hover:bg-gray-50 rounded-xl p-2 -mx-2 transition-colors">
        <div class="w-16 h-12 shrink-0 rounded-lg overflow-hidden bg-gray-100">
            <img src="{{ asset($post->featurePhoto) }}" alt="{{ $post->photo_alt_text }}"
                class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300">
        </div>
        <div class="min-w-0">
            <h4 class="text-sm font-semibold text-gray-800 line-clamp-2 leading-snug group-hover:text-red-600 transition-colors">
                {{ $post->title }}
            </h4>
            <p class="text-xs text-gray-400 mt-1">{{ $post->formattedPublishedDate() }}</p>
        </div>
    </a>
@endforeach