57 lines
2.5 KiB
PHP
57 lines
2.5 KiB
PHP
<x-ui.slide-over model="showDetails">
|
|
@if($selectedMovie)
|
|
<div class="flex flex-col gap-6">
|
|
<!-- Header with title and year -->
|
|
<div class="flex flex-col gap-2 text-center">
|
|
<h2 class="text-2xl font-bold text-gray-300">{{ $selectedMovie->title }}</h2>
|
|
<p class="text-lg text-gray-400">{{ $selectedMovie->year }}</p>
|
|
</div>
|
|
|
|
<!-- Poster -->
|
|
@if($selectedMovie->poster && $selectedMovie->poster !== 'N/A')
|
|
<img src="{{ $selectedMovie->poster }}"
|
|
alt="{{ $selectedMovie->title }}"
|
|
class="max-w-48 rounded-lg shadow-md mx-auto">
|
|
@endif
|
|
|
|
<!-- Plot/Description -->
|
|
@if($selectedMovie->plot && $selectedMovie->plot !== 'N/A')
|
|
<div>
|
|
<h3 class="text-sm font-semibold text-gray-300 mb-2">Plot</h3>
|
|
<p class="text-gray-400">{{ $selectedMovie->plot }}</p>
|
|
</div>
|
|
@endif
|
|
|
|
<!-- Additional Details -->
|
|
<div class="flex flex-col gap-3 text-sm">
|
|
@if($selectedMovie->director && $selectedMovie->director !== 'N/A')
|
|
<div>
|
|
<span class="font-semibold text-gray-300">Director:</span>
|
|
<span class="text-gray-400">{{ $selectedMovie->director }}</span>
|
|
</div>
|
|
@endif
|
|
|
|
@if($selectedMovie->actors && $selectedMovie->actors !== 'N/A')
|
|
<div>
|
|
<span class="font-semibold text-gray-300">Actors:</span>
|
|
<span class="text-gray-400">{{ $selectedMovie->actors }}</span>
|
|
</div>
|
|
@endif
|
|
|
|
@if($selectedMovie->genre && $selectedMovie->genre !== 'N/A')
|
|
<div>
|
|
<span class="font-semibold text-gray-300">Genre:</span>
|
|
<span class="text-gray-400">{{ $selectedMovie->genre }}</span>
|
|
</div>
|
|
@endif
|
|
|
|
@if($selectedMovie->mpaa_rating && $selectedMovie->mpaa_rating !== 'N/A')
|
|
<div>
|
|
<span class="font-semibold text-gray-300">Rating:</span>
|
|
<span class="text-gray-400">{{ $selectedMovie->mpaa_rating }}</span>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</x-ui.slide-over>
|