Changed links to chapters, button to synchronize chapters from courses list, dark mode.
This commit is contained in:
@@ -1,28 +1,40 @@
|
||||
<x-layout>
|
||||
<h1>
|
||||
<a href="/">List</a> » <a
|
||||
href="{{ route('course.index', ['course' => $chapter->course_id]) }}">{{ $chapter->course->name }}</a>
|
||||
<a href="/" class="text-decoration-none">List</a> » <a class="text-decoration-none"
|
||||
href="{{ route('course.index', ['course' => $chapter->course_id]) }}">{{ $chapter->course->name }}</a>
|
||||
<br>
|
||||
<small class="text-muted">{{ $chapter->title }}</small>
|
||||
</h1>
|
||||
<div>
|
||||
<div class="float-none">
|
||||
@if($prev)
|
||||
<div class="float-start m-2"><a href="{{ route('course.chapter', ['chapter' => $prev->id]) }}">Prev</a>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
@if($prev)
|
||||
<div class="float-start m-2"><a
|
||||
href="{{ route('course.chapter', ['course' => $chapter->course_id, 'chapter' => $prev->order]) }}"
|
||||
class="btn btn-primary">Prev</a>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
@if($next)
|
||||
<div class="float-end m-2"><a href="{{ route('course.chapter', ['chapter' => $next->id]) }}">Next</a>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<div class="col">
|
||||
@if($chapter->is_video_file)
|
||||
<div class="d-flex justify-content-center">
|
||||
<video class="mx-auto" width="500" controls>
|
||||
<source src="{{ $chapter->video_url }}" type="video/mp4"/>
|
||||
</video>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="mx-auto" style="width: 500px;">
|
||||
@if($chapter->is_video_file)
|
||||
<video class="mx-auto" width="500" controls>
|
||||
<source src="{{ $chapter->video_url }}" type="video/mp4"/>
|
||||
</video>
|
||||
@endif
|
||||
</div>
|
||||
<div class="col">
|
||||
@if($next)
|
||||
<div class="float-end m-2"><a
|
||||
href="{{ route('course.chapter', ['course' => $chapter->course_id, 'chapter' => $next->order]) }}"
|
||||
class="btn btn-primary">Next</a>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</x-layout>
|
||||
|
||||
Reference in New Issue
Block a user