root/movies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

progress

Browse Source
This commit is contained in:
root
2025-02-10 01:58:12 +02:00
parent 25d99e7b72
commit 87bbfc33d3
242 changed files with 38662 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/celebrity/show.blade.php
+63 -3
View File
@@ -12,6 +12,13 @@
<div class="row">
<div class="col-md-2">
<img src="http://image.tmdb.org/t/p/w185/{{ $celebrity->profile_path }}" alt="">
<a href="https://www.themoviedb.org/person/{{ $celebrity->tmdb_id }}" target="_blank">TMDB</a>
@if($celebrity->homepage)
| <a href="{{ $celebrity->homepage }}" target="_blank">TMDB</a>
@endif
@if($celebrity->imdb_id)
| <a href="https://www.imdb.com/name/{{ $celebrity->imdb_id }}" target="_blank">IMDB</a>
@endif
</div>
<div class="col-md-10">
@if($celebrity->birtday)
@@ -32,9 +39,62 @@
@endforeach
</p>
@endif
popularity / <br>
tmdb/imdb/homepage <br>
movies
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="movies-tab" data-bs-toggle="tab" data-bs-target="#movies-tab-pane" type="button" role="tab" aria-controls="movies-tab-pane" aria-selected="true">Movies</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="shows-tab" data-bs-toggle="tab" data-bs-target="#shows-tab-pane" type="button" role="tab" aria-controls="shows-tab-pane" aria-selected="false">Shows</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="movies-tab-pane" role="tabpanel" aria-labelledby="movies-tab" tabindex="0">
<div class="row">
@foreach($moviesByDepartments as $department => $movies)
<div class="celebrity-department">
<h3>{{ $department }}</h3>
</div>
@foreach($movies as $movie)
<div class="col-md-2">
<div class="celebrity-movie-small">
<a href="{{ route('movie.show', $movie->slug) }}">
<img
src="http://image.tmdb.org/t/p/w185/{{ $movie->poster_path }}"
alt="{{ $movie->title }}"
title="{{ $movie->title }}"
class="img img-fluid"
>
</a>
</div>
</div>
@endforeach
@endforeach
</div>
</div>
<div class="tab-pane fade" id="shows-tab-pane" role="tabpanel" aria-labelledby="shows-tab" tabindex="0">
<div class="row">
@foreach($showsByDepartment as $department => $shows)
<div class="celebrity-department">
<h3>{{ $department }}</h3>
</div>
@foreach($shows as $show)
<div class="col-md-2">
<div class="celebrity-movie-small">
<a href="{{ route('show.show', $show->slug) }}">
<img
src="http://image.tmdb.org/t/p/w185/{{ $show->poster_path }}"
alt="{{ $show->name }}"
title="{{ $show->name }}"
class="img img-fluid"
>
</a>
</div>
</div>
@endforeach
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
resources/views/forum/index.blade.php
+1 -1
View File
@@ -35,7 +35,7 @@
i
</div>
<div class="col-md-8">
<a href="">{{ $thread->name }}</a>
<a href="{{ route('forums.thread.index', [$category->slug, $thread->slug]) }}">{{ $thread->name }}</a>
</div>
<div class="col-md-3">
last
resources/views/forum/thread.blade.php
+56
View File
@@ -0,0 +1,56 @@
@extends('layouts.app')
@section('content')
<div class="container-fluid threads-page">
<div class="row justify-content-center">
<div class="col-md-10 forums">
<div class="thread-info">
<div class="row">
<div class="col-md-10">
<h1>{{ $thread->name }}</h1>
</div>
<div class="col-md-2">
<a href="" class="btn btn-primary">
New topic
</a>
</div>
</div>
<div class="row">
<div class="col-md-12">
{{ $thread->description }}
</div>
</div>
</div>
<div class="topics-list">
@if($topics->count())
topics
@else
<div class="no-topics">
There are no topics at the moment! Go ahead, <a href="{{ route('forums.thread.topics.create', [$category->slug, $thread->slug]) }}">post</a> the first one!
</div>
@endif
</div>
</div>
<div class="col-md-2">
<div class="card">
<div class="user-actions">
<ul>
<li>
<a href=""><span class="iconify" data-icon="mdi-eye-check-outline"></span> Mark as seen</a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-thumb-up-outline"></span> Like</a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-playlist-check"></span> add to list</a>
</li>
</ul>
<hr>
rate
<hr>
</div>
</div>
</div>
</div>
</div>
@endsection
resources/views/forum/topics/create.blade.php
+37
View File
@@ -0,0 +1,37 @@
@extends('layouts.app')
@section('content')
<div class="container-fluid threads-page">
<div class="row justify-content-center">
<div class="col-md-10 forums">
<form action="">
@csrf
<div class="form-group">
<label for="">Name</label>
<input type="text" class="form-control" name="name">
</div>
</form>
</div>
<div class="col-md-2">
<div class="card">
<div class="user-actions">
<ul>
<li>
<a href=""><span class="iconify" data-icon="mdi-eye-check-outline"></span> Mark as seen</a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-thumb-up-outline"></span> Like</a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-playlist-check"></span> add to list</a>
</li>
</ul>
<hr>
rate
<hr>
</div>
</div>
</div>
</div>
</div>
@endsection
resources/views/layouts/app.blade.php
+5
View File
@@ -17,11 +17,16 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.helper.ie8.js"></script><![endif]-->
<!-- Scripts -->
@vite(['resources/sass/app.scss', 'resources/js/app.js'])
@livewireStyles
</head>
<body class="light-mode">
<div class="theme-switcher d-none">
1 | 2 | 3 | 4
</div>
<div id="app">
@include('layouts.header')
resources/views/layouts/header.blade.php
+1 -1
View File
@@ -9,7 +9,7 @@
<ul class="nav nav-pills">
<li class="nav-item"><a href="/" class="nav-link">Home</a></li>
<li class="nav-item"><a href="{{ route('movie.index') }}" class="nav-link">Movies</a></li>
<li class="nav-item"><a href="#" class="nav-link">Tv Shows</a></li>
<li class="nav-item"><a href="{{ route('show.index') }}" class="nav-link">Tv Shows</a></li>
<li class="nav-item"><a href="{{ route('celebrity.index') }}" class="nav-link">Celebrities</a></li>
<li class="nav-item"><a href="{{ route('forums.index') }}" class="nav-link">Forums</a></li>
<li class="nav-item"><a href="#" class="nav-link">Contact</a></li>
resources/views/layouts/rating.blade.php
+25 -3
View File
@@ -6,14 +6,36 @@
<img src="{{ asset('/img/star_rating.png') }}" alt="">
</div>
<div class="col-md-7">
{{ $movie->vote_average }} <br>
<small>{{ $movie->vote_count }} votes</small>
@if(isset($movie))
{{ $movie->vote_average }} <br>
<small>{{ $movie->vote_count }} votes</small>
@else
{{ $show->vote_average }} <br>
<small>{{ $show->vote_count }} votes</small>
@endif
</div>
</div>
</div>
<div class="col-md-12">
<div class="text-center">
<div class="my-rating" data-id="{{ $movie->id }}" data-type="movie" {{ auth()->check() ? ($movie->ratingBy(auth()->user()) ? 'data-rating='.$movie->ratingBy(auth()->user()) : '') : '' }}></div>
<div
class="my-rating"
@if(isset($movie))
data-id="{{ $movie->id }}"
@else
data-id="{{ $show->id }}"
@endif
data-type="movie"
@if(auth()->check())
@if(isset($movie))
{{ $movie->ratingBy(auth()->user()) ? 'data-rating='.$movie->ratingBy(auth()->user()) : '' }}
@else
{{ $show->ratingBy(auth()->user()) ? 'data-rating='.$show->ratingBy(auth()->user()) : '' }}
@endif
@endif
>
</div>
</div>
</div>
</div>
resources/views/layouts/user_actions.blade.php
+23
View File
@@ -0,0 +1,23 @@
<div class="user-actions">
@if(isset($movie))
<a href="" class="mark-as-seen-btn {{ auth()->check() ? ($movie->wasListedBy('watched', auth()->user()) ? 'seen' : '') : '' }}" data-id="{{ $movie->id }}" data-type="movie" data-list="watched">
<span class="iconify" data-icon="mdi-eye-check-outline"></span> Mark as seen
</a>
<a href="" class="like-btn {{ auth()->check() ? ($movie->wasListedBy('liked', auth()->user()) ? 'liked' : '') : '' }}" data-id="{{ $movie->id }}" data-type="movie" data-list="liked">
<span class="iconify" data-icon="mdi-thumb-up-outline"></span> Like
</a>
@else
<a href="" class="mark-as-seen-btn {{ auth()->check() ? ($show->wasListedBy('watched', auth()->user()) ? 'seen' : '') : '' }}" data-id="{{ $show->id }}" data-type="movie" data-list="watched">
<span class="iconify" data-icon="mdi-eye-check-outline"></span> Mark as seen
</a>
<a href="" class="like-btn {{ auth()->check() ? ($show->wasListedBy('liked', auth()->user()) ? 'liked' : '') : '' }}" data-id="{{ $show->id }}" data-type="movie" data-list="liked">
<span class="iconify" data-icon="mdi-thumb-up-outline"></span> Like
</a>
@endif
<a href="" class="add-to-list-btn">
<span class="iconify" data-icon="mdi-playlist-check"></span> add to list
<span class="arrow float-end">&darr;</span>
</a>
<hr>
@include('layouts.rating')
</div>
resources/views/livewire/show-page/recommended.blade.php
+32
View File
@@ -0,0 +1,32 @@
<div>
<div class="row recommended-show-slider">
@foreach($recommendedShows as $recommendedShows)
<div class="col-md-2">
<div class="movie-card">
<a href="{{ route('show.show', $recommendedShows->slug) }}" title="{{ $recommendedShows->name }}">
<img
src="http://image.tmdb.org/t/p/w154/{{ $recommendedShows->poster_path }}"
alt="{{ $recommendedShows->title }}"
title="{{ $recommendedShows->title }} ({{ $recommendedShows->first_air_date->format('Y') }})"
class="img img-fluid"
>
</a>
<ul>
<li>
{{-- <span class="iconify" data-icon="mdi-check-bold"></span>--}}
<a href=""><span class="iconify" data-icon="mdi-check-outline"></span></a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-image-multiple"></span></a>
</li>
<li>
<a href="">
{{ $recommendedShows->vote_average }} <span class="iconify" data-icon="mdi-star"></span>
</a>
</li>
</ul>
</div>
</div>
@endforeach
</div>
</div>
resources/views/livewire/show-page/similar.blade.php
+32
View File
@@ -0,0 +1,32 @@
<div>
<div class="row owl-carousel owl-theme similar-show-slider">
@foreach($similarShows as $similarShow)
<div >
<div class="movie-card">
<a href="{{ route('show.show', $similarShow->slug) }}" title="{{ $similarShow->name }}">
<img
src="http://image.tmdb.org/t/p/w154/{{ $similarShow->poster_path }}"
alt="{{ $similarShow->title }}"
title="{{ $similarShow->title }} ({{ $similarShow->first_air_date->format('Y') }})"
class="img img-fluid"
>
</a>
<ul class="list-inline">
<li>
{{-- <span class="iconify" data-icon="mdi-check-bold"></span>--}}
<a href=""><span class="iconify" data-icon="mdi-check-outline"></span></a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-image-multiple"></span></a>
</li>
<li>
<a href="">
{{ $similarShow->vote_average }} <span class="iconify" data-icon="mdi-star"></span>
</a>
</li>
</ul>
</div>
</div>
@endforeach
</div>
</div>
resources/views/livewire/show-page/tabs/cast.blade.php
+31
View File
@@ -0,0 +1,31 @@
<div>
<div class="cast-list">
@foreach($peopleByDepartment as $department => $personInfo)
<div class="department">
{{ $department }}
<hr>
<div class="persons">
<div class="row">
@foreach($personInfo as [$person, $character])
<div class="col-md-3">
<div class="person">
@if($person->profile_path == null)
@if($person->gender == 2)
<img src="/img/no_avatar_male.png" alt="" class="img img-fluid float-start">
@else
<img src="/img/no_avatar_female.png" alt="" class="img img-fluid float-start">
@endif
@else
<img src="http://image.tmdb.org/t/p/w185/{{ $person->profile_path }}" alt="" class="img img-fluid float-start">
@endif
<a href="{{ route('celebrity.show', $person->slug) }}">{{ $person->name }}</a> <br>
{{ $character }}
</div>
</div>
@endforeach
</div>
</div>
</div>
@endforeach
</div>
</div>
resources/views/livewire/show-page/tabs/crew.blade.php
+31
View File
@@ -0,0 +1,31 @@
<div>
<div class="cast-list">
@foreach($peopleByDepartment as $department => $personInfo)
<div class="department">
{{ $department }}
<hr>
<div class="persons">
<div class="row">
@foreach($personInfo as [$person, $character])
<div class="col-md-3">
<div class="person">
@if($person->profile_path == null)
@if($person->gender == 2)
<img src="/img/no_avatar_male.png" alt="" class="img img-fluid float-start">
@else
<img src="/img/no_avatar_female.png" alt="" class="img img-fluid float-start">
@endif
@else
<img src="http://image.tmdb.org/t/p/w185/{{ $person->profile_path }}" alt="" class="img img-fluid float-start">
@endif
<a href="">{{ $person->name }}</a> <br>
{{ $character }}
</div>
</div>
@endforeach
</div>
</div>
</div>
@endforeach
</div>
</div>
resources/views/livewire/show-page/tabs/details.blade.php
+55
View File
@@ -0,0 +1,55 @@
<div>
<div class="info">
<strong>Episode run time</strong>:
@if($show->episode_run_time)
{{ $show->episode_run_time }} minutes
@else
N/A
@endif
</div>
<div class="info">
<strong>First air date</strong>: {{ $show->first_air_date->format('jS \o\f F, Y') }}
</div>
@if($show->last_air_date)
<div class="info">
<strong>Last air date</strong>: {{ $show->last_air_date->format('jS \o\f F, Y') }}
</div>
@endif
@if($show->genres)
<div class="info">
<strong>Genres</strong>:
@foreach($show->genres as $genre)
<a href="">{{ $genre->name }}</a>
@endforeach
</div>
@endif
@if($show->networks)
<div class="info">
<strong>Networks</strong>:
@foreach($show->networks as $network)
<a href="">{{ $network->name }}</a>
@endforeach
</div>
@endif
<div class="info">
<strong>Seasons</strong>: {{ $show->number_of_seasons }} /
<strong>Episodes</strong>: {{ $show->number_of_episodes }}
</div>
<div class="info">
<strong>Status</strong>: {{ $show->status }}
</div>
<div class="info">
<strong>Languages</strong>:
@foreach((is_array($show->languages) ? $show->languages : json_decode($show->languages)) as $language)
{{ $language }}@if(!$loop->last), @endif
@endforeach
</div>
@if($show->productionCompanies)
<div class="info">
<strong>Production companies</strong>:
@foreach($show->productionCompanies as $productionCompany)
{{ $productionCompany->name }}
@endforeach
</div>
@endif
</div>
resources/views/livewire/show-page/tabs/releases.blade.php
+3
View File
@@ -0,0 +1,3 @@
<div>
{{-- The whole world belongs to you. --}}
</div>
resources/views/movie/index.blade.php
+1 -1
View File
@@ -15,7 +15,7 @@
<img
src="http://image.tmdb.org/t/p/w185/{{ $movie->poster_path }}"
alt="{{ $movie->title }}"
title="{{ $movie->title }} @if($movie->release_date) ({{ $movie->release_date->format('Y') }})" @endif
title="{{ $movie->title }} @if($movie->release_date) ({{ $movie->release_date->format('Y') }}) @endif"
class="img img-fluid"
>
</a>
resources/views/movie/show.blade.php
+2 -2
View File
@@ -6,7 +6,7 @@
<div class="col-md-10">
<div class="card">
<div class="card-header">
<h1 class="movie-title">{{ $movie->title }}</h1> (<a href="">{{ $movie->release_date->format('Y') }}</a>)
<h1 class="movie-title">{{ $movie->title }}</h1> @if($movie->release_date)(<a href="">{{ $movie->release_date->format('Y') }}</a>)@endif
</div>
<div class="card-body">
<div class="row">
@@ -14,7 +14,7 @@
<img
src="http://image.tmdb.org/t/p/w185/{{ $movie->poster_path }}"
alt="{{ $movie->title }}"
title="{{ $movie->title }} ({{ $movie->release_date->format('Y') }})"
title="{{ $movie->title }} @if($movie->release_date)({{ $movie->release_date->format('Y') }})@endif"
class="img img-fluid"
>
resources/views/profile/show.blade.php
+60 -2
View File
@@ -1,10 +1,68 @@
@extends('profile.profile')
@section('page_content')
<br>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
profile page
<div class="col-md-4">
<div class="card">
<div class="card-header">Last watched</div>
<div class="card-body"></div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header">Stats</div>
<div class="card-body">
Last 30 Days/Watched <br>
Shows — 4d 20h 24m (147 eps) <br>
Movies — 0m<br>
<br>
All Time/Watched<br>
Shows — 297d 17h 23m (12,095 eps)<br>
Movies — 44d 15h 23m (568 movies)
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header">Featured list</div>
<div class="card-body"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">Favourite</div>
<div class="card-body"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
recently watched episodes
</div>
</div>
<div class="row">
<div class="col-md-12">
recently watched movies
</div>
</div>
<div class="row">
<div class="col-md-12">
most watched genres
</div>
</div>
<div class="row">
<div class="col-md-12">
ratings graph
</div>
</div>
<div class="row">
<div class="col-md-12">
comments
</div>
</div>
</div>
resources/views/show/index.blade.php
+67
View File
@@ -0,0 +1,67 @@
@extends('layouts.app')
@section('content')
<div class="container-fluid celebrity-page">
<div class="row justify-content-center">
<div class="col-md-10">
<div class="card">
<div class="card-header">
Shows
</div>
<div class="card-body">
<div class="row">
@foreach($shows as $show)
<div class="col-md-2">
<div class="movie-card">
<a href="{{ route('show.show', $show->slug) }}" title="{{ $show->name }}">
<img
src="http://image.tmdb.org/t/p/w185/{{ $show->poster_path }}"
alt="{{ $show->name }}"
title="{{ $show->name }} @if($show->release_date) ({{ $show->release_date->format('Y') }}) @endif"
class="img img-fluid"
>
</a>
<ul class="quick-actions">
<li>
<a href=""><span class="iconify" data-icon="mdi-check-outline"></span></a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-image-multiple"></span></a>
</li>
<li>
<a href="">
{{ $show->vote_average }} <span class="iconify" data-icon="mdi-star"></span>
</a>
</li>
</ul>
</div>
</div>
@endforeach
</div>
</div>
</div>
{{ $shows->links() }}
</div>
<div class="col-md-2">
<div class="card">
<div class="user-actions">
<ul>
<li>
<a href=""><span class="iconify" data-icon="mdi-eye-check-outline"></span> Mark as seen</a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-thumb-up-outline"></span> Like</a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-playlist-check"></span> add to list</a>
</li>
</ul>
<hr>
rate
<hr>
</div>
</div>
</div>
</div>
</div>
@endsection
resources/views/show/show.blade.php
+168
View File
@@ -0,0 +1,168 @@
@extends('layouts.app')
@section('content')
<div class="container-fluid movie-page">
<div class="row justify-content-center">
<div class="col-md-10">
<div class="card">
<div class="card-header">
<h1 class="movie-title">{{ $show->name }}</h1> (<a href="">{{ $show->first_air_date->format('Y') }}</a>)
</div>
<div class="card-body">
<div class="row">
<div class="col-md-2">
<a href="http://image.tmdb.org/t/p/w780/{{ $show->poster_path }}" data-toggle="lightbox">
<img
src="http://image.tmdb.org/t/p/w185/{{ $show->poster_path }}"
alt="{{ $show->name }}"
title="{{ $show->name }} ({{ $show->first_air_date->format('Y') }})"
class="img img-fluid"
>
</a>
<div class="watch-provider">
@foreach($show->watchProviders as $watchProvider)
<img src="http://image.tmdb.org/t/p/w45/{{ $watchProvider->logo_path }}" alt="{{ $watchProvider->provider_name }}" title="{{ $watchProvider->provider_name }}">
@endforeach
</div>
view trailer
<div class="external-ids">
@if($show->externalIds && $show->externalIds->tmdb_id)
<a href="https://www.themoviedb.org/tv/{{ $show->externalIds->tmdb_id }}" target="_blank">
<img src="{{ asset('/img/tmdb.webp') }}" alt="" width="45">
</a>
@endif
@if($show->externalIds && $show->externalIds->imdb_id)
<a href="https://www.imdb.com/title/{{ $show->externalIds->imdb_id }}" target="_blank">
<img src="{{ asset('/img/imdb.png') }}" alt="" width="45">
</a>
@endif
@if($show->externalIds && $show->externalIds->wikidata_id)
<a href="https://www.wikidata.org/wiki/{{ $show->externalIds->wikidata_id }}" target="_blank">
<img src="{{ asset('/img/wikidata.png') }}" alt="" width="45">
</a>
@endif
@if($show->externalIds && $show->externalIds->tvdb_id)
<a href="https://thetvdb.com/dereferrer/series/{{ $show->externalIds->tvdb_id }}" target="_blank">
<img src="{{ asset('/img/tvdb.png') }}" alt="" width="45">
</a>
@endif
</div>
@if($show->homepage)
<div>
<a href="{{ $show->homepage }}" target="_blank">Homepage</a>
</div>
@endif
</div>
<div class="col-md-10">
<span>
Directed by
</span>
<span>
<div class="tagline">{{ $show->tagline }}</div>
<div class="overview">{{ $show->overview }}</div>
</span>
<span>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="details-tab" data-bs-toggle="tab" data-bs-target="#details-tab-pane" type="button" role="tab" aria-controls="details-tab-pane" aria-selected="true">Details</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="cast-tab" data-bs-toggle="tab" data-bs-target="#cast-tab-pane" type="button" role="tab" aria-controls="cast-tab-pane" aria-selected="false">Cast</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="crew-tab" data-bs-toggle="tab" data-bs-target="#crew-tab-pane" type="button" role="tab" aria-controls="crew-tab-pane" aria-selected="false">Crew</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="releases-tab" data-bs-toggle="tab" data-bs-target="#releases-tab-pane" type="button" role="tab" aria-controls="releases-tab-pane" aria-selected="false">Releases</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="details-tab-pane" role="tabpanel" aria-labelledby="details-tab" tabindex="0">
@livewire(App\Livewire\ShowPage\Tabs\Details::class, ['show' => $show])
</div>
<div class="tab-pane fade" id="cast-tab-pane" role="tabpanel" aria-labelledby="cast-tab" tabindex="0">
@livewire(App\Livewire\ShowPage\Tabs\Cast::class, ['show' => $show])
</div>
<div class="tab-pane fade" id="crew-tab-pane" role="tabpanel" aria-labelledby="crew-tab" tabindex="0">
@livewire(App\Livewire\ShowPage\Tabs\Crew::class, ['show' => $show])
</div>
<div class="tab-pane fade" id="releases-tab-pane" role="tabpanel" aria-labelledby="releases-tab" tabindex="0">
@livewire(App\Livewire\ShowPage\Tabs\Releases::class, ['show' => $show])
</div>
</div>
</span>
</div>
</div>
@if($show->images)
<div class="row">
<div class="col-md-12">
<div class="owl-carousel owl-theme show-slider">
@foreach($show->backdrops as $image)
<div class="item">
<a href="http://image.tmdb.org/t/p/w1280/{{ $image->file_path }}" data-toggle="lightbox" data-gallery="{{ $show->slug }}_gallery">
<img src="http://image.tmdb.org/t/p/w154/{{ $image->file_path }}" alt="">
</a>
</div>
@endforeach
</div>
</div>
</div>
@endif
</div>
</div>
<div class="card">
<div class="card-header">
Similar
<div class="float-end">
<div class="slider-controls">
</div>
</div>
</div>
<div class="card-body similar-show">
@livewire(App\Livewire\ShowPage\Similar::class, ['show' => $show])
</div>
</div>
<div class="card">
<div class="card-header">Recommended</div>
<div class="card-body">
@livewire(App\Livewire\ShowPage\Recommended::class, ['show' => $show])
</div>
</div>
<div class="card">
<div class="card-header">Write review</div>
<div class="card-body"></div>
</div>
@foreach($comments as $comment)
<div class="card">
<div class="card-header">
@if($comment->author_avatar)
<img src="http://image.tmdb.org/t/p/w45/{{ $comment->author_avatar }}" alt="" width="25">
@endif
{{ $comment->author_name }}
<span class="rating">
{{ $comment->author_rating }}
</span>
<span class="text-muted float-end">
<small>
{{ $comment->published_at }}
</small>
</span>
</div>
<div class="card-body">
{!! $comment->content !!}
</div>
</div>
@endforeach
</div>
<div class="col-md-2">
<div class="card">
@include('layouts.user_actions')
</div>
</div>
</div>
</div>
@endsection