search bar implemented

app/Http/Controllers/DashboardController.php

@@ -9,8 +9,12 @@ class DashboardController extends Controller
 {
     public function index()
     {
-
-
-        return view('dashboard', ['ideas' => Idea::orderBy("created_at", "DESC")->paginate(5)]);
+        $ideas = Idea::orderBy("created_at", "DESC");
+        if(\request()->has("search"))
+        {
+            $ideas = $ideas->where("content", "like", "%" . \request("search", "") . "%");
+        }
+        $ideas = $ideas->paginate(5);
+        return view('dashboard', ['ideas' => $ideas]);
     }
 }

resources/views/dashboard.blade.php

@@ -3,39 +3,7 @@
 <div class="container py-4">
     <div class="row">
         <div class="col-3">
-            <div class="card overflow-hidden">
-                <div class="card-body pt-3">
-                    <ul class="nav nav-link-secondary flex-column fw-bold gap-2">
-                        <li class="nav-item">
-                            <a class="nav-link text-dark" href="#">
-                                <span>Home</span></a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="#">
-                                <span>Explore</span></a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="#">
-                                <span>Feed</span></a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="#">
-                                <span>Terms</span></a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="#">
-                                <span>Support</span></a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="#">
-                                <span>Settings</span></a>
-                        </li>
-                    </ul>
-                </div>
-                <div class="card-footer text-center py-2">
-                    <a class="btn btn-link btn-sm" href="#">View Profile </a>
-                </div>
-            </div>
+            @include('shared.left-sidebar')
         </div>
         <div class="col-6">
             @include('shared.success-message')
@@ -52,51 +20,9 @@
             </div>
         </div>
         <div class="col-3">
-            <div class="card">
-                <div class="card-header pb-0 border-0">
-                    <h5 class="">Search</h5>
-                </div>
-                <div class="card-body">
-                    <input placeholder="...
-                        " class="form-control w-100" type="text"
-                           id="search">
-                    <button class="btn btn-dark mt-2"> Search</button>
-                </div>
-            </div>
-            <div class="card mt-3">
-                <div class="card-header pb-0 border-0">
-                    <h5 class="">Who to follow</h5>
-                </div>
-                <div class="card-body">
-                    <div class="hstack gap-2 mb-3">
-                        <div class="avatar">
-                            <a href="#!"><img class="avatar-img rounded-circle"
-                                              src="https://api.dicebear.com/6.x/fun-emoji/svg?seed=Mario" alt=""></a>
-                        </div>
-                        <div class="overflow-hidden">
-                            <a class="h6 mb-0" href="#!">Mario Brother</a>
-                            <p class="mb-0 small text-truncate">@Mario</p>
-                        </div>
-                        <a class="btn btn-primary-soft rounded-circle icon-md ms-auto" href="#"><i
-                                class="fa-solid fa-plus"> </i></a>
-                    </div>
-                    <div class="hstack gap-2 mb-3">
-                        <div class="avatar">
-                            <a href="#!"><img class="avatar-img rounded-circle"
-                                              src="https://api.dicebear.com/6.x/fun-emoji/svg?seed=Mario" alt=""></a>
-                        </div>
-                        <div class="overflow-hidden">
-                            <a class="h6 mb-0" href="#!">Mario Brother</a>
-                            <p class="mb-0 small text-truncate">@Mario</p>
-                        </div>
-                        <a class="btn btn-primary-soft rounded-circle icon-md ms-auto" href="#"><i
-                                class="fa-solid fa-plus"> </i></a>
-                    </div>
-                    <div class="d-grid mt-3">
-                        <a class="btn btn-sm btn-primary-soft" href="#!">Show More</a>
-                    </div>
-                </div>
-            </div>
+            @include('shared.search-bar')
+            @include('shared.follow-box')
+
         </div>
     </div>
 </div>

resources/views/ideas/show.blade.php

@@ -3,39 +3,7 @@
     <div class="container py-4">
         <div class="row">
             <div class="col-3">
-                <div class="card overflow-hidden">
-                    <div class="card-body pt-3">
-                        <ul class="nav nav-link-secondary flex-column fw-bold gap-2">
-                            <li class="nav-item">
-                                <a class="nav-link text-dark" href="#">
-                                    <span>Home</span></a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link" href="#">
-                                    <span>Explore</span></a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link" href="#">
-                                    <span>Feed</span></a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link" href="#">
-                                    <span>Terms</span></a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link" href="#">
-                                    <span>Support</span></a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link" href="#">
-                                    <span>Settings</span></a>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="card-footer text-center py-2">
-                        <a class="btn btn-link btn-sm" href="#">View Profile </a>
-                    </div>
-                </div>
+                @include('shared.left-sidebar')
             </div>
             <div class="col-6">
                     <div class="mt-3">
@@ -44,51 +12,8 @@
 
             </div>
             <div class="col-3">
-                <div class="card">
-                    <div class="card-header pb-0 border-0">
-                        <h5 class="">Search</h5>
-                    </div>
-                    <div class="card-body">
-                        <input placeholder="...
-                        " class="form-control w-100" type="text"
-                               id="search">
-                        <button class="btn btn-dark mt-2"> Search</button>
-                    </div>
-                </div>
-                <div class="card mt-3">
-                    <div class="card-header pb-0 border-0">
-                        <h5 class="">Who to follow</h5>
-                    </div>
-                    <div class="card-body">
-                        <div class="hstack gap-2 mb-3">
-                            <div class="avatar">
-                                <a href="#!"><img class="avatar-img rounded-circle"
-                                                  src="https://api.dicebear.com/6.x/fun-emoji/svg?seed=Mario" alt=""></a>
-                            </div>
-                            <div class="overflow-hidden">
-                                <a class="h6 mb-0" href="#!">Mario Brother</a>
-                                <p class="mb-0 small text-truncate">@Mario</p>
-                            </div>
-                            <a class="btn btn-primary-soft rounded-circle icon-md ms-auto" href="#"><i
-                                    class="fa-solid fa-plus"> </i></a>
-                        </div>
-                        <div class="hstack gap-2 mb-3">
-                            <div class="avatar">
-                                <a href="#!"><img class="avatar-img rounded-circle"
-                                                  src="https://api.dicebear.com/6.x/fun-emoji/svg?seed=Mario" alt=""></a>
-                            </div>
-                            <div class="overflow-hidden">
-                                <a class="h6 mb-0" href="#!">Mario Brother</a>
-                                <p class="mb-0 small text-truncate">@Mario</p>
-                            </div>
-                            <a class="btn btn-primary-soft rounded-circle icon-md ms-auto" href="#"><i
-                                    class="fa-solid fa-plus"> </i></a>
-                        </div>
-                        <div class="d-grid mt-3">
-                            <a class="btn btn-sm btn-primary-soft" href="#!">Show More</a>
-                        </div>
-                    </div>
-                </div>
+               @include('shared.search-bar')
+                @include('shared.follow-box')
             </div>
         </div>
     </div>

resources/views/shared/follow-box.blade.php

@@ -0,0 +1,34 @@
+<div class="card mt-3">
+    <div class="card-header pb-0 border-0">
+        <h5 class="">Who to follow</h5>
+    </div>
+    <div class="card-body">
+        <div class="hstack gap-2 mb-3">
+            <div class="avatar">
+                <a href="#!"><img class="avatar-img rounded-circle"
+                                  src="https://api.dicebear.com/6.x/fun-emoji/svg?seed=Mario" alt=""></a>
+            </div>
+            <div class="overflow-hidden">
+                <a class="h6 mb-0" href="#!">Mario Brother</a>
+                <p class="mb-0 small text-truncate">@Mario</p>
+            </div>
+            <a class="btn btn-primary-soft rounded-circle icon-md ms-auto" href="#"><i
+                    class="fa-solid fa-plus"> </i></a>
+        </div>
+        <div class="hstack gap-2 mb-3">
+            <div class="avatar">
+                <a href="#!"><img class="avatar-img rounded-circle"
+                                  src="https://api.dicebear.com/6.x/fun-emoji/svg?seed=Mario" alt=""></a>
+            </div>
+            <div class="overflow-hidden">
+                <a class="h6 mb-0" href="#!">Mario Brother</a>
+                <p class="mb-0 small text-truncate">@Mario</p>
+            </div>
+            <a class="btn btn-primary-soft rounded-circle icon-md ms-auto" href="#"><i
+                    class="fa-solid fa-plus"> </i></a>
+        </div>
+        <div class="d-grid mt-3">
+            <a class="btn btn-sm btn-primary-soft" href="#!">Show More</a>
+        </div>
+    </div>
+</div>

resources/views/shared/left-sidebar.blade.php

@@ -0,0 +1,33 @@
+<div class="card overflow-hidden">
+    <div class="card-body pt-3">
+        <ul class="nav nav-link-secondary flex-column fw-bold gap-2">
+            <li class="nav-item">
+                <a class="nav-link text-dark" href="#">
+                    <span>Home</span></a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="#">
+                    <span>Explore</span></a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="#">
+                    <span>Feed</span></a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="#">
+                    <span>Terms</span></a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="#">
+                    <span>Support</span></a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="#">
+                    <span>Settings</span></a>
+            </li>
+        </ul>
+    </div>
+    <div class="card-footer text-center py-2">
+        <a class="btn btn-link btn-sm" href="#">View Profile </a>
+    </div>
+</div>

resources/views/shared/search-bar.blade.php

@@ -0,0 +1,11 @@
+<div class="card">
+    <form action="{{route('ideas.index')}}" method="get">
+    <div class="card-header pb-0 border-0">
+        <h5 class="">Search</h5>
+    </div>
+    <div class="card-body">
+        <input name="search" placeholder="..." class="form-control w-100" type="text" id="search">
+        <button class="btn btn-dark mt-2"> Search</button>
+    </div>
+    </form>
+</div>