File "lessons.blade.php"
Full Path: /home/fundopuh/trader.fxex.org/resources/views/admin/memebership/lessons.blade.php
File size: 14.23 KB
MIME-type: text/html
Charset: utf-8
@extends('layouts.app')
@section('content')
<a href="{{ route('courses') }}" class="btn btn-info btn-sm">
<i class="fa fa-arrow-left"></i>
<span>Back</span>
</a>
<div class="mt-2 mb-3 d-lg-flex justify-content-lg-between">
<div>
<h1 class="title1 d-inline mr-4">Lessons </h1>
<h3>Course Title: <span class="font-weight-bolder">{{ $course->course_title }}</span> </h3>
</div>
<div class="mt-3 mt-lg-0">
@if ($lessons and !count($lessons) == 0)
<button class="btn btn-light shadow-sm px-3 border" type="button" data-toggle="modal"
data-target="#lessonModal">
<i class=" fa fa-plus"></i>
New Lesson
</button>
@endif
</div>
</div>
<x-admin.alert />
<div class="mt-2 mb-5 row">
@forelse ($lessons as $less)
<div class="col-md-4">
<div class="card ">
<img src="{{ str_starts_with($less->thumbnail, 'http') ? $less->thumbnail : asset('public/' . $less->thumbnail) }}"
class="card-img-top" alt="course image">
<div class="card-body">
<h4 class=" font-weight-bolder">{{ $loop->iteration }}.
{{ $less->title }}
</h4>
<div class="d-flex justify-content-between align-items-center mt-2">
<a href="#" class="btn btn-primary btn-sm px-2" data-toggle="modal"
data-target="#lessonModal{{ $less->id }}">Edit Lesson</a>
<div class="d-flex align-items-center ">
<i class="mr-1 fa fa-clock"></i>
<span> {{ $less->length }} Mins</span>
</div>
</div>
<a href="#" class="btn btn-danger btn-sm px-2 btn-block mt-3" data-toggle="modal"
data-target="#lessonDeleteModal{{ $less->id }}">Delete Lesson</a>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" tabindex="-1" id="lessonModal{{ $less->id }}" aria-h6ledby="exampleModalh6"
aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header ">
<h3 class="mb-2 d-inline ">Update Lesson</h3>
<button type="button" class="close " data-dismiss="modal" aria-h6="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body ">
<div>
<form method="POST" action="{{ route('updatedlesson') }}" enctype="multipart/form-data">
@csrf
@method('PATCH')
<div class="form-row">
<div class="form-group col-md-6">
<h6 class="">Lesson Title</h6>
<input type="text" class="form-control border border-primary"
value="{{ $less->title }}" name="title" required>
</div>
<div class="form-group col-md-6">
<h6 class="">Length of video</h6>
<input type="text" class="form-control border border-primary" name="length"
value="{{ $less->length }}" required>
</div>
<div class="form-group col-md-12">
<h6 class="">Description</h6>
<textarea name="desc" cols="4" class="form-control border border-primary ckeditor" required>
{{ $less->desc }}
</textarea>
</div>
<div class="form-group col-md-6">
<h6 class="">Video Link</h6>
<input type="text" class="form-control border border-primary"
name="videolink" value="{{ $less->videolink }}" required>
<small>
Note: only accepting the "src attribute" value of an Iframe link
</small>
</div>
<div class="form-group col-md-6">
<h6 class="">Allow Preview</h6>
<select name="preview" class="form-control border border-primary">
<option value="{{ $less->preview }}">
{{ $less->preview }}</option>
<option value="true">true</option>
<option value="false">false</option>
</select>
<small>
If you want users to be
able to view this lesson before
purchase
</small>
</div>
<div class="form-group col-md-6">
<h6 class="">Lesson Thumbnail (File)</h6>
<input type="file" class="form-control border border-primary" name="image">
@error('image')
<div class="alert alert-danger">{{ $message }}</div>
@enderror
</div>
<div class="form-group col-md-6">
<h6 class="">Lesson Thumbnail (Url)</h6>
<input type="text" class="form-control border border-primary"
name="image_url" value="{{ $less->thumbnail }}">
</div>
<h6>
Use either file upload or url to
choose a lesson image, if both is entered, the file upload will be
used.
</h6>
<input type="hidden" value="{{ $less->id }}" name="lesson_id">
<input type="hidden" value="{{ $course->id }}" name="course_id">
</div>
<button type="submit" class="px-4 btn btn-primary">Update Lesson</button>
</form>
</div>
</div>
</div>
</div>
</div>
{{-- End add user modal --}}
<!-- Modal -->
<div class="modal fade" tabindex="-1" id="lessonDeleteModal{{ $less->id }}"
aria-h6ledby="exampleModalh6" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h3 class="mb-2 d-inline">Delete Lesson</h3>
<button type="button" class="close " data-dismiss="modal" aria-h6="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div>
<p class="">Are you sure you want delete this lesson?
</p>
<a href="{{ route('deletelesson', ['id' => $less->id, 'courseId' => $course->id]) }}"
class="btn btn-danger">DELETE</a>
</div>
</div>
</div>
</div>
</div>
{{-- End add user modal --}}
@empty
<div class="col-md-12">
<div class="card text-center py-3">
<h5 class="">No Lesson for this course</h5>
<div>
<button class="btn btn-secondary px-3" data-toggle="modal" data-target="#lessonModal">Add
Lesson</button>
</div>
</div>
</div>
@endforelse
</div>
<!-- Modal -->
<div class="modal fade" tabindex="-1" id="lessonModal" aria-h6ledby="exampleModalh6" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header ">
<h3 class="mb-2 d-inline ">Add Lesson</h3>
<button type="button" class="close " data-dismiss="modal" aria-h6="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body ">
<div>
<form method="POST" action="{{ route('addlesson') }}" enctype="multipart/form-data">
@csrf
<div class="form-row">
<div class="form-group col-md-6">
<h6 class="">Lesson Title</h6>
<input type="text" class="form-control border border-primary" name="title"
required>
</div>
<div class="form-group col-md-6">
<h6 class="">Length of video</h6>
<input type="text" class="form-control border border-primary" name="length"
required>
</div>
<div class="form-group col-md-12">
<h6 class="">Description</h6>
<textarea name="desc" id="" cols="4" class="form-control border border-primary ckeditor" required></textarea>
</div>
<div class="form-group col-md-6">
<h6 class="">Video Link</h6>
<input type="text" class="form-control border border-primary" name="videolink"
required>
</div>
<div class="form-group col-md-6">
<h6 class="">Allow Preview</h6>
<div class="selectgroup">
<label class="selectgroup-item">
<input type="radio" value="true" class="selectgroup-input"
name="preview">
<span class="selectgroup-button">Allow</span>
</label>
<label class="selectgroup-item">
<input type="radio" value="false" class="selectgroup-input"
name="preview">
<span class="selectgroup-button">Don't Allow</span>
</label>
</div>
</div>
<div class="form-group col-md-6">
<h6 class="">Lesson Thumbnail (File)</h6>
<input type="file" class="form-control border border-primary" name="image">
@error('image')
<div class="alert alert-danger">{{ $message }}</div>
@enderror
</div>
<div class="form-group col-md-6">
<h6 class="">Lesson Thumbnail (Url)</h6>
<input type="text" class="form-control border border-primary" name="image_url">
</div>
<h6>
Use either file upload or url to
choose a lesson image, if both is entered, the file upload will be used.
</h6>
<input type="hidden" value="{{ $course->id }}" name="course_id">
<input type="hidden" value="{{ $categoryId }}" name="category_id">
</div>
<button type="submit" class="px-4 btn btn-primary">Add Lesson</button>
</form>
</div>
</div>
</div>
</div>
</div>
{{-- End add user modal --}}
@endsection
@push('scripts')
<script src="//cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.ckeditor').ckeditor();
});
</script>
@endpush