@extends('layouts.layout')
 @section('schema')
 @foreach($meta['schema'] as $value)
 <script type="application/ld+json">{!!$value!!}</script>
 @endforeach
 @endsection
{{-- @section('head')
<style>
    {!! Vite::content('resources/scss/player.scss') !!}
</style>
@endsection --}}

{{-- @section('head') --}}
{{-- {!! getMovieMarkupData($movie) !!} --}}
{{-- @endsection --}}
@section('content')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb mt-3">
        <li class="breadcrumb-item">
            <a href="{{route('home')}}">Home</a>
        </li>
        <li class="breadcrumb-item">
            <a href="{{route('shows')}}">TV Series</a>
        </li>
        @if($season)
        <li class="breadcrumb-item">
            <a href="{{route('show', ['slug' => $show['slug'], 'id' => $show['id']])}}">{{$show['title']}}</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">
            <a href="{{route('show.season', ['slug' => $show['slug'], 'id' => $show['id'], 'season' => $season['season_number']])}}">{{$season['name']}}</a>
        </li>
        @else
        <li class="breadcrumb-item active" aria-current="page">
            <a href="{{route('movie', ['slug' => $show['slug'], 'id' => $show['id']])}}">{{$show['title']}}</a>
        </li>
        @endif
    </ol>
</nav>
<div class="card my-2 border-0 shadow">
    <div class="card-header bg-primary">
        <h1 class="fs-5 fw-bold text-white text-center mb-0">{{$show['title']}}@if($season) - {{$season['label']}}@endif</h1>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-12 col-lg-4 text-center">
                <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzAgMzQ1Ij48cGF0aCBmaWxsPSIjMzczNDM1IiBkPSJNMCAwaDIzMHYzNDVIMFYwWiIvPjwvc3ZnPg==" data-src="{{ $season['poster'] ?? $show['poster'] }}" alt="{{ $show['title'] ?? ''}}" width="220" height="330" class="lazy img-fluid rounded"/>
            </div>
            <div class="col-12 col-lg-8">
                <div class="row">
                    <p class="text mt-2">{{ $season['overview'] ?? $show['overview']}}</p>
                    <p class="mb-1"><span class="fw-bold">Aired:</span>
                        <span class="ml-2"> {{ $season['air_date'] ?? $show['first_air_date']}}</span>
                    </p>

                    <p class="mb-1"><span class="fw-bold">Rating:</span>
                        <span class="ml-2"> {{$season['vote_average'] ?? $show['vote_average']}}</span>
                    </p>
                    @if($show['runtime'] )
                    <p class="mb-1"><span class="fw-bold">Duration:</span>
                        <span class="ml-2"> {{$show['runtime']}}</span>
                    </p>
                    @endif
                    <p class="mb-1"><span class="fw-bold">Actors:</span>
                        @foreach($show['cast'] as $actor)
                        {{ $actor['name'] }}@if(!$loop->last), @endif
                        @endforeach
                    </p>
                    <p class="mb-1"><span class="fw-bold">Creators:</span>
                        @foreach($show['crew'] as $actor)
                        {{ $actor['name'] }}@if(!$loop->last), @endif
                        @endforeach
                    </p>
                    @isset($show['genres'])
                    <p class="mb-1"><span class="fw-bold pe-2">Genres:</span>
                        @foreach($show['genres'] as $genre)
                        <a href="{{route('shows.genre', $genre['slug'])}}">{{ $genre['name'] }}</a>@if(!$loop->last), @endif
                        @endforeach
                    </p>
                    @endisset
                    @isset($show['keywords'])
                    <p class="mb-1"><span class="fw-bold">Tags:</span>

                        @foreach($show['keywords'] as $keyword)
                        {{ $keyword['name'] }}@if(!$loop->last), @endif
                        @endforeach
                    </p>
                    @endisset
                </div>
            </div>
        </div>
    </div>

</div>
<div class="card my-5 border-0 shadow">
    <div class="card-header bg-primary">
        <h3 class="fs-5 fw-bold text-white text-center mb-0">Seasons ({{ count($show['seasons']) }})</h3>
    </div>
    <div class="card-body">
        <div class="flex d-inline-flex gap-2 flex-wrap">

            @foreach($show['seasons'] as $season_item)
            <a href="{{ route('show.season', ['id' => $show['id'], 'slug' => $show['slug'], 'season' => $season_item['season_number']]) }}" class="@if($season && $season_item['season_number'] === $season['season_number']) active @endif btn btn-primary">{{$loop->iteration}}. {{ $season_item['name'] }}</a>
            @endforeach
        </div>
    </div>
</div>
@if($season)
<div class="card my-5 border-0 shadow">
    <div class="card-header bg-primary">
        <h3 class="fs-5 fw-bold text-white text-center mb-0">Episodes ({{ count($season['episodes']) }})</h3>
    </div>
    <div class="card-body">
        <div class="flex d-inline-flex gap-2 flex-wrap">

            @foreach($season['episodes'] as $season_item)
            <span class="btn btn-primary">{{$loop->iteration}}. {{ $season_item['name'] }}</span>
            @endforeach
        </div>
    </div>
</div>
@endif

<div class="card my-4 border-0 shadow">
    <div class="card-header bg-primary">
        <h2 class="fs-5 fw-bold text-white text-uppercase mb-0">You may also like</h2>
    </div>
    <div class="card-body">
        <div class="row row-cols-2 row-cols-sm-4 row-cols-lg-6 row-cols-xl-8 g-4">
            @foreach ($show['similar'] as $item)
            @include('components.show_card')
            @endforeach

        </div>
    </div>
</div>
<div class="card my-4 border-0 shadow">
    <div class="card-header bg-primary">
        <h2 class="fs-5 fw-bold text-white text-uppercase mb-0">Latest Series Updates</h2>
    </div>
    <div class="card-body">
        <div class="row row-cols-2 row-cols-sm-4 row-cols-lg-6 row-cols-xl-8 g-4">
            @foreach ($airing as $item)
            @include('components.show_card')
            @endforeach

        </div>
    </div>
</div>





{{-- <section
    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