@props(['movie'])

<div class="bg-white rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition duration-300 ease-in-out">
    <a href="{{ route('catalog.show', ['id' => $movie->id]) }}">
        <img src="{{ $movie->poster }}" class="w-full h-32 object-cover" alt="{{ $movie->title }}">
        <div class="p-2">
            <h4 class="text-lg font-semibold mb-1 text-gray-800">{{ $movie->title }}</h4>
            <p class="text-sm text-gray-600">{{ $movie->year }}</p>
        </div>
    </a>
</div>