107 lines
6.3 KiB
PHP
107 lines
6.3 KiB
PHP
|
@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">{{ $movie->title }}</h1> (<a href="">{{ $movie->release_date->format('Y') }}</a>)
|
||
|
|
</div>
|
||
|
|
<div class="card-body">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-2">
|
||
|
|
<img
|
||
|
|
src="http://image.tmdb.org/t/p/w185/{{ $movie->poster_path }}"
|
||
|
|
alt="{{ $movie->title }}"
|
||
|
|
title="{{ $movie->title }} ({{ $movie->release_date->format('Y') }})"
|
||
|
|
class="img img-fluid"
|
||
|
|
>
|
||
|
|
|
||
|
|
<div class="watch-provider">
|
||
|
|
@foreach($movie->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 /
|
||
|
|
external ids
|
||
|
|
</div>
|
||
|
|
<div class="col-md-10">
|
||
|
|
<span>
|
||
|
|
Directed by
|
||
|
|
@foreach($movie->director as $director)
|
||
|
|
<a href="">{{ $director->name }}</a>@if(!$loop->last), @endif
|
||
|
|
@endforeach
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<div class="tagline">{{ $movie->tagline }}</div>
|
||
|
|
<div class="overview">{{ $movie->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="contact-tab" data-bs-toggle="tab" data-bs-target="#contact-tab-pane" type="button" role="tab" aria-controls="contact-tab-pane" aria-selected="false">Crew</button>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item" role="presentation">
|
||
|
|
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact-tab-pane" type="button" role="tab" aria-controls="contact-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\MoviePage\Tabs\Details::class, ['movie' => $movie])
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="cast-tab-pane" role="tabpanel" aria-labelledby="cast-tab" tabindex="0">
|
||
|
|
@livewire(App\Livewire\MoviePage\Tabs\Cast::class, ['movie' => $movie])
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="contact-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0">...</div>
|
||
|
|
<div class="tab-pane fade" id="disabled-tab-pane" role="tabpanel" aria-labelledby="disabled-tab" tabindex="0">...</div>
|
||
|
|
</div>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-header">Similar</div>
|
||
|
|
<div class="card-body"></div>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-header">Recommended</div>
|
||
|
|
<div class="card-body"></div>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-header">Write review</div>
|
||
|
|
<div class="card-body"></div>
|
||
|
|
</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
|