@foreach ($blogs as $item)
    <div class="col-xl-4 col-lg-6 col-md-6">
        <div class="blog-card position-relative radius--16">
            <div class="thumb">
                <img class="fit--img"  src="{{ getImage(getFilePath('frontend') . '/' . 'blog/' . 'thumb_' . $item->data_values->blog_image ?? '') }}"
                    alt="@lang('Image')">
                <div class="date--wrap">
                    <p><span>{{ showDateTime($item->created_at, 'd') }}</span><span>{{ showDateTime($item->created_at, 'M') }}</span></p>
                </div>
            </div>
            <div class="blog-content">
                <a href="{{ route('blog.details', ['slug' => slug($item->data_values->title), 'id' => $item->id]) }}">
                    <h5 class="title fs--20 fw--600">
                        @if (strlen(__($item->data_values->title)) > 50)
                            {{substr(__($item->data_values->title), 0, 50) . '...' }}
                        @else
                            {{__($item->data_values->title) }}
                        @endif
                    </h5>
                </a>
                <div class="btn--wrap">
                    <a href="{{ route('blog.details', ['slug' => slug($item->data_values->title), 'id' => $item->id]) }}"
                        class="fs--16 read--btn fw--500">@lang('Read more') <i class="fa-solid fa-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </div>
@endforeach