movies/resources/views/livewire/movie-page/recommendations.blade.php

<div>
    <div class="row">
        @foreach($recommendations as $recommendation)
            <div class="col-md-2 mb-3">
                <a href="{{ route('movie.show', $recommendation->slug) }}" class="text-decoration-none">
                    @if($recommendation->poster_path)
                        <div class="movie-poster">
                            <img
                                src="http://image.tmdb.org/t/p/w185/{{ $recommendation->poster_path }}"
                                alt="{{ $recommendation->title }}"
                                title="{{ $recommendation->title }} @if($recommendation->release_date) ({{ $recommendation->release_date->format('Y') }}) @endif"
                                class="img-fluid rounded shadow-sm"
                            >
                            <div class="movie-title text-center mt-2">
                                <small>{{ $recommendation->title }}</small>
                            </div>
                        </div>
                    @else
                        <div class="no-poster rounded shadow-sm d-flex align-items-center justify-content-center p-2" style="height: 150px; background-color: #f8f9fa;">
                            <small class="text-center">
                                {{ $recommendation->title }} @if($recommendation->release_date) ({{ $recommendation->release_date->format('Y') }}) @endif
                            </small>
                        </div>
                    @endif
                </a>
            </div>
        @endforeach
    </div>
</div>