dark mdoe fixes
This commit is contained in:
@@ -155,21 +155,43 @@
|
||||
<div class="card-header bg-white">
|
||||
<h5 class="mb-0">Seasons</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
@foreach($seasons as $season)
|
||||
<div class="col-md-2 mb-3">
|
||||
<a href="{{ route('show.season', ['slug' => $show->slug, 'seasonNumber' => $season->season_number]) }}" class="text-decoration-none">
|
||||
<div class="card h-100 border-0 shadow-sm">
|
||||
<img src="http://image.tmdb.org/t/p/w342/{{ $season->poster_path }}" alt="{{ $season->name }}" class="card-img-top">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">{{ $season->name }}</h6>
|
||||
<p class="card-text"><small class="text-muted">{{ $season->episode_count }} episodes</small></p>
|
||||
</div>
|
||||
<div class="card-body position-relative">
|
||||
<div id="seasonsCarousel" class="carousel slide" data-bs-ride="false">
|
||||
<div class="carousel-inner">
|
||||
@php
|
||||
$chunkedSeasons = $seasons->chunk(6);
|
||||
@endphp
|
||||
@foreach($chunkedSeasons as $index => $seasonChunk)
|
||||
<div class="carousel-item {{ $index === 0 ? 'active' : '' }}">
|
||||
<div class="row">
|
||||
@foreach($seasonChunk as $season)
|
||||
<div class="col-md-2 mb-3">
|
||||
<a href="{{ route('show.season', ['slug' => $show->slug, 'seasonNumber' => $season->season_number]) }}" class="text-decoration-none">
|
||||
<div class="card h-100 border-0 shadow-sm">
|
||||
<img src="http://image.tmdb.org/t/p/w342/{{ $season->poster_path }}" alt="{{ $season->name }}" class="card-img-top">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">{{ $season->name }}</h6>
|
||||
<p class="card-text"><small class="text-muted">{{ $season->episode_count }} episodes</small></p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
@if($chunkedSeasons->count() > 1)
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#seasonsCarousel" data-bs-slide="prev" style="width: 5%; left: -2.5%;">
|
||||
<span class="carousel-control-prev-icon bg-dark rounded-circle p-3" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#seasonsCarousel" data-bs-slide="next" style="width: 5%; right: -2.5%;">
|
||||
<span class="carousel-control-next-icon bg-dark rounded-circle p-3" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user