some improvements
This commit is contained in:
@@ -0,0 +1,34 @@
|
||||
<div>
|
||||
@if($collection)
|
||||
<div class="collection-info mb-3">
|
||||
<h6 class="text-muted">Part of the {{ $collection->name }} Collection</h6>
|
||||
</div>
|
||||
<div class="row">
|
||||
@foreach($collectionMovies as $collectionMovie)
|
||||
<div class="col-md-2 mb-3">
|
||||
<a href="{{ route('movie.show', $collectionMovie->slug) }}" class="text-decoration-none">
|
||||
@if($collectionMovie->poster_path)
|
||||
<div class="movie-poster">
|
||||
<img
|
||||
src="http://image.tmdb.org/t/p/w185/{{ $collectionMovie->poster_path }}"
|
||||
alt="{{ $collectionMovie->title }}"
|
||||
title="{{ $collectionMovie->title }} @if($collectionMovie->release_date) ({{ $collectionMovie->release_date->format('Y') }}) @endif"
|
||||
class="img-fluid rounded shadow-sm"
|
||||
>
|
||||
<div class="movie-title text-center mt-2">
|
||||
<small>{{ $collectionMovie->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">
|
||||
{{ $collectionMovie->title }} @if($collectionMovie->release_date) ({{ $collectionMovie->release_date->format('Y') }}) @endif
|
||||
</small>
|
||||
</div>
|
||||
@endif
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@@ -1,22 +1,26 @@
|
||||
<div>
|
||||
<div class="row">
|
||||
@foreach($recommendations as $recommendation)
|
||||
<div class="col-md-1">
|
||||
<a href="{{ route('movie.show', $recommendation->slug) }}">
|
||||
<div class="col-md-2 mb-3">
|
||||
<a href="{{ route('movie.show', $recommendation->slug) }}" class="text-decoration-none">
|
||||
@if($recommendation->poster_path)
|
||||
<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 img-fluid"
|
||||
>
|
||||
<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
|
||||
<span
|
||||
class="no-poster"
|
||||
title="{{ $recommendation->title }} @if($recommendation->release_date) ({{ $recommendation->release_date->format('Y') }}) @endif"
|
||||
>
|
||||
{{ $recommendation->title }} @if($recommendation->release_date) ({{ $recommendation->release_date->format('Y') }}) @endif
|
||||
</span>
|
||||
<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>
|
||||
|
||||
@@ -1,22 +1,26 @@
|
||||
<div>
|
||||
<div class="row">
|
||||
@foreach($similarMovies as $similarMovie)
|
||||
<div class="col-md-1">
|
||||
<a href="{{ route('movie.show', $similarMovie->slug) }}">
|
||||
<div class="col-md-2 mb-3">
|
||||
<a href="{{ route('movie.show', $similarMovie->slug) }}" class="text-decoration-none">
|
||||
@if($similarMovie->poster_path)
|
||||
<img
|
||||
src="http://image.tmdb.org/t/p/w185/{{ $similarMovie->poster_path }}"
|
||||
alt="{{ $similarMovie->title }}"
|
||||
title="{{ $similarMovie->title }} @if($similarMovie->release_date) ({{ $similarMovie->release_date->format('Y') }}) @endif"
|
||||
class="img img-fluid"
|
||||
>
|
||||
<div class="movie-poster">
|
||||
<img
|
||||
src="http://image.tmdb.org/t/p/w185/{{ $similarMovie->poster_path }}"
|
||||
alt="{{ $similarMovie->title }}"
|
||||
title="{{ $similarMovie->title }} @if($similarMovie->release_date) ({{ $similarMovie->release_date->format('Y') }}) @endif"
|
||||
class="img-fluid rounded shadow-sm"
|
||||
>
|
||||
<div class="movie-title text-center mt-2">
|
||||
<small>{{ $similarMovie->title }}</small>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<span
|
||||
class="no-poster"
|
||||
title="{{ $similarMovie->title }} @if($similarMovie->release_date) ({{ $similarMovie->release_date->format('Y') }}) @endif"
|
||||
>
|
||||
{{ $similarMovie->title }} @if($similarMovie->release_date) ({{ $similarMovie->release_date->format('Y') }}) @endif
|
||||
</span>
|
||||
<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">
|
||||
{{ $similarMovie->title }} @if($similarMovie->release_date) ({{ $similarMovie->release_date->format('Y') }}) @endif
|
||||
</small>
|
||||
</div>
|
||||
@endif
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,25 @@
|
||||
<div>
|
||||
<!-- Backdrops -->
|
||||
<h5 class="mb-3">Backdrops</h5>
|
||||
<div class="row mb-4">
|
||||
@foreach($images->where('type', 'backdrops') as $image)
|
||||
<div class="col-md-4 mb-4">
|
||||
<a href="http://image.tmdb.org/t/p/original{{ $image->file_path }}" data-toggle="lightbox">
|
||||
<img src="http://image.tmdb.org/t/p/w500{{ $image->file_path }}" alt="Movie Backdrop" class="img-fluid rounded shadow-sm">
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<!-- Posters -->
|
||||
<h5 class="mb-3">Posters</h5>
|
||||
<div class="row">
|
||||
@foreach($images->where('type', 'posters') as $image)
|
||||
<div class="col-md-3 mb-4">
|
||||
<a href="http://image.tmdb.org/t/p/original{{ $image->file_path }}" data-toggle="lightbox">
|
||||
<img src="http://image.tmdb.org/t/p/w342{{ $image->file_path }}" alt="Movie Poster" class="img-fluid rounded shadow-sm">
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user