@extends('frontend.layouts.client.index')
@section('content')
    <!-- Selected video section start -->
    @if ($selectedVideoInfo->type == '' ||
        $selectedVideoInfo->type == 'free' ||
        ($selectedVideoInfo->type == 'premium' && !$subscriber->isEmpty()))

        @if ($selectedVideoInfo->is_parental != 'on')
            <section class="video singel-video-show-full">
                <div class="single-vidio-wrapper">
                    <div class="video-area">
                        @if ($selectedVideoInfo->video_type == '4')
                            <video width="100%" height="100%" controls>
                                <source src="{{ URL::to('/') }}/uploads/video/{{ $selectedVideoInfo->video }}">
                            </video>
                        @elseif ($selectedVideoInfo->video_type == '5')
                            <video width="100%" height="100%" controls>
                                <source src="{{ $selectedVideoInfo->url }}">
                            </video>
                        @elseif ($selectedVideoInfo->video_type == '1')
                            {!! $embeded !!}
                        @elseif ($selectedVideoInfo->video_type == '2')
                            {!! $embeded !!}
                        @elseif ($selectedVideoInfo->video_type == '3')
                            {!! $embeded !!}
                        @endif
                    </div>
                </div>

                <div class="single-vidio-description">
                    <div class="row single-vidio-rs">
                        <div class="col-md-9 left-part-rs col-sm-12">
                            <div class="left-part">
                                @if (!empty($selectedVideoInfo->thumbnail_vertical))
                                    <img src="{{ URL::to('/') }}/uploads/video/thumbnail/{{ $selectedVideoInfo->thumbnail_vertical }}"
                                        alt="{{ $selectedVideoInfo->title }}" title="{{ $selectedVideoInfo->title }}" />
                                @else
                                    <img src="{{ URL::to('/') }}/uploads/no.jpeg" alt="" />
                                @endif
                                <div class="title">
                                    <h3>{{ $selectedVideoInfo->title ?? '' }} <span class="video_views_count">{{ $videoViewsCount }} Views</span></h3>
                                    <p>
                                        <span class="borR">{{ $selectedVideoInfo->category_name ?? '' }} </span> &nbsp;
                                        <span class="borR">{{ $selectedVideoInfo->sub_category_name ?? '' }} </span>
                                        &nbsp;
                                        <span class="borR">{{ $genreNames }} </span> &nbsp;
                                        <span class="">{{ $countryNames }} </span> &nbsp;
                                    </p>
                                    <div class="imdb">
                                        <span> <i class="icofont icofont-star"></i> {!! !empty($tmdbRating['vote_average']) ? $tmdbRating['vote_average'] . ' TMDB' : '' !!} </span>

                                        <div class="middle-devider-bold"></div>

                                        <span
                                            class="pl-2">{{ $selectedVideoInfo->duration_hour ? $selectedVideoInfo->duration_hour . ' Hour' : '' }}</span>
                                        <span
                                            class="">{{ $selectedVideoInfo->duration ? $selectedVideoInfo->duration . ' Min' : '' }}</span>
                                        <span
                                            class="">{{ $selectedVideoInfo->duration_sec ? $selectedVideoInfo->duration_sec . ' Sec' : '' }}</span>

                                        <div class="middle-devider-bold"></div>

                                        <button type="button" class="watch-trailer-btn-style watch-trailer-btn {!! !empty($data->trailer) ? '' : 'no-trailer-avilable' !!}" data-toggle="modal"
                                            data-target="#trailerModal">Watch Trailer</button>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 right-part">
                            <ul>
                                <li>
                                    <button type="button" class="share-button" data-toggle="modal"
                                        data-target="#commentData">
                                        <i class="far fa-comments"></i>
                                    </button>
                                </li>
                                <li>
                                    <button type="button" class="share-button" data-toggle="modal"
                                        data-target="#shareModal">
                                        <i class="fas fa-share-alt"></i>
                                    </button>
                                </li>
                                <li>

                                    {{-- favorite btn --}}
                                    @if (!empty(Auth()->id()))