Update series page design & Refactor

resources/views/stream/partials/info.blade.php

@@ -1,8 +1,14 @@
+@props([
+    'streamPage' => true,
+])
+
 <div
     class="overflow-hidden rounded-2xl border border-gray-200/70 bg-white/90 shadow-sm backdrop-blur-sm transition-colors dark:border-white/10 dark:bg-neutral-900/80">
 
     <div class="p-5 md:p-7">
+        @if($streamPage)
         <input id="e_id" type="hidden" value="{{ $episode->id }}" />
+        @endif
 
         <div class="flex flex-col gap-6 lg:flex-row">
             <!-- Cover -->
@@ -23,12 +29,20 @@
                     <div class="min-w-0">
                         <h1
                             class="break-words text-2xl font-black tracking-tight text-gray-900 dark:text-white md:text-4xl">
+                            @if ($streamPage)
                             <a
                                 href="{{ route('hentai.index', ['title' => $episode->hentai->slug]) }}"
                                 class="bg-gradient-to-r from-rose-500 to-pink-500 bg-clip-text text-transparent transition hover:opacity-80">
-                                {{ $episode->title }} - {{ $episode->episode }}
+                                {{ "$episode->title - $episode->episode" }}
                             </a>
+                            @else
+                            <span
+                                class="bg-gradient-to-r from-rose-500 to-pink-500 bg-clip-text text-transparent transition">
+                                {{ $episode->title }}
+                            </span>
+                            @endif
                         </h1>
+                        
 
                         <p class="mt-2 text-sm text-gray-500 dark:text-gray-400 md:text-base">
                             {{ $episode->title_jpn }}
@@ -65,6 +79,7 @@
                         </div>
                     </div>
 
+                    @if($streamPage)
                     <!-- Stats + Actions -->
                     <div class="flex flex-col gap-3 xl:items-end min-w-[330px]">
 
@@ -134,6 +149,7 @@
                             @endauth
                         </div>
                     </div>
+                    @endif
                 </div>
 
                 <!-- Description -->
@@ -189,9 +205,11 @@
                 </div>
 
                 <!-- Gallery -->
+                @if($streamPage)
                 <div class="mt-8 border-t border-gray-200 pt-6 dark:border-white/10">
                     @include('stream.partials.gallery')
                 </div>
+                @endisset
             </div>
         </div>
     </div>