set up list management
This commit is contained in:
parent
0c42bef077
commit
73d6578857
26 changed files with 495 additions and 230 deletions
57
resources/views/livewire/movie-details-panel.blade.php
Normal file
57
resources/views/livewire/movie-details-panel.blade.php
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
<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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue