@php

    $singleWidgetData = [];
    if (!empty($singleWidgetDataShow)) {
        $singleWidgetData = $singleWidgetDataShow->getTranslation('widget_content');
    }
@endphp

<div class="blog-section mb-120">
    <div class="container">
        <div class="row mb-20 align-items-center justify-content-between flex-wrap wow animate fadeInDown"
            data-wow-delay="200ms" data-wow-duration="1500ms">
            @if (!empty($singleWidgetData['title']))
                <div class="col-lg-8 mb-20">
                    <div class="section-title">
                        <h3>{{ $singleWidgetData['title'] }}</h3>
                    </div>
                </div>
            @endif
            <div class="col-lg-4 mb-20 d-flex justify-content-lg-end">
                <a href="{{ url('/blog') }}" class="primary-btn-3">{{ translate('View All') }}</a>
            </div>
        </div>
        <div class="row gy-5">
            @foreach (blog($singleWidgetData['show_item'] ?? 3, '') as $blog)
                @php
                    $dateFormate = customDateFormate($blog->created_at, $format = 'd');
                    $dateFormate2 = customDateFormate($blog->created_at, $format = 'M');
                @endphp
                <div class="col-xl-4 col-md-6 wow animate fadeInDown" data-wow-delay="200ms" data-wow-duration="1500ms">
                    <div class="blog-card">
                        <div class="blog-img-wrap">
                            @if (fileExists('blog', $blog->blog_thumbnail) == true && $blog->blog_thumbnail !== '')
                                <a href="{{ route('blog.details', $blog->slug) }}" class="blog-img"><img
                                        src="{{ asset('storage/blog/' . $blog->blog_thumbnail) }}" alt="blog-thmbnail"></a>
                            @else
                                <a href="{{ route('blog.details', $blog->slug) }}" class="blog-img"><img
                                        src="{{ asset('frontend/assets/images/416-240.png') }}" alt="blog-thumbnail"></a>
                            @endif
                            <div class="batch">
                                <ul>
                                    <li><a href="{{ route('blog.details', $blog->slug) }}">{{ $blog->created_at->format('d F, Y') }}</a></li>
                                    <li>{{ $blog->comments_count }}
                                        {{ $blog->comments_count > 1 ? translate('Comments') : translate('Comment') }}
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="blog-content">
                            <h5><a
                                    href="{{ route('blog.details', $blog->slug) }}">{{ $blog->getTranslation('blog_title') }}</a>
                            </h5>
                            <a href="{{ route('blog.details', $blog->slug) }}"
                                class="primary-btn-3">{{ translate('Read Article') }}</a>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>