Update Cover & Thumbnail Design & Refactor

resources/views/home/partials/tab/template.blade.php

@@ -1,9 +1,47 @@
 @if ($showThumbnails)
 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-2">
-    @include('partials.episode-thumbnail', ['limit' => 15])
+    @php 
+        $limit = 15;
+        $limitcounter = 0; 
+    @endphp
+
+    @foreach ($episodes as $ep)
+        @if (isset($popularView))
+            @php $episode = $ep->episode @endphp
+        @else
+            @php $episode = $ep @endphp
+        @endif
+
+        @if ($limitcounter >= $limit)
+            @break
+        @endif
+
+        <x-episode-cover :episode="$episode" view="thumbnail" />
+
+        @php $limitcounter++; @endphp
+    @endforeach
 </div>
 @else
 <div class="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 xl:grid-cols-7 2xl:grid-cols-8 gap-2">
-    @include('partials.episode-cover', ['limit' => 16])
+    @php
+        $limit = 16;
+        $limitcounter = 0;
+    @endphp
+
+    @foreach ($episodes as $ep)
+        @if (isset($popularView))
+            @php $episode = $ep->episode @endphp
+        @else
+            @php $episode = $ep @endphp
+        @endif
+
+        @if ($limitcounter >= $limit)
+            @break
+        @endif
+
+        <x-episode-cover :episode="$episode" view="poster" />
+
+        @php $limitcounter++; @endphp
+    @endforeach
 </div>
 @endif