add-show-page #1
13 changed files with 267 additions and 38 deletions
|
@ -2,6 +2,7 @@
|
||||||
|
|
||||||
namespace App\Http\Controllers;
|
namespace App\Http\Controllers;
|
||||||
|
|
||||||
|
use App\Http\Requests\ShowRequest;
|
||||||
use DipeshSukhia\LaravelHtmlMinify\LaravelHtmlMinifyFacade;
|
use DipeshSukhia\LaravelHtmlMinify\LaravelHtmlMinifyFacade;
|
||||||
use Illuminate\Http\Request;
|
use Illuminate\Http\Request;
|
||||||
use App\Services\ApiClient;
|
use App\Services\ApiClient;
|
||||||
|
@ -23,14 +24,14 @@ class ShowController extends Controller
|
||||||
{
|
{
|
||||||
use CleanItems, TopContent;
|
use CleanItems, TopContent;
|
||||||
|
|
||||||
public function index(TmdbClient $tmdb, ApiClient $api, int $id, string $slug = null )
|
public function index(TmdbClient $tmdb, ApiClient $api, int $id, string $slug)
|
||||||
{
|
{
|
||||||
|
|
||||||
$airing = [];
|
$airing = [];
|
||||||
$call = function() use($tmdb, $id, &$season, &$airing){
|
$call = function() use($tmdb, $id, &$season, &$airing){
|
||||||
$id = self::decodeId($id);
|
$id = self::decodeId($id);
|
||||||
$show = $tmdb->getShow($id);
|
$data = $tmdb->getShow($id);
|
||||||
|
|
||||||
$data = $this->formatTmdbShow($show);
|
|
||||||
$airing = $this->formatTmdbResponse($tmdb->getAiringShows(1), false, [], 12)['data'];
|
$airing = $this->formatTmdbResponse($tmdb->getAiringShows(1), false, [], 12)['data'];
|
||||||
return $data;
|
return $data;
|
||||||
};
|
};
|
||||||
|
@ -55,7 +56,7 @@ public function index(TmdbClient $tmdb, ApiClient $api, int $id, string $slug =
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
public function season(TmdbClient $tmdb, ApiClient $api, int $id, int $season = null, string $slug = null )
|
public function season(TmdbClient $tmdb, ApiClient $api, int $id, string $slug = null, int $season = null )
|
||||||
{
|
{
|
||||||
$airing = [];
|
$airing = [];
|
||||||
$is_show_page = is_null($season);
|
$is_show_page = is_null($season);
|
||||||
|
|
29
app/Http/Requests/ShowRequest.php
Normal file
29
app/Http/Requests/ShowRequest.php
Normal file
|
@ -0,0 +1,29 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Requests;
|
||||||
|
|
||||||
|
use Illuminate\Foundation\Http\FormRequest;
|
||||||
|
|
||||||
|
class ShowRequest extends FormRequest
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Determine if the user is authorized to make this request.
|
||||||
|
*/
|
||||||
|
public function authorize(): bool
|
||||||
|
{
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the validation rules that apply to the request.
|
||||||
|
*
|
||||||
|
* @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
|
||||||
|
*/
|
||||||
|
public function rules(): array
|
||||||
|
{
|
||||||
|
return [
|
||||||
|
'id' => 'numeric|required',
|
||||||
|
'slug' => 'string|required',
|
||||||
|
];
|
||||||
|
}
|
||||||
|
}
|
|
@ -110,7 +110,7 @@ public static function getShowSchema(array $movie): array
|
||||||
return Schema::person()->name($actor['name'])->image($actor['image']);
|
return Schema::person()->name($actor['name'])->image($actor['image']);
|
||||||
})->values()->all();
|
})->values()->all();
|
||||||
$movieSchema->actor($actors);
|
$movieSchema->actor($actors);
|
||||||
$directors = collect($movie->crew)->filter(fn ($director) => Str::of($director['as'])->contains('producer', true))->map(function ($director) {
|
$directors = collect($movie->crew['producers'])->filter(fn ($director) => Str::of($director['as'])->contains('producer', true))->map(function ($director) {
|
||||||
return Schema::person()->name($director['name'])->image($director['image']);
|
return Schema::person()->name($director['name'])->image($director['image']);
|
||||||
})->values()->all();
|
})->values()->all();
|
||||||
$movieSchema->producer($directors);
|
$movieSchema->producer($directors);
|
||||||
|
|
|
@ -95,13 +95,15 @@ public function formatTmdbShow($data):array
|
||||||
$show['vote_count'] = $data['vote_count'];
|
$show['vote_count'] = $data['vote_count'];
|
||||||
$show['number_of_episodes'] = $data['number_of_episodes'];
|
$show['number_of_episodes'] = $data['number_of_episodes'];
|
||||||
$show['number_of_seasons'] = $data['number_of_seasons'];
|
$show['number_of_seasons'] = $data['number_of_seasons'];
|
||||||
$show['poster'] = $this->getImageUrl($data['poster_path'], 'w500', 230, 345);
|
$show['poster'] = $this->getImageUrl($data['poster_path'], 'w500', 300, 450);
|
||||||
$show['backdrop'] = $this->getImageUrl($data['backdrop_path'], 'w1280', 1280, 720);
|
$show['backdrop'] = $this->getImageUrl($data['backdrop_path'], 'w1280', 1280, 720);
|
||||||
|
$show['backdrop_path'] = $data['backdrop_path'];
|
||||||
$show['first_air_date'] = $this->formatReleaseDate($data['first_air_date']);
|
$show['first_air_date'] = $this->formatReleaseDate($data['first_air_date']);
|
||||||
|
$show['year'] = $this->formatDateYear($data['first_air_date']);
|
||||||
$show['genres'] = $this->formatGenres($data['genres']);
|
$show['genres'] = $this->formatGenres($data['genres']);
|
||||||
$show['cast'] = $this->getCast($data['credits']['cast'] ?? [], 8);
|
$show['cast'] = $this->getCast($data['credits']['cast'] ?? [], 8);
|
||||||
$show['creators'] = $this->getCreators($data['created_by'] ?? [], 8);
|
$show['crew']['creators'] = $this->getCreators($data['created_by'] ?? [], 8);
|
||||||
$show['crew'] = $this->getCrew($data['credits']['crew'] ?? [], 8);
|
$show['crew']['producers'] = $this->getCrew($data['credits']['crew'] ?? [], 8);
|
||||||
$show['runtime'] = isset($data['episode_run_time'][0]) ? CarbonInterval::make($data['episode_run_time'][0], 'minute')->cascade()->forHumans(['short' => true]) : false;
|
$show['runtime'] = isset($data['episode_run_time'][0]) ? CarbonInterval::make($data['episode_run_time'][0], 'minute')->cascade()->forHumans(['short' => true]) : false;
|
||||||
$show['duration'] = isset($data['episode_run_time'][0]) ? CarbonInterval::make($data['episode_run_time'][0], 'minute')->totalSeconds : false;
|
$show['duration'] = isset($data['episode_run_time'][0]) ? CarbonInterval::make($data['episode_run_time'][0], 'minute')->totalSeconds : false;
|
||||||
$show['countries'] = collect($data['production_countries'])->implode('name', ', ');
|
$show['countries'] = collect($data['production_countries'])->implode('name', ', ');
|
||||||
|
@ -112,8 +114,10 @@ public function formatTmdbShow($data):array
|
||||||
unset($season['poster_path']);
|
unset($season['poster_path']);
|
||||||
return $season;
|
return $season;
|
||||||
})->values()->all();
|
})->values()->all();
|
||||||
$show['similar'] = $this->formatTmdbResponse($data['recommendations'], false, [], 6)['data'] ?? [];
|
$show['similar'] = $this->formatTmdbResponse($data['recommendations'], false, [], 8)['data'] ?? [];
|
||||||
$show['keywords'] = $data['keywords']['results'] ?? [];
|
$show['keywords'] = $data['keywords']['results'] ?? [];
|
||||||
|
$show['languages'] = self::getSpokenLanguages($data['spoken_languages']);
|
||||||
|
$show['share'] = self::getShareLinks(route('movie', ['id' => $show['id'], 'slug' => $show['slug']]), $show['title'], Str::limit($show['overview'], 100), $show['poster']);
|
||||||
// dd($show);
|
// dd($show);
|
||||||
return $show;
|
return $show;
|
||||||
|
|
||||||
|
|
|
@ -66,6 +66,10 @@ public static function formatReleaseDate(?string $release_date): string
|
||||||
{
|
{
|
||||||
return Carbon::parse($release_date)->format('M d, Y');
|
return Carbon::parse($release_date)->format('M d, Y');
|
||||||
}
|
}
|
||||||
|
public static function formatDateYear(?string $release_date): string
|
||||||
|
{
|
||||||
|
return Carbon::parse($release_date)->format('Y');
|
||||||
|
}
|
||||||
|
|
||||||
public static function formatGenres(array $genres, $type = 'movie'): array
|
public static function formatGenres(array $genres, $type = 'movie'): array
|
||||||
{
|
{
|
||||||
|
|
File diff suppressed because one or more lines are too long
1
public/build/assets/app-CT5t3asE.css
Normal file
1
public/build/assets/app-CT5t3asE.css
Normal file
File diff suppressed because one or more lines are too long
|
@ -1,4 +1,4 @@
|
||||||
/*!
|
/*!
|
||||||
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
||||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
*/.fa,.fas,.far{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-database:before{content:""}.fa-expand:before{content:""}.fa-expand-alt:before{content:""}.fa-expand-arrows-alt:before{content:""}.fa-eye:before{content:""}.fa-paper-plane:before{content:""}.fa-play:before{content:""}.fa-play-circle:before{content:""}.fa-playstation:before{content:""}.fa-search:before{content:""}.fa-search-dollar:before{content:""}.fa-search-location:before{content:""}.fa-search-minus:before{content:""}.fa-search-plus:before{content:""}.fa-searchengin:before{content:""}.fa-star:before{content:""}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
|
*/.fa,.fas,.far{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-database:before{content:""}.fa-expand:before{content:""}.fa-expand-alt:before{content:""}.fa-expand-arrows-alt:before{content:""}.fa-eye:before{content:""}.fa-paper-plane:before{content:""}.fa-play:before{content:""}.fa-play-circle:before{content:""}.fa-playstation:before{content:""}.fa-search:before{content:""}.fa-search-dollar:before{content:""}.fa-search-location:before{content:""}.fa-search-minus:before{content:""}.fa-search-plus:before{content:""}.fa-searchengin:before{content:""}.fa-star:before{content:""}.fa-unlock:before{content:""}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -36,7 +36,7 @@
|
||||||
"isEntry": true
|
"isEntry": true
|
||||||
},
|
},
|
||||||
"resources/scss/app.scss": {
|
"resources/scss/app.scss": {
|
||||||
"file": "assets/app-CCYkocot.css",
|
"file": "assets/app-CT5t3asE.css",
|
||||||
"src": "resources/scss/app.scss",
|
"src": "resources/scss/app.scss",
|
||||||
"isEntry": true
|
"isEntry": true
|
||||||
},
|
},
|
||||||
|
|
|
@ -2087,7 +2087,8 @@ a:hover {
|
||||||
|
|
||||||
.movie-small__thumb img {
|
.movie-small__thumb img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 80px;
|
height: auto;
|
||||||
|
aspect-ratio: 2/3;
|
||||||
min-height: 80px;
|
min-height: 80px;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
-o-object-fit: cover;
|
-o-object-fit: cover;
|
||||||
|
@ -2118,7 +2119,7 @@ a:hover {
|
||||||
|
|
||||||
.movie-list-scroll .movie-small__thumb img {
|
.movie-list-scroll .movie-small__thumb img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 70px;
|
// height: 70px;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
-o-object-fit: cover;
|
-o-object-fit: cover;
|
||||||
object-position: center;
|
object-position: center;
|
||||||
|
|
|
@ -4,15 +4,213 @@
|
||||||
<script type="application/ld+json">{!!$value!!}</script>
|
<script type="application/ld+json">{!!$value!!}</script>
|
||||||
@endforeach
|
@endforeach
|
||||||
@endsection
|
@endsection
|
||||||
{{-- @section('head')
|
@section('head')
|
||||||
|
|
||||||
|
<link rel="preload" as="image" type="image/webp" href="{{img_url('w1280', $show['backdrop_path'], true, 360, 200 )}}" imagesrcset="{{img_url('w1280', $show['backdrop_path'], true, 360, 200 )}} 360w, {{img_url('w1280', $show['backdrop_path'], true, 1280, 720 )}} 1280w" imagesizes="70vw, 100vw" fetchpriority="high" />
|
||||||
<style>
|
<style>
|
||||||
{!! Vite::content('resources/scss/player.scss') !!}
|
{!! Vite::content('resources/scss/watch.scss') !!}
|
||||||
</style>
|
</style>
|
||||||
@endsection --}}
|
@endsection
|
||||||
|
|
||||||
{{-- @section('head') --}}
|
{{-- @section('head') --}}
|
||||||
{{-- {!! getMovieMarkupData($movie) !!} --}}
|
{{-- {!! getMovieMarkupData($show) !!} --}}
|
||||||
{{-- @endsection --}}
|
{{-- @endsection --}}
|
||||||
|
@section('app')
|
||||||
|
<section class="inner-hero bg_img dark--overlay lazy main-watch" data-id="{{ $show['id'] }}" data-type="show">
|
||||||
|
<figure>
|
||||||
|
<img @if(isset($show['backdrop']) && $show['backdrop'] !== '') {{-- src="{{img_url('w1280', $show['backdrop_path'], true, 360, 200 )}}" --}} data-srcset="{{img_url('w1280', $show['backdrop_path'], true, 360, 200 )}} 360w, {{img_url('w1280', $show['backdrop_path'], true, 1280, 720 )}} 1280w" class="lazy" @endif width="100%" height="720" alt="{{ str($show['title'])->apa() }} ({{ $show['year'] }})" src="data:image/svg+xml,%3Csvg width='1280' height='720' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1280' height='720' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" data-sizes="70vw, 100vw">
|
||||||
|
</figure>
|
||||||
|
<div class="container position-relative">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<h1 class="text-center">{{ str($show['title'])->apa() }}</h1>
|
||||||
|
@if($show['tagline'])
|
||||||
|
<p class="text-center fst-italic fs-5">"{{ $show['tagline'] }}"</p>
|
||||||
|
@endif
|
||||||
|
<ul class="page-breadcrumb d-flex justify-content-center">
|
||||||
|
<li><a href="{{route('home')}}" class="">Home</a></li>
|
||||||
|
<li><a href="{{route('shows')}}" class="">Series</a></li>
|
||||||
|
<li>{{$show['title']}}</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="pt-80 pb-80 position-relative">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="movie-content">
|
||||||
|
<div class="movie-content-inner d-sm-flex justify-content-between align-items-center flex-wrap">
|
||||||
|
<div class="movie-content-left">
|
||||||
|
<h2 class="title">Watch {{ str($show['title'])->apa() }}</h2>
|
||||||
|
|
||||||
|
<span class="sub-title">Type : <span class="cat"><a href="{{route('shows',['page' => null])}}">TV Show</a></span>
|
||||||
|
Seasons: {{ count($show['seasons']) }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="movie-content-right mt-sm-0 mt-3">
|
||||||
|
<div class="movie-widget-area align-items-center">
|
||||||
|
|
||||||
|
<span class="movie-widget">
|
||||||
|
<i class="lar la-star base--color"></i>
|
||||||
|
<span>{{$show['vote_average']}}</span>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="movie-widget">
|
||||||
|
<i class="lar la-eye color--danger"></i>
|
||||||
|
<span>{{$show['vote_count']}} views</span>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
|
||||||
|
<span class="movie-widget addWishlist " data-id="1207" data-type="item"><i class="las la-plus-circle"></i></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="title-share d-flex align-items-center justify-content-sm-end justify-content-start flex-wrap">
|
||||||
|
<li class="caption">Share : </li>
|
||||||
|
|
||||||
|
@if (isset($show['share']) && is_array($show['share']))
|
||||||
|
@foreach ($show['share'] as $share)
|
||||||
|
|
||||||
|
<li data-bs-toggle="tooltip" data-bs-placement="top" title="{{ $share['name'] }}">
|
||||||
|
<a href="{{ $share['url'] }}" target="_blank"><i class="lab {{ $share['icon'] }}"></i></a>
|
||||||
|
</li>
|
||||||
|
@endforeach
|
||||||
|
@endif
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="movie-details-content">
|
||||||
|
<div class="tab-content" id="myTabContent">
|
||||||
|
<div class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description-tab">
|
||||||
|
<div class="card mb-sm-3 col-12 order-sm-1 order-2 mt-3 p-0">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<h4 class="mb-3">Details</h4>
|
||||||
|
<p>{{ $show['overview'] }}</p>
|
||||||
|
<ul class="movie-details-list mt-3">
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<span class="caption">Genres: </span>
|
||||||
|
<span class="value">
|
||||||
|
@foreach($show['genres'] as $genre)
|
||||||
|
<span>{{ $genre['name'] }}</span>@if(!$loop->last), @endif
|
||||||
|
@endforeach
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="caption">Language: </span>
|
||||||
|
<span class="value">
|
||||||
|
@foreach($show['languages'] as $language)
|
||||||
|
{{ $language }}@if(!$loop->last), @endif
|
||||||
|
@endforeach
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 mt-lg-0 mt-4">
|
||||||
|
<h4 class="mb-3">Cast & Crew</h4>
|
||||||
|
<ul class="movie-details-list">
|
||||||
|
<li>
|
||||||
|
<span class="caption">Cast:</span>
|
||||||
|
<span class="value">
|
||||||
|
@foreach($show['cast'] as $actor)
|
||||||
|
{{ $actor['name'] }}@if(!$loop->last), @endif
|
||||||
|
@endforeach</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="caption">Creator:</span>
|
||||||
|
<span class="value">
|
||||||
|
@foreach($show['crew']['creators'] as $actor)
|
||||||
|
{{ $actor['name'] }}@if(!$loop->last), @endif
|
||||||
|
@endforeach
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
@unless (empty($show['crew']['producers']))
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<span class="caption">Producer:</span>
|
||||||
|
<span class="value">
|
||||||
|
@foreach($show['crew']['producers'] as $actor)
|
||||||
|
{{ $actor['name'] }}@if(!$loop->last), @endif
|
||||||
|
@endforeach</span>
|
||||||
|
</li>
|
||||||
|
@endunless
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card col-12 order-sm-2 order-1 p-0">
|
||||||
|
<div class="card-body p-0">
|
||||||
|
<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 420px;">
|
||||||
|
<ul class="movie-small-list movie-list-scroll" style="overflow: hidden; width: auto; height: 420px;">
|
||||||
|
@foreach ($show['seasons'] as $currentSeason)
|
||||||
|
|
||||||
|
<li class="movie-small d-flex align-items-center justify-content-between movie-item__overlay video-item flex-wrap" data-img="https://script.viserlab.com/playlab/demo/assets/images/item/episode//2022/07/06/62c53342b113e1657090882.jpg" data-text="Season">
|
||||||
|
|
||||||
|
<div class="caojtyektj d-flex align-items-center flex-wrap">
|
||||||
|
<div class="movie-small__thumb">
|
||||||
|
<img src="{{ $currentSeason['poster'] }}" alt="image">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="movie-small__content">
|
||||||
|
<h5>{{ $currentSeason['name'] }}</h5>
|
||||||
|
<a class="base--color" href="{{ route('show.season', ['id' => $show['id'], 'slug' => $show['slug'], 'season' => $currentSeason['season_number']]) }}">Play Now</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="movie-small__lock">
|
||||||
|
<span class="movie-small__lock-icon">
|
||||||
|
<i class="fas fa-unlock"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
<div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 1px; height: 110px;"></div><div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<section class="movie-section pb-80 position-relative">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xl-12">
|
||||||
|
<div class="section-header">
|
||||||
|
<h3 class="section-title">Similar Titles</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row justify-content-center mb-30-none">
|
||||||
|
@foreach ($show['similar'] as $item)
|
||||||
|
@include('components.title_card', ['data_text' => ucfirst($item['type'])])
|
||||||
|
@endforeach
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
@endsection
|
||||||
|
@section('footer')
|
||||||
|
@vite(['resources/js/watch.js'])
|
||||||
|
|
||||||
|
@endsection
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<nav aria-label="breadcrumb">
|
<nav aria-label="breadcrumb">
|
||||||
<ol class="breadcrumb mt-3">
|
<ol class="breadcrumb mt-3">
|
||||||
|
@ -65,15 +263,15 @@
|
||||||
{{ $actor['name'] }}@if(!$loop->last), @endif
|
{{ $actor['name'] }}@if(!$loop->last), @endif
|
||||||
@endforeach
|
@endforeach
|
||||||
</p>
|
</p>
|
||||||
<p class="mb-1"><span class="fw-bold">Creators:</span>
|
{{-- <p class="mb-1"><span class="fw-bold">Creators:</span>
|
||||||
@foreach($show['crew'] as $actor)
|
@foreach($show['crew'] as $actor)
|
||||||
{{ $actor['name'] }}@if(!$loop->last), @endif
|
{{ $actor['name'] }}@if(!$loop->last), @endif
|
||||||
@endforeach
|
@endforeach
|
||||||
</p>
|
</p> --}}
|
||||||
@isset($show['genres'])
|
@isset($show['genres'])
|
||||||
<p class="mb-1"><span class="fw-bold pe-2">Genres:</span>
|
<p class="mb-1"><span class="fw-bold pe-2">Genres:</span>
|
||||||
@foreach($show['genres'] as $genre)
|
@foreach($show['genres'] as $genre)
|
||||||
<a href="{{route('shows.genre', $genre['slug'])}}">{{ $genre['name'] }}</a>@if(!$loop->last), @endif
|
<span>{{ $genre['name'] }}</span>@if(!$loop->last), @endif
|
||||||
@endforeach
|
@endforeach
|
||||||
</p>
|
</p>
|
||||||
@endisset
|
@endisset
|
||||||
|
@ -151,16 +349,7 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{{-- <section
|
{{-- @include('components.modal', ['backdrop' => $backdrop, 'url_redirect_loading' => $url_redirect_loading, 'title' => $show->title, 'poster_path' => $show->poster_path]) --}}
|
||||||
class="container mx-auto mt-5 p-1 grid gap-1 md:gap-1.5 2xl:gap-2 mb-4 grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6"
|
|
||||||
>
|
|
||||||
<h3 class="col-span-full mb-2 text-xl font-semibold text-nav">Similar Movies</h3>
|
|
||||||
|
|
||||||
@foreach ( $similar->data as $item ) @include('components.movie_loop')
|
|
||||||
@endforeach
|
|
||||||
</section> --}}
|
|
||||||
|
|
||||||
{{-- @include('components.modal', ['backdrop' => $backdrop, 'url_redirect_loading' => $url_redirect_loading, 'title' => $movie->title, 'poster_path' => $movie->poster_path]) --}}
|
|
||||||
@endsection @section('footer')
|
@endsection @section('footer')
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -33,4 +33,5 @@
|
||||||
|
|
||||||
Route::get('/movie/{id}/{slug}', [MovieController::class, 'index'])->name('movie');
|
Route::get('/movie/{id}/{slug}', [MovieController::class, 'index'])->name('movie');
|
||||||
Route::get('/series/{id}/{slug}', [ShowController::class, 'index'])->name('show');
|
Route::get('/series/{id}/{slug}', [ShowController::class, 'index'])->name('show');
|
||||||
|
Route::get('/series/{id}/{slug}/season/{season}', [ShowController::class, 'season'])->name('show.season');
|
||||||
Route::get('/search', [HomeController::class, 'search'])->name('search');
|
Route::get('/search', [HomeController::class, 'search'])->name('search');
|
||||||
|
|
Loading…
Reference in a new issue