@php
use App\Libraries\General;
use App\Models\Frontend\ContentManagement;
$dataText = ContentManagement::getLike('video_title','video');
@endphp
@extends('frontLayout.frontlayout')
@section('content')

<!-- ==== Breadcame Section Start ==== -->
<div class="breadcrumb_area" style="background-image:url({{ asset('assets/img/login/Frame.png') }})">
    <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="title_area">
                    <h4>
                        {{isset($dataText) && !empty($dataText) ? __dl($dataText,'video_title'): ""}}
                    </h4>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ==== Breadcame Section End ==== -->

<!-- ==== Deatil Section Start ==== -->
<section class="detail_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="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_videos'))}} - {{ isset($data['videos_count']) && $data['videos_count'] ? $data['videos_count'] : '' }}</p>
                                    </div>
                                    <div class="inner_right">
                                        <div class="price">
                                            <h6>
                                                {{ isset($data['discount']) && $data['discount'] ? General::priceFormat($data['discount']) : '' }}
                                            </h6>
                                            <h3>
                                                {{ isset($data['price']) && $data['price'] ? General::priceFormat($data['price']) : '' }}
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="button">
                                    <a href="javascript:;" class="btn-theme w-100">{{__('videoAddCard.subscribe')}}</a>
                                </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">
                                <div class="videos">
                                    <img src="images/img_16.png" />
                                    <div class="flag_icon">
                                        <div class="image_area">
                                            <img src="https://flagpedia.net/data/flags/h80/za.webp" alt="..." />
                                        </div>
                                        <p class="ps-2">Kuwait</p>
                                    </div>
                                    <div class="like_icon">
                                        <a href="javascript:;">
                                            <i class="fas fa-heart"></i>
                                        </a>
                                    </div>
                                    <div class="play_icon">
                                        <a href="javascript:;"><i class="fas fa-play"></i></a>
                                    </div>
                                    <div class="time_area">
                                        <p>08:20 min</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>
<!-- ==== Detail Section End ==== -->


<section class="parent_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12">
                <div class="parent_area">
                    <!-- ==== Content Section Start ==== -->
                    <div class="content_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="content_area">
                                        <div class="inner_area">
                                            <div class="title">
                                                <h5>
                                                    Intro
                                                </h5>
                                            </div>
                                            <div class="description">
                                                <p>
                                                    Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsumLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsumLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsumLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsumLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsumLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsumLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum
                                                </p>
                                            </div>
                                            <div class="listing_area">
                                                <ul>
                                                    <li>
                                                        Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem Lorem ipsum dolor sit ametLorem ipsum dolor sit ametL
                                                    </li>
                                                    <li>
                                                        Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem Lorem ipsum dolor sit ametLorem ipsum dolor sit ametL
                                                    </li>
                                                    <li>
                                                        Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem Lorem ipsum dolor sit ametLorem ipsum dolor sit ametL
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- ==== Content Section End ==== -->
                    <!-- ==== Videos Section Start ==== -->
                    <div class="videos_section videos_dtl">
                        <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="content_area">
                                        <div class="row">
                                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12">
                                                <div class="card_area">
                                                    <div class="inner_area">
                                                        <div class="videos">
                                                            <img src="images/img_16.png" />
                                                            <!-- <div class="flag_icon">
                                                            <img src="https://flagpedia.net/data/flags/h80/za.webp" alt="..."/>
                                                        </div> -->

                                                            <div class="play_icon">
                                                                <a href="javascript:;"><i class="fas fa-play"></i></a>
                                                            </div>
                                                            <div class="counter_area">
                                                                <div class="counter_left">
                                                                    <p>02 : 28 min</p>
                                                                </div>
                                                            </div>
                                                            <div class="focus_point">

                                                            </div>
                                                        </div>
                                                        <div class="description_area">
                                                            <h5>
                                                                Learn Python, C++
                                                            </h5>
                                                            <p>
                                                                Lorem ipsum dolor sit amet Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12">
                                                <div class="card_area">
                                                    <div class="inner_area">
                                                        <div class="videos">
                                                            <img src="images/img_16.png" />
                                                            <!-- <div class="flag_icon">
                                                            <img src="https://flagpedia.net/data/flags/h80/za.webp" alt="..."/>
                                                        </div> -->

                                                            <div class="play_icon">
                                                                <a href="javascript:;"><i class="fas fa-play"></i></a>
                                                            </div>
                                                            <div class="counter_area">
                                                                <div class="counter_left">
                                                                    <p>02 : 28 min</p>
                                                                </div>
                                                            </div>
                                                            <div class="focus_point">

                                                            </div>
                                                        </div>
                                                        <div class="description_area">
                                                            <h5>
                                                                Learn Python, C++
                                                            </h5>
                                                            <p>
                                                                Lorem ipsum dolor sit amet Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12">
                                                <div class="card_area">
                                                    <div class="inner_area">
                                                        <div class="videos">
                                                            <img src="images/img_16.png" />
                                                            <!-- <div class="flag_icon">
                                                            <img src="https://flagpedia.net/data/flags/h80/za.webp" alt="..."/>
                                                        </div> -->

                                                            <div class="play_icon">
                                                                <a href="javascript:;"><i class="fas fa-play"></i></a>
                                                            </div>
                                                            <div class="counter_area">
                                                                <div class="counter_left">
                                                                    <p>02 : 28 min</p>
                                                                </div>
                                                            </div>
                                                            <div class="focus_point">

                                                            </div>
                                                        </div>
                                                        <div class="description_area">
                                                            <h5>
                                                                Learn Python, C++
                                                            </h5>
                                                            <p>
                                                                Lorem ipsum dolor sit amet Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12">
                                                <div class="card_area">
                                                    <div class="inner_area">
                                                        <div class="videos">
                                                            <img src="images/img_16.png" />
                                                            <!-- <div class="flag_icon">
                                                            <img src="https://flagpedia.net/data/flags/h80/za.webp" alt="..."/>
                                                        </div> -->

                                                            <div class="play_icon">
                                                                <a href="javascript:;"><i class="fas fa-play"></i></a>
                                                            </div>
                                                            <div class="counter_area">
                                                                <div class="counter_left">
                                                                    <p>02 : 28 min</p>
                                                                </div>
                                                            </div>
                                                            <div class="focus_point">

                                                            </div>
                                                        </div>
                                                        <div class="description_area">
                                                            <h5>
                                                                Learn Python, C++
                                                            </h5>
                                                            <p>
                                                                Lorem ipsum dolor sit amet Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12">
                                                <div class="card_area">
                                                    <div class="inner_area">
                                                        <div class="videos">
                                                            <img src="images/img_16.png" />
                                                            <!-- <div class="flag_icon">
                                                            <img src="https://flagpedia.net/data/flags/h80/za.webp" alt="..."/>
                                                        </div> -->

                                                            <div class="play_icon">
                                                                <a href="javascript:;"><i class="fas fa-play"></i></a>
                                                            </div>
                                                            <div class="counter_area">
                                                                <div class="counter_left">
                                                                    <p>02 : 28 min</p>
                                                                </div>
                                                            </div>
                                                            <div class="focus_point">

                                                            </div>
                                                        </div>
                                                        <div class="description_area">
                                                            <h5>
                                                                Learn Python, C++
                                                            </h5>
                                                            <p>
                                                                Lorem ipsum dolor sit amet Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- ==== Videos Section End ==== -->
                </div>
            </div>
        </div>
    </div>
</section>



@endsection