@if ($recent_posts && $recent_posts->count() > 0)
    <div class="sidebar-widget sidebar-widget-two">
        <div class="widget-title mb-30">
            <h6 class="title">{{ __('frontend::messages.Recent News') }}</h6>
            <div class="section-title-line"></div>
        </div>
        <div class="hot-post-wrap">
            @foreach ($recent_posts as $recent_post)
                <div class="hot-post-item">
                    @if ($loop->first)
                        @if ($recent_post->getFirstMediaUrl('featured'))
                            <div class="hot-post-thumb">
                                <a href="{{ route('blog.detail', $recent_post->slug) }}">
                                    <img src="{{ $recent_post->getFirstMediaUrl('featured') }}"
                                        alt="{{ $recent_post?->title }}">
                                </a>
                            </div>
                        @endif
                    @endif
                    <div class="hot-post-content">

                        @if ($recent_post?->categories && $recent_post?->categories->count() > 0)
                            <div class="d-flex flex-wrap gap-3">
                                @foreach ($recent_post?->categories as $category)
                                    @break($loop->index == 1)
                                    <a href="{{ route('blogs', ['category_id' => $category?->id]) }}" class="post-tag">
                                        {{ $category?->name }}
                                    </a>
                                @endforeach
                            </div>
                        @endif

                        <h4 class="post-title">
                            <a href="{{ route('blog.detail', $recent_post->slug) }}">
                                {{ $recent_post?->title }}
                            </a>
                        </h4>
                        <div class="blog-post-meta">
                            <ul class="list-wrap">
                                <li>
                                    <i class="flaticon-calendar"></i>
                                    {{ Carbon\Carbon::parse($recent_post->created_at)->format('d M Y') }}
                                </li>
                                @if ($recent_post?->getMeta('reading_time'))
                                    <li><i class="flaticon-history"></i>{{ $recent_post?->getMeta('reading_time') }}
                                    </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endif