| Server IP : 66.29.137.217 / Your IP : 3.148.232.123 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/bofirm.gltechlimited.com/resources/views/admin/course/ |
Upload File : |
@extends('layouts.admin')
@section('content')
<!-- Page content area start -->
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="breadcrumb__content">
<div class="breadcrumb__content__left">
<div class="breadcrumb__title">
<h2>{{ __('Course Lessons') }}</h2>
</div>
</div>
<div class="breadcrumb__content__right">
<nav aria-label="breadcrumb">
<ul class="breadcrumb">
<li class="breadcrumb-item"><a
href="{{route('admin.dashboard')}}">{{__('Dashboard')}}</a></li>
<li class="breadcrumb-item active" aria-current="page">{{__('Course Lessons')}}</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
@if($course->course_type == COURSE_TYPE_GENERAL || $course->course_type == COURSE_TYPE_LIVE_CLASS)
<div class="row">
<div class="col-md-12">
<div class="customers__area bg-style mb-30">
<div class="item-title d-flex justify-content-between">
<h2>{{ __('Course Lessons and Lectures') }}</h2>
</div>
<!-- View Curriculum Start -->
<div class="admin-course-watch-page-area">
<div class="curriculum-content">
<div class="accordion" id="accordionExample">
@forelse(@$course->lessons as $key => $lesson)
<div class="accordion-item">
<h2 class="accordion-header" id="heading{{ $key }}">
<button
class="accordion-button font-medium font-18 {{ $key == 0 ? '' : 'collapsed' }}"
type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $key }}"
aria-expanded="{{ $key == 0 ? 'true' : 'false' }}"
aria-controls="collapseOne">
{{ $lesson->name }}
</button>
</h2>
<div id="collapse{{ $key }}"
class="accordion-collapse collapse {{ $key == 0 ? 'show' : '' }}"
aria-labelledby="heading{{ $key }}" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="play-list">
<!-- Note End-->
<!-- If User Logged In then add Class Name in play-list-item = "venobox"-->
<!-- If Preview has for this course add Class Name in play-list-item = "preview-enabled"-->
<!-- Note Start-->
@if($course->course_type == COURSE_TYPE_GENERAL)
@forelse($lesson->lectures as $lecture)
@if($lecture->type == 'video')
<a title="See video preview"
class="edit-lecture-preview-show d-flex align-items-center justify-content-between color-heading font-medium font-16 mb-3"
data-bs-toggle="modal"
href="#html5VideoPlayerModal{{ $lecture->id }}">
<div class="d-flex flex-grow-1">
<div><img
src="{{ asset('frontend/assets/img/courses-img/play.svg') }}"
alt="play"></div>
<div class="font-medium font-16 lecture-edit-title">
{{$lecture->title}}</div>
</div>
<div class="upload-course-video-6-text flex-shrink-0">
<span class="see-preview-video font-medium font-16">Preview
</span>
<span class="video-time-count">{{ $lecture->file_duration
}}</span>
</div>
</a>
<!-- HTML5 Video Player Modal Start-->
<div class="modal fade VideoTypeModal"
id="html5VideoPlayerModal{{ $lecture->id }}" tabindex="-1"
aria-hidden="true">
<div class="modal-header border-bottom-0">
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"><span class="iconify"
data-icon="akar-icons:cross"></span></button>
</div>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<div class="video-player-area">
<!-- HTML 5 Video -->
<video class="js-player" id="playerVideoHTML5"
playsinline controls controlsList="nodownload">
<source
src="{{getVideoFile($lecture->file_path)}}"
type="video/mp4" />
</video>
</div>
</div>
</div>
</div>
</div>
@elseif($lecture->type == 'youtube')
<a class="edit-lecture-preview-show d-flex align-items-center justify-content-between color-heading font-medium font-16 mb-3"
data-bs-toggle="modal"
href="#newVideoPlayerModal{{ $lecture->id }}">
<div class="d-flex flex-grow-1">
<div><img
src="{{ asset('frontend/assets/img/courses-img/play.svg') }}"
alt="play"></div>
<div class="font-medium font-16 lecture-edit-title">
{{$lecture->title}}</div>
</div>
<div class="upload-course-video-6-text flex-shrink-0">
<span
class="see-preview-video font-medium font-16">Preview</span>
<span class="video-time-count">{{ $lecture->file_duration
}}</span>
</div>
</a>
<!-- Youtube Video Player Modal Start-->
<div class="modal fade VideoTypeModal"
id="newVideoPlayerModal{{ $lecture->id }}" tabindex="-1"
aria-hidden="true">
<div class="modal-header border-bottom-0">
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"><span class="iconify"
data-icon="akar-icons:cross"></span></button>
</div>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<div class="video-player-area">
<!-- Youtube Video -->
<div class="plyr__video-embed js-player"
id="playerVideoYoutube">
<iframe
src="https://www.youtube.com/embed/{{ $lecture->url_path }}"
allowfullscreen allowtransparency
allow="autoplay"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
@elseif($lecture->type == 'vimeo')
<a class="edit-lecture-preview-show d-flex align-items-center justify-content-between color-heading font-medium font-16 mb-3"
data-bs-toggle="modal"
href="#vimeoVideoPlayerModal{{ $lecture->id }}">
<div class="d-flex flex-grow-1">
<div><img
src="{{ asset('frontend/assets/img/courses-img/play.svg') }}"
alt="play"></div>
<div class="font-medium font-16 lecture-edit-title">
{{$lecture->title}}</div>
</div>
<div class="upload-course-video-6-text flex-shrink-0">
<span class="see-preview-video font-medium font-16">Preview
Video</span>
</div>
</a>
<!-- Vimeo Video Player Modal Start-->
<div class="modal fade VideoTypeModal"
id="vimeoVideoPlayerModal{{ $lecture->id }}" tabindex="-1"
aria-hidden="true">
<div class="modal-header border-bottom-0">
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"><span class="iconify"
data-icon="akar-icons:cross"></span></button>
</div>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<div class="video-player-area">
<!-- Vimeo Video -->
<div class="plyr__video-embed"
id="playerVideoVimeo">
<iframe
src="https://player.vimeo.com/video/{{ $lecture->url_path }}?loop=false&byline=false&portrait=false&title=false&speed=true&transparent=0&gesture=media"
allowfullscreen allowtransparency
allow="autoplay"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Vimeo Video Player Modal End-->
@elseif($lecture->type == 'text')
<a type="button" data-lecture_text="{{ $lecture->text }}"
class="lectureText edit-lecture-preview-show d-flex align-items-center justify-content-between color-heading font-medium font-16 mb-3"
data-bs-toggle="modal" href="#textUploadModal">
<div class="d-flex flex-grow-1">
<div><img
src="{{ asset('frontend/assets/img/courses-img/text.svg') }}"
alt="text"></div>
<div class="font-medium font-16 lecture-edit-title">
{{$lecture->title}}</div>
</div>
<div class="upload-course-video-6-text flex-shrink-0">
<span
class="see-preview-video font-medium font-16">Preview</span>
<span class="video-time-count">{{ $lecture->file_duration
}}</span>
</div>
</a>
@elseif($lecture->type == 'image')
<a data-lecture_image="{{ getImageFile($lecture->image) }}"
class="lectureImage edit-lecture-preview-show d-flex align-items-center justify-content-between color-heading font-medium font-16 mb-3"
data-bs-toggle="modal" href="#imageUploadModal">
<div class="d-flex flex-grow-1">
<div><img
src="{{ asset('frontend/assets/img/courses-img/preview-image.svg') }}"
alt="image"></div>
<div class="font-medium font-16 lecture-edit-title">
{{$lecture->title}}</div>
</div>
<div class="upload-course-video-6-text flex-shrink-0">
<span class="see-preview-video font-medium font-16">Preview
Image </span>
</div>
</a>
@elseif($lecture->type == 'pdf')
<a class="edit-lecture-preview-show d-flex align-items-center justify-content-between color-heading font-medium font-16 mb-3"
data-maxwidth="800px" target="_blank"
href="{{ getImageFile($lecture->pdf) }}">
<div class="d-flex flex-grow-1">
<div><img
src="{{ asset('frontend/assets/img/courses-img/file-pdf.svg') }}"
alt="PDF"></div>
<div class="font-medium font-16 lecture-edit-title">
{{$lecture->title}}</div>
</div>
<div class="upload-course-video-6-text flex-shrink-0">
<span class="see-preview-video font-medium font-16">Preview
PDF</span>
</div>
</a>
@elseif($lecture->type == 'slide_document')
<a data-lecture_slide="{{ $lecture->slide_document }}"
class="lectureSlide edit-lecture-preview-show d-flex align-items-center justify-content-between color-heading font-medium font-16 mb-3"
data-bs-toggle="modal" href="#slideModal">
<div class="d-flex flex-grow-1">
<div><img
src="{{ asset('frontend/assets/img/courses-img/slide-preview.svg') }}"
alt="Slide Doc"></div>
<div class="font-medium font-16 lecture-edit-title">
{{$lecture->title}}</div>
</div>
<div class="upload-course-video-6-text flex-shrink-0">
<span class="see-preview-video font-medium font-16">Preview
Slide</span>
</div>
</a>
@elseif($lecture->type == 'audio')
<a class="edit-lecture-preview-show d-flex align-items-center justify-content-between color-heading font-medium font-16 mb-3"
data-bs-toggle="modal" href="#audioPlayerModal{{ $lecture->id }}">
<div class="d-flex flex-grow-1">
<div>
<img src="{{ asset('frontend/assets/img/courses-img/preview-audio-o.svg') }}"
alt="play">
</div>
<div class="font-medium font-16 lecture-edit-title">
{{$lecture->title}}</div>
</div>
<div class="upload-course-video-6-text flex-shrink-0">
<span
class="see-preview-video font-medium font-16">Preview</span>
</div>
</a>
<!-- Audio Player Modal Start-->
<div class="modal fade venoBoxTypeModal"
id="audioPlayerModal{{ $lecture->id }}" tabindex="-1"
aria-hidden="true">
<div class="modal-header border-bottom-0">
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"><span class="iconify"
data-icon="akar-icons:cross"></span></button>
</div>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<!--Audio -->
<audio class="js-player" id="player" controls>
<source src="{{ getVideoFile($lecture->audio) }}"
type="audio/mp3" >
</audio>
</div>
</div>
</div>
</div>
<!-- Audio Player Modal End-->
@endif
@empty
<div class="row">
<p>{{ __('No Data Found') }}</p>
</div>
@endforelse
@else
@forelse($lesson->live_class as $liveClass)
<a title="See video preview"
class="edit-lecture-preview-show d-flex align-items-center justify-content-between color-heading font-medium font-16 mb-3"
data-bs-toggle="modal"
href="#html5VideoPlayerModal{{ $liveClass->id }}">
<div class="d-flex flex-grow-1">
<div><img
src="{{ asset('frontend/assets/img/courses-img/play.svg') }}"
alt="play"></div>
<div class="font-medium font-16 lecture-edit-title">
{{$liveClass->title}}</div>
</div>
<div class="upload-course-video-6-text flex-shrink-0">
<span class="see-preview-video font-medium font-16">Preview
</span>
<span class="video-time-count">{{ $liveClass->duration
}}</span>
</div>
</a>
<!-- HTML5 Video Player Modal Start-->
<div class="modal fade VideoTypeModal"
id="html5VideoPlayerModal{{ $liveClass->id }}" tabindex="-1"
aria-hidden="true">
<div class="modal-header border-bottom-0">
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"><span class="iconify"
data-icon="akar-icons:cross"></span></button>
</div>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<div class="video-player-area">
<!-- HTML 5 Video -->
<video class="js-player" id="playerVideoHTML5"
playsinline controls controlsList="nodownload">
<source
src="{{getVideoFile($liveClass->path)}}"
type="video/mp4" />
</video>
</div>
</div>
</div>
</div>
</div>
@empty
<div class="row">
<p>{{ __('No Data Found') }}</p>
</div>
@endforelse
@endif
</div>
</div>
</div>
</div>
@empty
<div class="row">
<p>{{ __('No Data Found') }}</p>
</div>
@endforelse
</div>
</div>
</div>
<!-- View Curriculam Start -->
</div>
</div>
</div>
@else
<div class="row">
<div class="col-md-12">
<div class="customers__area bg-style mb-30">
<div class="item-title d-flex justify-content-between">
<h2>{{ __('SCORM Course') }}</h2>
</div>
<!-- View Curriculum Start -->
<div class="admin-course-watch-page-area">
<iframe id="scorm_player" class="scorm-content" frameBorder="0" src="{{ asset("scorm/".$course->scorm_course->uuid.'/'.$course->scorm_course->entry_url) }}"
width="100%" title="Scorm course"></iframe>
</div>
<!-- View Curriculam Start -->
</div>
</div>
</div>
@endif
<div class="row">
<div class="col-md-12">
<div class="profile__timeline__area bg-style">
<div class="item-title">
<h2>{{__('Enrolled Courses')}}</h2>
</div>
<div class="profile__table">
<table class="table-style">
<thead>
<tr>
<th>{{__('Image')}}</th>
<th>{{__('Title')}}</th>
<th>{{__('Expired at')}}</th>
<th>{{__('Validity')}}</th>
<th>{{__('Status')}}</th>
</tr>
</thead>
<tbody>
@forelse($students as $studentEnrollment)
<tr>
<td>
<a target="_blank" href="{{route('student.view', [$studentEnrollment->uuid])}}"><img src="{{ getImageFile($studentEnrollment->user->image_path) }}" alt="course" class="img-fluid" width="80"></a>
</td>
<td>
<span class="data-text"><a target="_blank" href="{{route('student.view', [$studentEnrollment->uuid])}}">{{ $studentEnrollment->name }}</a></span>
</td>
<td class="font-15 color-heading">
{{ $studentEnrollment->end_date }}
</td>
<td class="font-15 color-heading">
{{ (checkIfExpired($studentEnrollment)) ? (checkIfLifetime($studentEnrollment->end_date) ? __('Lifetime') : \Carbon\Carbon::now()->diffForHumans( \Carbon\Carbon::parse($studentEnrollment->end_date), true).' '.__(' left') ) : __('Expired') }}
</td>
<td>
<span id="hidden_id" style="display: none">{{$studentEnrollment->id}}</span>
<select name="status" class="status label-inline font-weight-bolder mb-1 badge badge-info">
<option value="{{ ACCESS_PERIOD_ACTIVE }}" @if($studentEnrollment->status == ACCESS_PERIOD_ACTIVE) selected @endif>{{ __('Active') }}</option>
<option value="{{ ACCESS_PERIOD_DEACTIVATE }}" @if($studentEnrollment->status == ACCESS_PERIOD_DEACTIVATE) selected @endif>{{ __('Revoke') }}</option>
</select>
</td>
</tr>
@empty
<tr>
<td colspan="4" class="text-center">{{ __("No Student Found") }}</td>
</tr>
@endforelse
</tbody>
</table>
<div class="mt-3">
{{$students->links()}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Page content area end -->
<!-- Text Upload Modal Start -->
<div class="modal fade textUploadModal venoBoxTypeModal" id="textUploadModal" tabindex="-1" aria-hidden="true">
<div class="modal-header border-bottom-0">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><span class="iconify"
data-icon="akar-icons:cross"></span></button>
</div>
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-body">
<p class="getLectureText"></p>
</div>
</div>
</div>
</div>
<!-- Text Upload Modal End -->
<!-- Image Upload Modal Start -->
<div class="modal fade textUploadModal venoBoxTypeModal" id="imageUploadModal" tabindex="-1" aria-hidden="true">
<div class="modal-header border-bottom-0">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><span class="iconify"
data-icon="akar-icons:cross"></span></button>
</div>
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-body">
<img src="" alt="" class="img-fluid getLectureImage">
</div>
</div>
</div>
</div>
<!-- Image Upload Modal End -->
<!-- Slide Show Upload Modal Start-->
<div class="modal fade venoBoxTypeModal" id="slideModal" tabindex="-1" aria-hidden="true">
<div class="modal-header border-bottom-0">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><span class="iconify"
data-icon="akar-icons:cross"></span></button>
</div>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<iframe class="getLectureSlide" src="" width="100%" height="400" frameborder="0"
scrolling="no"></iframe>
</div>
</div>
</div>
</div>
<!-- Slide Show Upload Modal End-->
<!-- Audio Player Modal Start-->
<div class="modal fade venoBoxTypeModal" id="audioPlayerModal" tabindex="-1" aria-hidden="true">
<div class="modal-header border-bottom-0">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><span class="iconify"
data-icon="akar-icons:cross"></span></button>
</div>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<!--Audio -->
<audio class="getLectureAudio" src="" type="audio/mp3" style="width: 550px" controls
controlsList="nodownload">
</audio>
</div>
</div>
</div>
</div>
<!-- Audio Player Modal End-->
@endsection
@push('style')
<link rel="stylesheet" href="{{asset('frontend/assets/fonts/feather/feather.css')}}">
<!-- Video Player css -->
<link rel="stylesheet" href="{{ asset('frontend/assets/vendor/video-player/plyr.css') }}">
@endpush
@push('script')
<!--Feather Icon-->
<script src="{{asset('frontend/assets/js/feather.min.js')}}"></script>
<!-- Video Player js -->
<script src="{{ asset('frontend/assets/vendor/video-player/plyr.js') }}"></script>
<script>
const players = Array.from(document.querySelectorAll('.js-player')).map((p) => new Plyr(p));
</script>
<!-- Video Player js -->
<script>
"use strict"
$('.lectureText').on('click', function () {
var text = $(this).data("lecture_text")
$('.getLectureText').html(text)
})
$('.lectureImage').on('click', function () {
var image = $(this).data("lecture_image")
$('.getLectureImage').attr('src', image)
})
$('.lectureSlide').on('click', function () {
var slide = $(this).data("lecture_slide")
$('.getLectureSlide').attr('src', slide)
})
</script>
<script type="text/javascript">
'use strict';
//For Scorm course body
$(document).ready(function(){
var width = $('#scorm_player').width();
$('#scorm_player').attr("height", width/2);
window.onresize = function(event) {
var width = $('#scorm_player').width();
$('#scorm_player').attr("height", width/2);
};
});
$(".status").change(function () {
var id = $(this).closest('tr').find('#hidden_id').html();
var status_value = $(this).closest('tr').find('.status option:selected').val();
Swal.fire({
title: "{{ __('Are you sure to change status?') }}",
text: "{{ __('You won`t be able to revert this!') }}",
icon: "warning",
showCancelButton: true,
confirmButtonText: "{{__('Yes, Change it!')}}",
cancelButtonText: "{{__('No, cancel!')}}",
reverseButtons: true
}).then(function (result) {
if (result.value) {
$.ajax({
type: "POST",
url: "{{route('admin.student.changeEnrollmentStatus')}}",
data: {"status": status_value, "id": id, "_token": "{{ csrf_token() }}",},
datatype: "json",
success: function (data) {
toastr.options.positionClass = 'toast-bottom-right';
toastr.success('', '{{ __("Enrollment status has been updated") }}');
},
error: function () {
alert("Error!");
},
});
} else if (result.dismiss === "cancel") {
}
});
});
//End for Scorm course body
</script>
@endpush