@php
use App\Libraries\General;
use App\Libraries\FileSystem;
@endphp
@extends('dashboardLayout.frontlayout')
@section('content')
<!-- Dashboard-section---start -->
<section class="dashboard_section profile_section dashboard_wishlist_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="dashboard_area">
                    @include('user.dashboard.partials.sidebar')
                    <div class="dashboard_right_area">
                        <div class="inner_right_area">
                            <div class="profile_area">
                                <div class="top_box_row">
                                    <div class="top_breadcrum">
                                        <ul class="list-inline">
                                            <li>
                                                <a href="{{ route('frontend.dashboard.video') }}">{{__('dashboardVideo.my_videos')}}</a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">{{__('dashboardVideo.video_detail_page')}}</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="profile_card">
                                    <div class="my_grid_box">
                                        <!-- ==== Deatil Section Start ==== -->
                                        <div class="detail_section">
                                            <div class="row">
                                                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                    <div class="detail_area">
                                                        <div class="row">
                                                            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 order-sm-0 order-1">
                                                                <div class="left_area">
                                                                    <div class="badge_text">
                                                                        {{ isset($data['category']) && $data['category'] ? __dl($data['category'],'title') : '' }}
                                                                    </div>
                                                                    <div class="title">
                                                                        <h5>
                                                                            {{ isset($data['title']) && $data['title'] ? __dl($data,'title') : '' }} 
                                                                        </h5>
                                                                        <p>
                                                                            {{ isset($data['description']) && $data['description'] ? __dl($data,'description') : '' }}
                                                                        </p>
                                                                    </div>
                                                                    <div class="calender_area">
                                                                        <div class="inner_left">
                                                                            <p><i class="fas fa-calendar-alt pe-2"></i>{{ isset($data['created']) && $data['created'] ? date('d M, Y',strtotime($data['created'])) : '' }}</p>
                                                                            <p><i class="fas fa-video pe-2"></i>{{__('dashboardVideo.total_video')}} - {{ isset($data['videos_count']) && $data['videos_count'] ? $data['videos_count'] : '' }}</p>
                                                                            <p><i class="fas fa-exclamation-triangle pe-2"></i>{{__('dashboardVideo.expiry_date')}} - {{isset($data->userPackages) && $data->userPackages ? date('d M,Y',strtotime($data['userPackages']['expire_date'])) : ''}}</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                                <div class="right_area">
                                                                    <video class="videoPackage d-none" width="100%" controls src=""></video>
                                                                    <div class="videos ">
                                                                        <img src="{{ General::renderImage(FileSystem::getAllSizeImages($data['image']),'large') }}"/>
                                                                        <div class="play_icon d-none">
                                                                            <a href="javascript:;"><i class="fas fa-play"></i></a>
                                                                        </div>
                                                                        <div class="time_area d-none">
                                                                            <div class="left">
                                                                                <p>{{__('dashboardVideo.last_seen')}}</p>
                                                                            </div>
                                                                            <div class="right">
                                                                                <p>08:20 min</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- ==== Detail Section End ==== -->
                                        <div class="parent_section">
                                            <div class="row">
                                                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                                    <div class="parent_area">
                                                    <!-- ==== Videos Section Start ==== -->
                                                        <div class="videos_section videos_dtl">
                                                            <div class="row">
                                                                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                    <div class="content_area">
                                                                        <div class="row">
                                                                            @include('user.dashboard.video.videoDetail')
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    <!-- ==== Videos Section End ==== -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Dashboard-section---end -->
@include('user.dashboard.video.partials.video')
@endsection