Implement searching for products on website

Author: thecodeholic

app/Http/Controllers/ProductController.php

@@ -4,40 +4,51 @@
 
 use App\Models\Category;
 use App\Models\Product;
+use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Http\Request;
 
 class ProductController extends Controller
 {
     public function index()
     {
-        $products = Product::query()
-            ->where('published', '=', 1)
-            ->orderBy('updated_at', 'desc')
-            ->paginate(5);
-        return view('product.index', [
-            'products' => $products
-        ]);
+        $query = Product::query();
+
+        return $this->renderProducts($query);
     }
 
     public function byCategory(Category $category)
     {
         $categories = Category::getAllChildrenByParent($category);
 
-        $products = Product::query()
+        $query = Product::query()
             ->select('products.*')
             ->join('product_categories AS pc', 'pc.product_id', 'products.id')
+            ->whereIn('pc.category_id', array_map(fn($c) => $c->id, $categories));
+
+        return $this->renderProducts($query);
+    }
+
+    public function view(Product $product)
+    {
+        return view('product.view', ['product' => $product]);
+    }
+
+    private function renderProducts(Builder $query)
+    {
+        $search = \request()->get('search');
+        $products = $query
             ->where('published', '=', 1)
-            ->whereIn('pc.category_id', array_map(fn($c) => $c->id, $categories))
+            ->where(function ($query) use ($search) {
+                /** @var $query \Illuminate\Database\Eloquent\Builder */
+                $query->where('products.title', 'like', "%$search%")
+                    ->orWhere('products.description', 'like', "%$search%");
+            })
             ->orderBy('updated_at', 'desc')
             ->paginate(5);
 
         return view('product.index', [
             'products' => $products
         ]);
-    }
 
-    public function view(Product $product)
-    {
-        return view('product.view', ['product' => $product]);
     }
 }

resources/views/product/index.blade.php

@@ -6,13 +6,20 @@
 
 <x-app-layout>
     <x-category-list :category-list="$categoryList" class="-ml-5 -mt-5 -mr-5 px-4"/>
+
+    <div class="p-3 pb-0">
+        <form action="" method="GET">
+            <x-input type="text" name="search" placeholder="Search for the products" value="{{request()->get('search')}}" />
+        </form>
+    </div>
+
     <?php if ($products->count() === 0): ?>
         <div class="text-center text-gray-600 py-16 text-xl">
             There are no products published
         </div>
     <?php else: ?>
         <div
-            class="grid gap-8 grig-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 p-5"
+            class="grid gap-4 grig-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 p-3"
         >
             @foreach($products as $product)
                 <!-- Product Item -->