From 6db4fb2c2dd68912b1d1d5983e8ac244a0f8fecc Mon Sep 17 00:00:00 2001
From: Ibrahim Khail Shakil <iksakil2@gmail.com>
Date: Sun, 3 Dec 2023 15:11:10 +0600
Subject: [PATCH] added category to course page

---
 .../Backend/Courses/CourseController.php      |  3 +-
 resources/views/frontend/home.blade.php       | 80 +++++++++----------
 .../views/frontend/searchCourse.blade.php     | 70 ++--------------
 3 files changed, 47 insertions(+), 106 deletions(-)

diff --git a/app/Http/Controllers/Backend/Courses/CourseController.php b/app/Http/Controllers/Backend/Courses/CourseController.php
index c4eb8e0..9dea45f 100644
--- a/app/Http/Controllers/Backend/Courses/CourseController.php
+++ b/app/Http/Controllers/Backend/Courses/CourseController.php
@@ -26,7 +26,8 @@ public function index()
     public function frontIndex()
     {
         $course = Course::paginate(10);
-        return view('frontend.searchCourse', compact('course'));
+        $category = CourseCategory::get();
+        return view('frontend.searchCourse', compact('course', 'category'));
     }
 
     /**
diff --git a/resources/views/frontend/home.blade.php b/resources/views/frontend/home.blade.php
index da16f78..6ce494e 100644
--- a/resources/views/frontend/home.blade.php
+++ b/resources/views/frontend/home.blade.php
@@ -305,13 +305,13 @@ class="img-fluid shape-01" />
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -362,13 +362,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -419,13 +419,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -476,13 +476,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -533,13 +533,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -590,14 +590,14 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}">
+                                    <a href="#">
                                         <img src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" />
                                     </a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -658,13 +658,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -715,13 +715,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -772,13 +772,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -839,13 +839,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -896,13 +896,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -963,13 +963,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1020,13 +1020,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1077,13 +1077,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1134,13 +1134,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1201,13 +1201,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="{{route('courseDetails')}}"><img
+                                    <a href="#"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                        <a href="#" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -2153,13 +2153,13 @@ class="img-fluid shape01" />
                 <div class="eventsSlider">
                     <div class="contentCard contentCard--event contentCard--space">
                         <div class="contentCard-top">
-                            <a href="{{route('courseDetails')}}"><img
+                            <a href="#"><img
                                     src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}" alt="images"
                                     class="img-fluid" /></a>
                         </div>
                         <div class="contentCard-bottom">
                             <h5>
-                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                <a href="#" class="font-title--card">Chicago International
                                     Conference on Education</a>
                             </h5>
                             <div class="contentCard-more">
@@ -2182,13 +2182,13 @@ class="img-fluid" /></a>
                     </div>
                     <div class="contentCard contentCard--event contentCard--space">
                         <div class="contentCard-top">
-                            <a href="{{route('courseDetails')}}"><img
+                            <a href="#"><img
                                     src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}" alt="images"
                                     class="img-fluid" /></a>
                         </div>
                         <div class="contentCard-bottom">
                             <h5>
-                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                <a href="#" class="font-title--card">Chicago International
                                     Conference on Education</a>
                             </h5>
                             <div class="contentCard-more">
@@ -2211,13 +2211,13 @@ class="img-fluid" /></a>
                     </div>
                     <div class="contentCard contentCard--event contentCard--space">
                         <div class="contentCard-top">
-                            <a href="{{route('courseDetails')}}"><img
+                            <a href="#"><img
                                     src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}" alt="images"
                                     class="img-fluid" /></a>
                         </div>
                         <div class="contentCard-bottom">
                             <h5>
-                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                <a href="#" class="font-title--card">Chicago International
                                     Conference on Education</a>
                             </h5>
                             <div class="contentCard-more">
@@ -2240,13 +2240,13 @@ class="img-fluid" /></a>
                     </div>
                     <div class="contentCard contentCard--event contentCard--space">
                         <div class="contentCard-top">
-                            <a href="{{route('courseDetails')}}"><img
+                            <a href="#"><img
                                     src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}" alt="images"
                                     class="img-fluid" /></a>
                         </div>
                         <div class="contentCard-bottom">
                             <h5>
-                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                <a href="#" class="font-title--card">Chicago International
                                     Conference on Education</a>
                             </h5>
                             <div class="contentCard-more">
diff --git a/resources/views/frontend/searchCourse.blade.php b/resources/views/frontend/searchCourse.blade.php
index 959c73b..e20d296 100644
--- a/resources/views/frontend/searchCourse.blade.php
+++ b/resources/views/frontend/searchCourse.blade.php
@@ -55,7 +55,7 @@
                             <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                 data-bs-target="#categoryCollapse" aria-expanded="true"
                                 aria-controls="categoryCollapse">
-                                category
+                                Category
                             </button>
                         </h2>
                         <div id="categoryCollapse" class="accordion-collapse collapse show"
@@ -71,69 +71,18 @@
                                             1,54,750
                                         </p>
                                     </div>
+                                    @forelse($category as $cat)
                                     <div class="accordion-body__item">
                                         <div class="check-box">
                                             <input type="checkbox" class="checkbox-primary" />
-                                            <label> Development </label>
+                                            <label> {{ $cat->category_name }} </label>
                                         </div>
                                         <p class="check-details">
                                             45,770
                                         </p>
                                     </div>
-                                    <div class="accordion-body__item">
-                                        <div class="check-box">
-                                            <input type="checkbox" class="checkbox-primary" />
-                                            <label> Finance & Accounting </label>
-                                        </div>
-                                        <p class="check-details">
-                                            35,790
-                                        </p>
-                                    </div>
-                                    <div class="accordion-body__item">
-                                        <div class="check-box">
-                                            <input type="checkbox" class="checkbox-primary" />
-                                            <label> IT & Software </label>
-                                        </div>
-                                        <p class="check-details">
-                                            5,770
-                                        </p>
-                                    </div>
-                                    <div class="accordion-body__item">
-                                        <div class="check-box">
-                                            <input type="checkbox" class="checkbox-primary" />
-                                            <label> Offices Productivity </label>
-                                        </div>
-                                        <p class="check-details">
-                                            765
-                                        </p>
-                                    </div>
-                                    <div class="accordion-body__item">
-                                        <div class="check-box">
-                                            <input type="checkbox" class="checkbox-primary" />
-                                            <label> Personal Development </label>
-                                        </div>
-                                        <p class="check-details">
-                                            65
-                                        </p>
-                                    </div>
-                                    <div class="accordion-body__item">
-                                        <div class="check-box">
-                                            <input type="checkbox" class="checkbox-primary" />
-                                            <label> Digatal Marketing </label>
-                                        </div>
-                                        <p class="check-details">
-                                            9,870
-                                        </p>
-                                    </div>
-                                    <div class="accordion-body__item">
-                                        <div class="check-box">
-                                            <input type="checkbox" class="checkbox-primary" />
-                                            <label> Health & Fitness </label>
-                                        </div>
-                                        <p class="check-details">
-                                            70
-                                        </p>
-                                    </div>
+                                    @empty
+                                    @endforelse
                                 </form>
                             </div>
                         </div>
@@ -159,15 +108,6 @@
                                             1,54,750
                                         </p>
                                     </div>
-                                    <div class="accordion-body__item">
-                                        <div class="check-box">
-                                            <input type="checkbox" class="checkbox-primary" />
-                                            <label> Beginner </label>
-                                        </div>
-                                        <p class="check-details">
-                                            45,770
-                                        </p>
-                                    </div>
                                     <div class="accordion-body__item">
                                         <div class="check-box">
                                             <input type="checkbox" class="checkbox-primary" />