@extends('front.layouts.app')
@section('title')
    Viewing Video
@endsection
@section('CSS')
    <link href="{{ asset(CSS) }}/home.css" rel="stylesheet" type="text/css" />
@endsection
@section('seachbar', 'hidden')


@section('content')
    <div class="video-page mt-3">
        <div class="container-fluid">
            {{-- {{pre($education)}} --}}
            @foreach ($education as $video)
                @if (isset($_GET['id']))
                    @if ($video['id'] == decyptValue($_GET['id']))
                        @if (Session::has('msg'))
                            <div class="alert alert-secondary alert-dismissible fade show" role="alert">
                                <strong>{{ Session::get('msg') }}!</strong> 
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                        @endif
                        <div class="videoPlay col-12">
                            <div class="card mb-3  ">
                                <div class="row g-0">
                                    <div class="col-lg-6">
                                        <video class="col-12 nodownload" controls controlsList="nodownload" autoplay style=" aspect-ratio: 16/9;">
                                            <source src=" {{ $video['video_url'] }}">
                                        </video>
                                    </div>
                                    <div class="col-lg-6  ">
                                        <div class="card-body row p-md-5">
                                            <div class=" col-8 d-flex   mb-3">
                                                <p class="card-text  first-color-text ">
                                                    {{ $video['sub_title'] }}
                                                </p>
                                            </div>
                                            <div class="col-4">
                                                <p class="m-0">{{ date('jS F y', strtotime($video['created_at'])) }}
                                                </p>
                                            </div>
                                            <h5 class="card-title ">{{ $video['title'] }}</h5>
                                            <p>{!! html_entity_decode($video['description']) !!}</p>
                                            <p class="card-text">
                                                @php
                                                    $hmi = '';
                                                    if ($video['hour'] != 0) {
                                                        $hmi = 'hour';
                                                    } elseif ($video['min'] != 0) {
                                                        $hmi = 'min';
                                                    } elseif ($video['sec'] != 0) {
                                                        $hmi = 'sec';
                                                    }
                                                @endphp
                                                <small
                                                    class="text-muted">{{ $video['hour'] = 0 ? $video['hour'] . ':' : '' }}{{ $video['min'] }}:{{ $video['sec'] }}
                                                    {{ $hmi }}</small>
                                            </p>

                                            @if ($video['is_favourite'] == '1' || $video['is_favourite'] == 1)
                                                <a href="{{ route('front.education.user.fav', ['id' => $video['id']]) }}"
                                                    class="text-decoration-none">
                                                    <i class="bi bi-heart-fill mx-2 " style="color: red"></i><b
                                                        class="text-white"> Favourite
                                                    </b></a>
                                            @else
                                                <a href="{{ route('front.education.user.fav', ['id' => $video['id']]) }}"
                                                    class="text-decoration-none">
                                                    <i class="bi bi-heart mx-2 "></i><b class="text-white"> Favourite
                                                    </b></a>
                                            @endif
                                            {{-- <a class="col-4 btn bg-white text-black text-center rounded-5 ">Searies</a> --}}

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
        </div>
    </div>
    @endif
    @endif
    @endforeach

    <div class=" col-12 p-4">
        <h3>More Like This</h3>
        <div class="mt-3 row row-cols-1 row-cols-lg-4 row-cols-md-3 g-4">
            @if (isset($education))
                @foreach ($education as $meta)
                    @if (isset($_GET['id']))
                        {{-- {{pre($video,1)}} --}}
                        @if ($meta['id'] != $_GET['id'])
                            <div class="col">
                                <a href="{{ route('front.category.videoPage.view', ['id' => encryptValue($meta['id']), 'category' => $meta['category_id']]) }}"
                                    class="favLink">
                                    {{-- <a href="{{ $meta['id'] }}" class="favLink"> --}}
                                    <div class="card">
                                        <img src="{{ $meta['video_thumb'] }}" class="vidFrame" alt="...">
                                        <div class="card-body">
                                            <div class="d-flex justify-content-between w-100 flex-wrap mb-2">
                                                <p class="card-text first-color-text videoSubTitle m-0"
                                                    style="--showWords:180px;">
                                                    {{ $meta['sub_title'] }}</p>
                                                <p class="m-0">{{ date('jS F y', strtotime($meta['created_at'])) }}
                                                </p>
                                            </div>
                                            <h5 class="card-title">{{ $meta['title'] }}</h5>
                                            <p class="card-text"><small class="text-muted">
                                                    @php
                                                        echo $meta['hour'] != 0 ? $meta['hour'] : '';
                                                    @endphp
                                                    {{ $meta['min'] }}
                                                    :
                                                    {{ $meta['sec'] }}
                                                    @php
                                                        $timeLab = 'seconds';
                                                        if ($meta['hour'] != 0) {
                                                            $timeLab = 'hours';
                                                        }
                                                        if ($meta['hour'] == 0 && $meta['min'] != 0) {
                                                            $timeLab = 'minutes';
                                                        }
                                                        echo $timeLab;
                                                    @endphp
                                                </small>
                                            </p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endif
                    @endif
                @endforeach
            @endif


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

@section('js')
<script nonce="{{ $cspNonce }}">
    $(document).on("contextmenu",".nodownload",function(){
        return false;
    });
</script>
@endsection