latest update

resources/views/videos/trending.blade.php

@@ -177,13 +177,13 @@
     <div class="trending-header">
         <h1><i class="bi bi-fire trending-icon"></i> Trending</h1>
         <div class="trending-filters">
-            <a href="{{ route('videos.trending', ['hours' => 24]) }}" class="{{  == 24 ? 'active' : '' }}">Today</a>
-            <a href="{{ route('videos.trending', ['hours' => 48]) }}" class="{{  == 48 ? 'active' : '' }}">This Week</a>
-            <a href="{{ route('videos.trending', ['hours' => 168]) }}" class="{{  == 168 ? 'active' : '' }}">This Month</a>
+            <a href="{{ route('videos.trending', ['hours' => 24]) }}" class="{{ $hours == 24 ? 'active' : '' }}">Today</a>
+            <a href="{{ route('videos.trending', ['hours' => 48]) }}" class="{{ $hours == 48 ? 'active' : '' }}">This Week</a>
+            <a href="{{ route('videos.trending', ['hours' => 168]) }}" class="{{ $hours == 168 ? 'active' : '' }}">This Month</a>
         </div>
     </div>
 
-    @if(())
+    @if($videos->isEmpty())
         <div class="empty-trending">
             <i class="bi bi-play-circle"></i>
             <h3>No trending videos yet</h3>
@@ -191,25 +191,8 @@
         </div>
     @else
         <div class="yt-video-grid">
-            @foreach( as )
-                <a href="{{ route('videos.show', ) }}" class="yt-video-card">
-                    <div class="yt-video-thumb">
-                        <img src="{{  }}" alt="{{  }}" loading="lazy">
-                        <span class="trending-badge"><i class="bi bi-fire"></i> Trending</span>
-                        @if()<span class="yt-video-duration">{{ gmdate('i:s', ) }}</span>@endif
-                    </div>
-                    <div class="yt-video-meta">
-                        @if()<img src="{{ ->avatar_url }}" alt="{{ ->name }}" class="yt-video-avatar">@endif
-                        <div class="yt-video-info">
-                            <h3 class="yt-video-title">{{  }}</h3>
-                            <div class="yt-video-channel"><a href="#">{{ ->name ?? 'Unknown' }}</a></div>
-                            <div class="yt-video-stats">
-                                {{ number_format() }} views
-                                @if( > 0) • {{ number_format() }} likes @endif
-                            </div>
-                        </div>
-                    </div>
-                </a>
+            @foreach($videos as $video)
+                <x-video-card :video="$video" />
             @endforeach
         </div>
     @endif