@php
     // Get video blogs
     $videoBlogs = getBlogsByMetaData(['is_video_blog' => 1], 6, true, ['author', 'media', 'categories', 'comments'])[
         'blogs'
     ];

     $firstVideoBlogs = $videoBlogs->take(1);
     $remainingVideoBlogs = $videoBlogs->slice(1);

 @endphp

 @if (count($videoBlogs) > 0)

     <section class="video-post-area padding">
         <div class="container">
             <div class="top-area mb-40 title-border">
                 <div class="section-heading">
                     <h3 class="section-title"><span class="bg-grey-2">{{ __('frontend::translate.Video Post') }}</span></h3>
                 </div>
                 <div class="right-btn">
                     <a href="{{ route('blogs') }}" class="default-btn">{{ __('frontend::translate.See More') }}</a>
                 </div>
             </div>
             <div class="row">
                 <div class="col-lg-8">
                     @foreach ($firstVideoBlogs as $blog)
                         <div class="video-post-wrap">
                             @if ($blog->getMeta('video_url'))
                                 <div class="video-btn">
                                     <a class="video-popup z-1" data-autoplay="true" data-vbtype="video"
                                         href="{{ $blog->getMeta('video_url') }}"><i class="las la-play"></i>
                                     </a>
                                 </div>
                             @endif
                             <div class="video-thumb">
                                 <img class="w-100 h-100"
                                     src="{{ getContentMediaWithFallback($blog, 'featured') ?: asset('backend/assets/img/blog/default.png') }}"
                                     alt="{{ $blog->title }}">
                             </div>
                             <div class="post-card">
                                 <div class="post-content">
                                     <a class="card-btn bg-blue-light"
                                         href="{{ route('blogs', ['category_id' => $blog->categories->first()->id ?? '']) }}">
                                         {{ $blog->categories->first()->name ?? 'Uncategorized' }}
                                     </a>
                                     <h3 class="title">
                                         <a href="{{ route('blog.detail', $blog->slug ?? '') }}">
                                             {{ getCountedWord($blog->title, 70) }}
                                         </a>
                                     </h3>
                                     <ul class="post-list">
                                         <li class="author">
                                             by <span>
                                                 <a href="{{ route('blog.author', $blog?->author_id) }}">
                                                     {{ $blog->author->name ?? 'Admin' }}
                                                 </a>
                                             </span>
                                         </li>
                                         <li class="date">{{ $blog->created_at->format('M d, Y') }}</li>
                                         <li><i class="las la-comments"></i>{{ $blog->comments->count() }}</li>
                                     </ul>
                                 </div>
                             </div>
                         </div>
                     @endforeach
                 </div>
                 <div class="col-lg-4">
                     <div class="list-post-area video-post-list">

                         @foreach ($remainingVideoBlogs as $key => $blog)
                             <div class="list-post-card">
                                 <div class="post-img">
                                     <a href="{{ route('blog.detail', $blog->slug ?? '') }}">
                                         <img class="w-100 h-100"
                                             src="{{ getContentMediaWithFallback($blog, 'featured') ?: asset('backend/assets/img/blog/default.png') }}"
                                             alt="{{ $blog->title }}">
                                     </a>
                                 </div>
                                 <div class="post-content">
                                     <h3 class="title">
                                         <a href="{{ route('blog.detail', $blog->slug ?? '') }}">
                                             {{ getCountedWord($blog->title, 50) }}
                                         </a>
                                     </h3>
                                     <ul class="post-list">
                                         <li class="author">
                                             by <span>
                                                 <a href="{{ route('blog.author', $blog?->author_id) }}">
                                                     {{ $blog->author->name ?? 'Admin' }}
                                                 </a>
                                             </span>
                                         </li>
                                         <li class="date">{{ $blog->created_at->format('M d, Y') }}</li>
                                     </ul>
                                 </div>
                             </div>
                         @endforeach
                     </div>
                 </div>
             </div>
         </div>
     </section>
     <!-- ./ video-post-area -->
 @endif