| Server IP : 66.29.137.217 / Your IP : 3.14.64.102 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/bofirmacademy.com/resources/views/organization/course/ |
Upload File : |
@extends('layouts.organization')
@section('breadcrumb')
<div class="page-banner-content text-center">
<h3 class="page-banner-heading text-white pb-15"> {{__('Upload Course')}} </h3>
<!-- Breadcrumb Start-->
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item font-14"><a href="{{route('organization.dashboard')}}">{{__('Dashboard')}}</a></li>
<li class="breadcrumb-item font-14"><a href="{{ route('organization.course.index') }}">{{__('My Courses')}}</a></li>
<li class="breadcrumb-item font-14 active" aria-current="page">{{__('Upload Course')}}</li>
</ol>
</nav>
</div>
@endsection
@section('content')
<div class="instructor-profile-right-part instructor-upload-course-box-part">
<div class="instructor-upload-course-box">
<div class="row">
<div class="col-12">
<div class="card">
<div id="msform">
<!-- progressbar -->
<ul id="progressbar" class="upload-course-item-block d-flex align-items-center justify-content-center">
<li class="active" id="account"><strong>{{ __('Course Overview') }}</strong></li>
<li class="active" id="personal"><strong>{{ __('Upload Video') }}</strong></li>
<li id="confirm"><strong>{{ __('Submit Process') }}</strong></li>
</ul>
<!-- Upload Course Step-1 Item Start -->
<div class="upload-course-step-item upload-course-overview-step-item">
<!-- Upload Course Step-2 Item Start -->
<div class="upload-course-step-item upload-course-video-step-item">
<form method="POST" action="{{route('organization.update.lecture', [$lecture->uuid])}}" class="row g-3 needs-validation" novalidate enctype="multipart/form-data">
@csrf
<!-- Upload Course Video-4 start -->
<div id="upload-course-video-4" >
<div class="upload-course-item-block course-overview-step1 radius-8">
<div class="row mb-30">
<div class="col-md-12">
<div class="d-flex">
<div class="label-text-title color-heading font-medium font-16 mb-3 mr-15">Type: </div>
<div>
<label class="mr-15"><input type="radio" name="type" value="video" {{$lecture->type == 'video' ? 'checked' : '' }} class="lecture-type"> Upload Video</label>
<label class="mr-15"><input type="radio" name="type" value="youtube" {{$lecture->type == 'youtube' ? 'checked' : '' }} class="lecture-type"> Youtube </label>
<label class="mr-15"><input type="radio" name="type" value="vimeo" {{$lecture->type == 'vimeo' ? 'checked' : '' }} class="lecture-type"> Vimeo</label>
<label class="mr-15"><input type="radio" name="type" value="text" {{$lecture->type == 'text' ? 'checked' : '' }} class="lecture-type" id="lectureTypeText"> Text </label>
<label class="mr-15"><input type="radio" name="type" value="image" {{$lecture->type == 'image' ? 'checked' : '' }} class="lecture-type" id="lectureTypeImage"> Image </label>
<label class="mr-15"><input type="radio" name="type" value="pdf" {{$lecture->type == 'pdf' ? 'checked' : '' }} class="lecture-type" id="lectureTypePDF"> PDF </label>
<label class="mr-15"><input type="radio" name="type" value="slide_document" {{$lecture->type == 'slide_document' ? 'checked' : '' }} class="lecture-type" id="lectureTypeSlideDocument"> Slide Document </label>
<label class="mr-15"><input type="radio" name="type" value="audio" {{$lecture->type == 'audio' ? 'checked' : '' }} class="lecture-type" id="lectureTypeAudio"> Audio </label>
</div>
</div>
</div>
</div>
<div id="video" class="{{$lecture->type == 'video' ? '' : 'd-none' }}">
<div class="upload-course-video-4-wrap upload-introduction-box-content-left d-flex align-items-center flex-column">
<div class="upload-introduction-box-content-img mb-3">
<img src="{{asset('frontend/assets/img/instructor-img/upload-lesson-icon.png')}}" alt="upload">
</div>
<input type="hidden" id="file_duration" name="file_duration" value="{{ $lecture->file_duration }}">
<input type="file" name="video_file" accept="video/mp4" class="form-control" id="video_file" title="Upload lesson">
</div>
<p class="font-14 color-gray text-center mt-3 pb-30">{{ __('No file selected') }} (MP4 or WMV)</p>
@if ($errors->has('video_file'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('video_file') }}</span>
@endif
</div>
<div id="youtube" class="{{$lecture->type == 'youtube' ? '' : 'd-none' }}">
<input type="text" name="youtube_url_path" id="youtube_url_path" value="{{$lecture->type == 'youtube' ? $lecture->url_path : ''}}" class="form-control youtube-url" placeholder="Type Your Youtube Video ID">
@if ($errors->has('youtube_url_path'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('youtube_url_path') }}</span>
@endif
</div>
<div id="vimeo" class="{{$lecture->type == 'vimeo' ? '' : 'd-none' }}">
<div class="row mb-30">
<div class="col-md-12">
<label class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Vimeo Upload Type') }} <span class="text-danger">*</span></label>
<select name="vimeo_upload_type" class="form-select vimeo_upload_type">
<option value="" >--{{ __('Select Option') }}--</option>
<option value="1" {{ $lecture->vimeo_upload_type == 1 ? 'selected': '' }} >{{ __('Video File Upload') }}</option>
<option value="2" {{ $lecture->vimeo_upload_type == 2 ? 'selected': '' }} >{{ __('Vimeo Uploaded Video ID') }}</option>
</select>
</div>
@if ($errors->has('vimeo_upload_type'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('vimeo_upload_type') }}</span>
@endif
</div>
<div class="vimeo_Video_file_upload_div {{ $lecture->vimeo_upload_type == 1 ? '': 'd-none' }}">
<label class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Upload Video') }}<span class="text-danger">*</span></label>
<div class="upload-course-video-4-wrap upload-introduction-box-content-left d-flex align-items-center flex-column">
<div class="upload-introduction-box-content-img mb-3">
<img src="{{asset('frontend/assets/img/instructor-img/upload-lesson-icon.png')}}" alt="upload">
</div>
<input type="file" name="vimeo_url_path" accept="video/mp4" class="form-control " id="vimeo_url_path" title="Upload lesson">
</div>
@if ($errors->has('vimeo_url_path'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('vimeo_url_path') }}</span>
@endif
</div>
<div class="vimeo_uploaded_Video_id_div {{ $lecture->vimeo_upload_type == 2 ? '': 'd-none' }}">
<div class="row mb-30">
<div class="col-md-12">
<label class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Uploaded Video ID') }}<span class="text-danger">*</span></label>
<div class="upload-course-video-4-wrap upload-introduction-box-content-left d-flex align-items-center flex-column">
<input type="text" name="vimeo_url_uploaded_path" placeholder="Type your uploaded video ID (ex: 123654)" class="form-control" value="{{ $lecture->url_path }}" id="vimeo_url_uploaded_path">
</div>
</div>
@if ($errors->has('vimeo_url_uploaded_path'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('vimeo_url_uploaded_path') }}</span>
@endif
</div>
<div class="row mb-30">
<div class="col-md-12">
<label class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Lesson File Duration') }} (00:00) <span class="text-danger">*</span></label>
<input type="text" name="vimeo_file_duration" value="{{ $lecture->file_duration }}" class="form-control customVimeoFileDuration" placeholder="Type file duration" >
@if ($errors->has('vimeo_file_duration'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('vimeo_file_duration') }}</span>
@endif
</div>
</div>
</div>
</div>
<div id="text" class="{{$lecture->type == 'text' ? '' : 'd-none' }}">
<label class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Lesson Description') }} <span class="text-danger">*</span></label>
<textarea name="text_description" id="summernote" class="textDescription" cols="30" rows="10">{{ $lecture->text }}</textarea>
{{-- <div>
<div name="text_description" class="textDescription" id="editor">{{ $lecture->text }}</div>
</div> --}}
{{-- <textarea name="text_description" id="open-source-plugins">{{ $lecture->text }}</textarea>--}}
</div>
<div id="imageDiv" class="{{$lecture->type == 'image' ? '' : 'd-none' }}">
<div class="row align-items-center">
<div class="col-12">
<label class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Lesson Image') }} <span class="text-danger">*</span></label>
</div>
<div class="col-md-6 mb-30">
<div class="upload-img-box mt-3 height-200">
@if($lecture->image)
<img src="{{ getImageFile($lecture->image) }}">
@else
<img src="" alt="">
@endif
<input type="file" name="image" id="image" accept="image/*" onchange="previewFile(this)">
<div class="upload-img-box-icon">
<i class="fa fa-camera"></i>
<p class="m-0">{{__('Image')}}</p>
</div>
</div>
@if ($errors->has('image'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('image') }}</span>
@endif
</div>
<div class="col-md-6 mb-30">
<p class="font-14 color-gray">{{ __('Preferable image size') }}: (1MB)</p>
<p class="font-14 color-gray">{{ __('Preferable filetype') }}: jpg, jpeg, png</p>
</div>
</div>
</div>
<div id="pdfDiv" class="{{$lecture->type == 'pdf' ? '' : 'd-none' }}">
<label class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Upload PDF') }} <span class="text-danger">*</span></label>
<div class="upload-course-video-4-wrap upload-introduction-box-content-left d-flex align-items-center flex-column">
<div class="upload-introduction-box-content-img mb-3">
<img src="{{asset('frontend/assets/img/instructor-img/upload-lesson-icon.png')}}" alt="upload">
</div>
<input type="file" name="pdf" accept="application/pdf" class="form-control" value="" id="pdf" title="Upload lesson pdf" >
</div>
</div>
<div id="slide_documentDiv" class="{{$lecture->type == 'slide_document' ? '' : 'd-none' }}">
<label class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Write Your Slide Embed Code') }} <span class="text-danger">*</span></label>
<input type="text" name="slide_document" class="form-control" value="{{ $lecture->slide_document }}" id="powerpoint" title="Upload lesson slide_document" >
</div>
<div id="audioDiv" class="{{$lecture->type == 'audio' ? '' : 'd-none' }}">
<label class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Upload Audio') }} <span class="text-danger">*</span></label>
<div class="upload-course-video-4-wrap upload-introduction-box-content-left d-flex align-items-center flex-column">
<div class="upload-introduction-box-content-img mb-3">
<img src="{{asset('frontend/assets/img/instructor-img/upload-lesson-icon.png')}}" alt="upload">
</div>
<input type="file" name="audio" class="form-control" value="" id="audio" title="Upload lesson audio" >
</div>
</div>
<div>
@if ($errors->has('text_description'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('text_description') }}</span>
@endif
@if ($errors->has('image'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('image') }}</span>
@endif
@if ($errors->has('pdf'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('pdf') }}</span>
@endif
@if ($errors->has('slide_document'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('slide_document') }}</span>
@endif
@if ($errors->has('audio'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('audio') }}</span>
@endif
</div>
<div class="main-upload-video-processing-box">
<div class="d-flex main-upload-video-processing-item">
<div class="flex-grow-1 ms-3">
<div class="row mb-30">
<div class="col-md-12">
<label class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Lesson Title') }}</label>
<input type="text" name="title" value="{{$lecture->title}}" class="form-control" placeholder="First steps" required>
</div>
</div>
<div class="row mb-30">
<div class="col-md-12">
<label class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Learners Visibility') }}</label>
<select name="lecture_type" class="form-select" required>
<option value="" >--{{ __('Select Option') }}--</option>
<option value="1" @if($lecture->lecture_type == 1) selected @endif >{{ __('Show') }}</option>
<option value="2" @if($lecture->lecture_type == 2) selected @endif >{{ __('Lock') }}</option>
</select>
</div>
</div>
<div class="row mb-30 d-none" id="fileDuration">
<div class="col-md-12">
<label class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Lesson File Duration') }} (00:00)</label>
<input type="text" name="youtube_file_duration" value="{{$lecture->file_duration}}" class="form-control customFileDuration" placeholder="First file duration">
@if ($errors->has('youtube_file_duration'))
<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('youtube_file_duration') }}</span>
@endif
</div>
</div>
@if($course->drip_content == DRIP_AFTER_DAY)
<div class="row mb-30" id="drip-day">
<div class="col-md-12">
<label
class="label-text-title color-heading font-medium font-16 mb-3">{{
__('Lesson available after x days') }} <span
class="cursor tooltip-show-btn share-referral-big-btn primary-btn get-referral-btn border-0"
data-toggle="popover" data-bs-placement="bottom"
data-bs-content="Meridian sun strikes upper urface of the impenetrable foliage of my trees">
!
</span></label>
<input type="number" min=1 required name="after_day"
value="{{$lecture->after_day}}" class="form-control"
placeholder="Days">
@if ($errors->has('after_day'))
<span class="text-danger"><i
class="fas fa-exclamation-triangle"></i> {{
$errors->first('after_day') }}</span>
@endif
</div>
</div>
@elseif($course->drip_content == DRIP_UNLOCK_DATE)
<div class="row mb-30" id="drip-date">
<div class="col-md-12">
<div class="input__group text-black">
<label
class="label-text-title color-heading font-medium font-16 mb-3">{{
__('Lesson available by date') }} <span
class="cursor tooltip-show-btn share-referral-big-btn primary-btn get-referral-btn border-0"
data-toggle="popover"
data-bs-placement="bottom"
data-bs-content="Meridian sun strikes upper urface of the impenetrable foliage of my trees">
!
</span></label>
<input type="date" name="unlock_date"
value="{{old('unlock_date', $lecture->unlock_date)}}"
class="form-control" required>
@if ($errors->has('unlock_date'))
<span class="text-danger"><i
class="fas fa-exclamation-triangle"></i> {{
$errors->first('unlock_date') }}</span>
@endif
</div>
</div>
</div>
@elseif($course->drip_content == DRIP_PRE_IDS)
<div class="row mb-30" id="drip-pre-requisite">
<div class="col-md-12">
<label
class="label-text-title color-heading font-medium font-16 mb-3">{{
__('Pre-requisites lesson') }}
<span
class="cursor tooltip-show-btn share-referral-big-btn primary-btn get-referral-btn border-0"
data-toggle="popover" data-bs-placement="bottom"
data-bs-content="Meridian sun strikes upper urface of the impenetrable foliage of my trees">
!
</span>
</label>
@php
$pre_ids = ($lecture->pre_ids) ? json_decode($lecture->pre_ids) : [];
@endphp
<select name="pre_ids[]" required class="form-select select2" multiple>
@foreach ($lessons as $pr_lesson)
<optgroup label="{{ $pr_lesson->name }}">
@foreach ($pr_lesson->lectures as $pr_lecture)
<option value="{{ $pr_lecture->id }}" {{ in_array($pr_lecture->id, $pre_ids) ? 'selected' : '' }}>{{ $pr_lecture->title }}</option>
@endforeach
</optgroup>
@endforeach
</select>
@if ($errors->has('pre_ids'))
<span class="text-danger"><i
class="fas fa-exclamation-triangle"></i> {{
$errors->first('pre_ids') }}</span>
@endif
</div>
</div>
@endif
<div class="row mb-30">
<div class="col-md-12 main-upload-video-processing-item-btns">
<button type="submit" class="theme-btn upload-video-processing-item-save-btn">{{__('Save')}}</button>
<a href="{{route('organization.course.edit', [$course->uuid, 'step=lesson'])}}" class="theme-btn default-hover-btn default-back-btn theme-button3">{{__('Back')}}</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Upload Course Video-4 end -->
</form>
</div>
<!-- Upload Course Step-6 Item End -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" class="lecture_type" value="{{$lecture->type}}">
@endsection
@push('style')
<link rel="stylesheet" href="{{asset('frontend/assets/css/custom/img-view.css')}}">
<!-- Summernote CSS - CDN Link -->
<link href="{{ asset('common/css/summernote/summernote.min.css') }}" rel="stylesheet">
<link href="{{ asset('common/css/summernote/summernote-lite.min.css') }}" rel="stylesheet">
<!-- //Summernote CSS - CDN Link -->
<link rel="stylesheet" href="{{asset('common/css/select2.css')}}">
@endpush
@push('script')
<script src="{{asset('common/js/select2.min.js')}}"></script>
<script src="{{asset('frontend/assets/js/custom/form-validation.js')}}"></script>
<script src="{{asset('frontend/assets/js/custom/img-view.js')}}"></script>
<script src="{{asset('frontend/assets/js/custom/upload-lesson.js')}}"></script>
<!-- Summernote JS - CDN Link -->
<script src="{{ asset('common/js/summernote/summernote-lite.min.js') }}"></script>
<script>
$(document).ready(function() {
$("#summernote").summernote({dialogsInBody: true});
$('.dropdown-toggle').dropdown();
$('.select2').select2();
});
</script>
<!-- //Summernote JS - CDN Link -->
@endpush