modified watch course page

app/Http/Controllers/Backend/Courses/CourseController.php

@@ -9,6 +9,8 @@
 use App\Http\Requests\Backend\Course\Courses\UpdateRequest;
 use App\Models\CourseCategory;
 use App\Models\Instructor;
+use App\Models\Lesson;
+use App\Models\Material;
 use Exception;
 use File; 
 
@@ -184,6 +186,8 @@ public function watchCourse($id)
     {
         $course = Course::findOrFail(encryptor('decrypt',$id));
         $category = CourseCategory::get();
-        return view('frontend.watchCourse', compact('course', 'category'));
+        $lessons = Lesson::where('course_id', $course->id)->get();
+
+        return view('frontend.watchCourse', compact('course', 'category', 'lessons'));
     }
 }

resources/views/frontend/demo

@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class Course extends Model
+{
+    use HasFactory;
+
+    protected $fillable = [
+        'title_en', 'price', 'image'
+    ];
+
+    public function courseCategory()
+    {
+        return $this->belongsTo(CourseCategory::class, 'category_id', 'id');
+    }
+
+    public function instructor()
+    {
+        return $this->belongsTo(Instructor::class);
+    }
+
+    public function material()
+    {
+        return $this->hasMany(Material::class);
+    }
+
+    public function enrollment()
+    {
+        return $this->hasMany(Enrollment::class);
+    }
+
+    public function lesson()
+    {
+        return $this->hasMany(Lesson::class);
+    }
+}

resources/views/frontend/watchCourse.blade.php

@@ -499,6 +499,11 @@ class="button button-md button--primary float-end">Post
                     </div>
                     <div class="videolist-area-bar__wrapper">
                         <div class="videolist-area-wizard">
+                            @foreach($lessons as $lesson)
+                            <div class="wizard-heading">
+                                <h6 class="">{{$lesson->title}}</h6>
+                            </div>
+                            @endforeach
                             <div class="wizard-heading">
                                 <h6 class="">Get Started</h6>
                             </div>