Codespaces / IDE

added category to course page

Parcourir la source
Cette révision appartient à :
Ibrahim Khail Shakil 2023-12-03 15:11:10 +06:00
Parent f45213b3e4
révision 6db4fb2c2d
3 fichiers modifiés avec 47 ajouts et 106 suppressions
Voir les Statistiques Télécharger le Fichier Patch Télécharger le Fichier des Différences Développer tous les fichiers Réduire tous les fichiers

3
app/Http/Controllers/Backend/Courses/CourseController.php
Voir le fichier

@ -26,7 +26,8 @@ public function index()
public function frontIndex() public function frontIndex()
{ {
$course = Course::paginate(10); $course = Course::paginate(10);
return view('frontend.searchCourse', compact('course')); $category = CourseCategory::get();
return view('frontend.searchCourse', compact('course', 'category'));
} }
/** /**

80
resources/views/frontend/home.blade.php
Voir le fichier

@ -305,13 +305,13 @@ class="img-fluid shape-01" />
<div class="col-xl-4 col-md-6"> <div class="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"> <a href="#">
<img src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}" <img src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
alt="images" class="img-fluid" /> alt="images" class="img-fluid" />
</a> </a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="col-xl-4 col-md-6">
<div class="contentCard contentCard--course"> <div class="contentCard contentCard--course">
<div class="contentCard-top"> <div class="contentCard-top">
<a href="{{route('courseDetails')}}"><img <a href="#"><img
src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}" src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
alt="images" class="img-fluid" /></a> alt="images" class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-info d-flex align-items-center justify-content-between"> <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="eventsSlider">
<div class="contentCard contentCard--event contentCard--space"> <div class="contentCard contentCard--event contentCard--space">
<div class="contentCard-top"> <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" src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}" alt="images"
class="img-fluid" /></a> class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-more"> <div class="contentCard-more">
@ -2182,13 +2182,13 @@ class="img-fluid" /></a>
</div> </div>
<div class="contentCard contentCard--event contentCard--space"> <div class="contentCard contentCard--event contentCard--space">
<div class="contentCard-top"> <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" src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}" alt="images"
class="img-fluid" /></a> class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-more"> <div class="contentCard-more">
@ -2211,13 +2211,13 @@ class="img-fluid" /></a>
</div> </div>
<div class="contentCard contentCard--event contentCard--space"> <div class="contentCard contentCard--event contentCard--space">
<div class="contentCard-top"> <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" src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}" alt="images"
class="img-fluid" /></a> class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-more"> <div class="contentCard-more">
@ -2240,13 +2240,13 @@ class="img-fluid" /></a>
</div> </div>
<div class="contentCard contentCard--event contentCard--space"> <div class="contentCard contentCard--event contentCard--space">
<div class="contentCard-top"> <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" src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}" alt="images"
class="img-fluid" /></a> class="img-fluid" /></a>
</div> </div>
<div class="contentCard-bottom"> <div class="contentCard-bottom">
<h5> <h5>
<a href="{{route('courseDetails')}}" class="font-title--card">Chicago International <a href="#" class="font-title--card">Chicago International
Conference on Education</a> Conference on Education</a>
</h5> </h5>
<div class="contentCard-more"> <div class="contentCard-more">

70
resources/views/frontend/searchCourse.blade.php
Voir le fichier

@ -55,7 +55,7 @@
<button class="accordion-button" type="button" data-bs-toggle="collapse" <button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#categoryCollapse" aria-expanded="true" data-bs-target="#categoryCollapse" aria-expanded="true"
aria-controls="categoryCollapse"> aria-controls="categoryCollapse">
category Category
</button> </button>
</h2> </h2>
<div id="categoryCollapse" class="accordion-collapse collapse show" <div id="categoryCollapse" class="accordion-collapse collapse show"
@ -71,69 +71,18 @@
1,54,750 1,54,750
</p> </p>
</div> </div>
@forelse($category as $cat)
<div class="accordion-body__item"> <div class="accordion-body__item">
<div class="check-box"> <div class="check-box">
<input type="checkbox" class="checkbox-primary" /> <input type="checkbox" class="checkbox-primary" />
<label> Development </label> <label> {{ $cat->category_name }} </label>
</div> </div>
<p class="check-details"> <p class="check-details">
45,770 45,770
</p> </p>
</div> </div>
<div class="accordion-body__item"> @empty
<div class="check-box"> @endforelse
<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>
</form> </form>
</div> </div>
</div> </div>
@ -159,15 +108,6 @@
1,54,750 1,54,750
</p> </p>
</div> </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="accordion-body__item">
<div class="check-box"> <div class="check-box">
<input type="checkbox" class="checkbox-primary" /> <input type="checkbox" class="checkbox-primary" />