@if($recentBlogPosts && $recentBlogPosts->count()>0)
<div class="widget-items mb-40">
    @foreach($recentBlogPosts as $blogPost)
    <div class="widget-recent-post d-flex">
        <div class="rpost-thumb">
            <x-link url="{{ route('web.blog.detail', $blogPost->slug) }}">
                @if($blogPost->mediaicon)
                <x-img src="{{ $blogPost->mediaicon?->displayfile() }}" alt="{{ $blogPost->mediaicon?->alt }}" title="{{ $blogPost->mediaicon?->title }}" />
                @else 
                    @if (isset($optsDbArr['media_folder']) && isset($optsDbArr['logo']))
                    <x-img src="{{ $optsDbArr['media_folder'] . $optsDbArr['logo'] }}" alt="logo" width="64"/>
                    @endif
                @endif
            </x-link>
        </div>
        <div class="rpost-content">
            <div class="rpost-title">
                <x-link url="{{ route('web.blog.detail', $blogPost->slug) }}" title="{!! $blogPost->title !!}">
                    <h4>{!! Terc::getShortContent($blogPost->title,70) !!}</h4>
                </x-link>
                <span>{{ date('F j, Y', strtotime($blogPost->published_at))}}</span>
            </div>
        </div>
    </div>
    @endforeach
</div>
@endif