@extends('student.layouts.course')
@section('titlePage', $data->title)
@push('styles')
<style>
a:-webkit-any-link {
    cursor: default !important;
}
.list-group-item a:hover{
    color:rgb(var(--primary-rgb));
}
.list-group{
    padding:20px;
}

</style>	

@endpush
@section('content')
<script>  
    document.getElementById("kts-1").classList.add("active");
</script>
<!-- [ Layout wrapper ] Start -->

<div class="layout-wrapper layout-1 layout-without-sidenav">
    <div class="layout-inner">
        <!-- [ Layout sidenav ] Start -->
        <!-- [ Layout sidenav ] End -->
        <!-- [ Layout container ] Start -->
        <div class="layout-container">
            <!-- [ Layout navbar ( Header ) ] Start -->
            @include('student.courses.inc.nav', ['url' => _route('student.courses.index')])
            <!-- [ Layout navbar ( Header ) ] End -->
            <!-- [ Layout content ] Start -->
            <div class="layout-content">
                <!-- [ content ] Start -->
                <div class="container-fluid flex-grow-1 container-p-y">
                    <h4 class="font-weight-bold py-2">
                        <span class="float-left">
                            @if($data->type ==1)
                            <a href="{{ _route('student.free_course.index') }}" style="font-size: 15px; cursor: pointer;"><i class="fas fa-arrow-left" style="font-size: 12px "></i> BACK</a>
                            @else
                            <a href="{{ _route('student.free_course.index') }}" style="font-size: 15px; cursor: pointer;"><i class="fas fa-arrow-left" style="font-size: 12px "></i> BACK</a>
                            @endif
                        </span>
                    </h4>
                    <hr class="title-bottom">
                                        <div class="text-center mb-4">
                        <h3 class="text-primary text-capitalize">{{$data->title}}</h3>
                    </div> 
                    <div class="container col-sm-12">
                        <!-- <iframe src="{{ str_replace('http://', 'https://', $data->video_url) }}" aria-controls="0" width="100%" height="600px" allowfullscreen sandbox="allow-same-origin allow-scripts" ></iframe> -->
                        <video width="100%" height="600" controls="false" controlsList="nodownload" autoplay>
                            <source src="{{ str_replace('http://', 'https://', $data->video_url) }}" type="video/mp4">
                            Your browser does not support the video tag.
                        </video>
                    </div>
                       <div class="row p-3">
                     <div class="col-lg-6 col-xl-4 col-md-12 col-sm-12  accordion" id="accordionCourse">
                       
                     <!-- <div class=" accordion" id="accordionCourse">
                            <div class="card mb-0"> -->
                                @foreach ($data->sections_course as $section)
                                    @php
                                        $content = json_decode($section->content, true);
                                        $content = is_array($content) ? $content : [];
                                        $percent = \App\CourseStatus::getPercent([
                                                                'course_id' => $data->id,
                                                                'section_course_id' => $section->id
                                                            ],$content);

                                        $collapsed = "collapsed";
                                        if ($section->id == $sectionCourseId || ($sectionCourseId == false && $loop->first)) {
                                            $collapsed = "";
                                        }
                                    @endphp
                                    <div class="card mt-2" id="treeview{{$i}}">
                                    <div class="card-header collapsed" data-toggle="collapse" data-target="#collapse-{{$section->id}}">
                                        <a class="card-title" href="javascript:void(0);">
                                            <i class="fa" aria-hidden="true"></i> {{$section->section_title}}
                                        </a>
                                       <!-- <svg viewBox="0 0 36 36" class="circular-chart">
                                            <path class="circle-bg"
                                                d="M18 2.0845
                                                a 15.9155 15.9155 0 0 1 0 31.831
                                                a 15.9155 15.9155 0 0 1 0 -31.831"
                                            />
                                            <path class="circle"
                                                stroke-dasharray="{{$percent}}, 100"
                                                d="M18 2.0845
                                                a 15.9155 15.9155 0 0 1 0 31.831
                                                a 15.9155 15.9155 0 0 1 0 -31.831"
                                            />
                                            <text x="18" y="20.35" class="percentage">{{$percent}}%</text>
                                        </svg>  -->
                                    </div>
                                  
                                    @if (is_array($content) && count($content) > 0)
                                    <div id="collapse-{{$section->id}}" class="card-body collapse @empty($collapsed) show @endempty" data-parent="#accordionCourse" >
                                        <ul class="list-group">
                                            @foreach ($content as $item)
                                                @php
                                               
                                                    if (strpos($item, 'learning') !== false) {
                                                        $idLearning = str_replace('learning_','', $item);
                                                        $link = _route('student.free_course.freeCourseDetailType', [
                                                            $data->id,
                                                            'learning',
                                                            $section->id,
                                                            $idLearning,
                                                        ]);
                                                        $status = \App\CourseStatus::getStatus([
                                                            'course_id' => $data->id,
                                                            'type' => 'learning',
                                                            'section_course_id' => $section->id,
                                                            'id_sub' => $idLearning,
                                                        ]);

                                                        $_learning = \App\LearningContents::where('id', $idLearning)->first('title');
                                                        $title = $_learning->title ?? null;
                                                    }else{
                                                        if (strpos($item, 'assignment_') !== false) {
                                                            $idAssignment = str_replace('assignment_','', $item);
                                                            $link = _route('student.free_course.freeCourseDetailType', [
                                                                $data->id,
                                                                'assignment',
                                                                $section->id,
                                                                $idAssignment,
                                                            ]);
                                                            $status = \App\CourseStatus::getStatus([
                                                                'course_id' => $data->id,
                                                                'type' => 'assignment',
                                                                'section_course_id' => $section->id,
                                                                'id_sub' => $idAssignment,
                                                            ]);

                                                            $_assignment = \App\Assignments::where('id', $idAssignment)->first('title');
                                                            $title = $_assignment->title ?? null;
                                                        }else{
                                                            $idTest = str_replace('test_','', $item);
                                                            $link = _route('student.free_course.freeCourseDetailType', [
                                                                $data->id,
                                                                'test',
                                                                $section->id,
                                                                $idTest,
                                                            ]);
                                                            $status = \App\CourseStatus::getStatus([
                                                                'course_id' => $data->id,
                                                                'type' => 'test',
                                                                'section_course_id' => $section->id,
                                                                'id_sub' => $idTest,
                                                            ]);

                                                            $_test = \App\Tests::where('id', $idTest)->first('title');
                                                            $title = $_test->title ?? null;
                                                        }
                                                        
                                                    }
                                                    
                                                    $text_class = "text-dark";
                                                    if ($status == \App\CourseStatus::STATUS_COMPLETED) {
                                                        $text_class = "text-success";
                                                    }else if($status == \App\CourseStatus::STATUS_INPROGRESS){
                                                        $text_class = "text-warning";
                                                    }
													$status_final=$status;
                                                @endphp
                                                @if (!empty($title))
                                                <li class="list-group-item" style="margin-bottom: 6px;">
                                                    <a href="{{$link}}">
                                                        <!-- {{$title}} <span class="badge float-right {{$text_class}}">{{$status}} </span> -->
                                                        {{$title}} <span style="float:right;" class="badge badge-sm rounded-pill {{$text_class}}">{{$status}} </span>
                                                    </a>
                                                </li>
                                                @endif
                                                                                            @endforeach
                                        </ul>
                                    </div>
                                    @endif
                                    </div>
                                @endforeach
                            </div>
                         
                        <div class="col-sm-8">
                            @isset($view)
                                @include($view)
                            @endisset
                            @if (!is_student_master())
                                @if (is_null($data->payment))
                                    @include('frontend.courses.free_course_detail')
                                @endif
                            @endif
                        </div>
                    </div>
                </div>
                <!-- [ content ] End -->

                <!-- [ Layout footer ] Start -->
             {{--   <nav class="layout-footer footer bg-white">
                    <div class="container-fluid d-flex flex-wrap justify-content-between text-center container-p-x pb-3">
                        <div>
                            <span class="pt-4 d-none d-sm-inline-flex footer-text font-weight-semibold">Copyright 2021 
                                <a href="#!" class="footer-link">Knewton.com</a> | All Rights Reserved.
                            </span>
                        </div>
                    </div>
                </nav>  --}}
                <!-- [ Layout footer ] End -->
            </div>
            <!-- [ Layout content ] Start -->
        </div>
        <!-- [ Layout container ] End -->
    </div>
    <!-- Overlay -->
    <div class="layout-overlay layout-sidenav-toggle"></div>
</div>
<script>
    document.addEventListener('contextmenu', function(e) {
    e.preventDefault();
    });
document.addEventListener('keydown', function(e) {
    // Prevent Ctrl+S (save)
    if ((e.ctrlKey || e.metaKey) && e.key === 's') {
        e.preventDefault();
        alert('Saving is disabled.');
    }

    // Prevent Ctrl+P (print)
    if ((e.ctrlKey || e.metaKey) && e.key === 'p') {
        e.preventDefault();
        alert('Printing is disabled.');
    }

    // Prevent Ctrl+Shift+S (screenshot shortcut in some apps)
    if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === 's') {
        e.preventDefault();
        alert('Screenshot is disabled.');
    }

    // Prevent F12 (Developer Tools)
    if (e.key === 'F12') {
        e.preventDefault();
        alert('Developer Tools are disabled.');
    }
    if (e.altKey && e.key === 'PrintScreen') {
        e.preventDefault();
        alert('Screenshots are disabled.');
    }

    // macOS Cmd + Shift + 3 (Full screen)
    if (e.metaKey && e.shiftKey && e.key === '3') {
        e.preventDefault();
        alert('Screenshots are disabled.');
    }
     // macOS Cmd + Shift + 4 (Select screen area)
     if (e.metaKey && e.shiftKey && e.key === '4') {
        e.preventDefault();
        alert('Screenshots are disabled.');
    }

    // Prevent browser-specific screenshot shortcuts (Ctrl + Shift + S)
    if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === 's') {
        e.preventDefault();
        alert('Screenshots are disabled.');
    }
    if ((e.fnKey || e.prtsc) && e.shiftKey && e.key === 's') {
        e.preventDefault();
        alert('Screenshots are disabled.');
    }
    if (e.prtsckey ) {
        e.preventDefault(); // Prevent the default screenshot action
        alert('Screenshots are disabled.');
    }

    // Windows Alt + Print Screen
    if (e.altKey && e.key === 'PrintScreen') {
        e.preventDefault();
        alert('Screenshots are disabled.');
    }
});

</script>
@endsection
@push('script')
@include('student.courses.inc.script')
@endpush