@foreach($blogs as $item)
<div class="col-md-4 col-sm-6 mt-2 mb-2">
    <article class="blog-card">
        <div class="blog-thumb-wrap">
            <img class="blog-thumb" src="{{ showImage($item->image ?? '', $item->image_webp ?? '') }}" alt="{{ $item->display_name ?? ''}}">
            <div class="date-badge">
                <span class="date-day">{{ date('d', strtotime($item->post_date)) }}</span>
                <small class="date-month">{{ date('M Y', strtotime($item->post_date)) }}</small>

            </div>
        </div>

        <div class="blog-card-body">
            <h3 class="blog-post-title">{{ $item->display_name ?? ''}}</h3>
            <p class="blog-excerpt">{{ Str::limit($item->short_description, 120) }}</p>
        </div>

        <div class="card-footer">
            <div class="post-by">Post by: <strong>{{ $item->post_by ?? 'Admin' }}</strong></div>
            <a href="{{ route('blogDetails', $item->page_url) }}" class="read-more">Read More →</a>
        </div>
    </article>
</div>
@endforeach