@foreach($blogs as $blog)
    <div class="col-md-4 col-sm-6 my-2">
        <div class="blog-card h-100" data-blog-id="{{ $blog->id }}">
            <div class="blog-image">
                <img src="{{ $blog->thumbnail_image_url }}" alt="{{ $blog->name }}">
            </div>
            <div class="blog-info">
                <div class="row">
                    <div class="col-6">
                        <div class="d-flex blog-user">
                            <img src="{{ $blog->createdBy ? $blog->createdBy->profile_pic_url : asset('defaults/noimage/no_image.png') }}" alt="">
                            <h6>{{ $blog->createdBy ? $blog->createdBy->name : 'Unknown User' }}</h6>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="blog-date text-end">
                            {{ \Carbon\Carbon::parse($blog->created_at)->format('M d, Y') }}
                        </div>
                    </div>
                </div>
                <div class="blog-title">{{ \Illuminate\Support\Str::limit($blog->name, 30) }}</div>
                <div class="blog-description">{!! \Illuminate\Support\Str::limit(strip_tags($blog->description), 110) !!}</div>
                <div class="blog-readmore">
                    @if(!empty($blog->slug))
                        <a href="{{ route('blogs.single', ['slug' => $blog->slug]) }}">Read More</a>
                    @endif
{{--                    <a href="{{ route('blogs.single', ['slug' => $blog->slug]) }}">Read More</a>--}}
                </div>
            </div>
        </div>
    </div>
@endforeach