search feature on pulic page

app/Http/Controllers/MangaController.php

@@ -17,7 +17,13 @@ class MangaController extends Controller
      */
     public function index()
     {
-        $mangas = Manga::latest('id')->paginate(10)->withQueryString();
+        $mangas = Manga::when(auth()->user()->role != 'admin', function($q) {
+            $user_id = auth()->id();
+            $q->where('author_id', $user_id);
+        })
+        ->latest('id')
+        ->paginate(10)
+        ->withQueryString();
         return view('manga.index', compact('mangas'));
     }
 
@@ -90,7 +96,7 @@ class MangaController extends Controller
     public function destroy(Manga $manga)
     {
         $this->authorize('delete', $manga);
-            
+
         $manga->delete();
         return redirect()->back()->with(['message' => 'Manga has been deleted!']);
     }

app/Http/Controllers/PageController.php

@@ -12,10 +12,15 @@ class PageController extends Controller
     public function index()
     {
         // Storage::disk('local')->put('example.txt', 'Contents');
-        $mangas = Manga::latest('id')->paginate(8)->withQueryString();
+        $mangas = Manga::when(request()->has('search'), function($q) {
-        return view('index', [
+            $keyword = request()->search;
-            'mangas' => $mangas
+            $q->where('title', 'like', '%'.$keyword.'%');
-        ]);
+        })
+        ->latest('id')
+        ->paginate(8)
+        ->withQueryString();
+
+        return view('index', ['mangas' => $mangas]);
     }
 
     public function manga($slug)

app/Providers/AuthServiceProvider.php

@@ -31,5 +31,6 @@ class AuthServiceProvider extends ServiceProvider
     {
         //gates here
         Gate::define('admin-only', fn(User $user) => $user->role === 'admin');
+        Gate::define('dashboard', fn(User $user) => $user->role === 'admin' || $user->role === 'author');
     }
 }

resources/views/index.blade.php

@@ -3,12 +3,22 @@
 
 @section('content')
     <div class="row mt-5">
+        @if (request()->search)
+            <div class="d-flex align-items-center mb-3">
+                <h4 class="fw-semibold">#Search result by <span class="text-primary">{{ request()->search }}</span> </h4>
+                <a title="clear search" href="{{ route('page.index') }}" class="btn btn-danger ms-4 p-0 px-1 border-1 border-dark"> <i class="bi bi-x-lg"></i> </a>
+            </div>
+        @endif
         <div class="col-12 col-md-9">
             <div class="row flex-wrap">
                 @forelse ($mangas as $manga)
                     <x-outter-manga-frame :manga="$manga" />
                 @empty
-                    <p class="text-center text-danger">No Manga Yet</p>
+                    @if (request()->search)
+                        <p class="text-center text-danger">Found nothing!!</p>
+                    @else
+                        <p class="text-center text-danger">No Manga Yet</p>
+                    @endif
                 @endforelse
 
             </div>
@@ -23,7 +33,6 @@
             </div>
         </div>
     </div>
-
 @endsection
 
 @section('footer')

resources/views/partials/nav.blade.php

@@ -17,9 +17,10 @@
                 </li>
 
             </ul>
-            <form class="d-flex" role="search">
+            <!-- search box -->
+            <form class="d-flex" role="search" method="GET" action="{{ route('page.index') }}">
                 <div class="input-group">
-                    <input class="form-control" type="search" placeholder="Search" aria-label="Search">
+                    <input name="search" class="form-control" type="search" placeholder="Search" aria-label="Search">
                     <button class="btn btn-dark" type="submit"> <i class="bi bi-search"></i> </button>
                 </div>
             </form>

resources/views/partials/patreon-nav.blade.php

@@ -13,7 +13,7 @@
         @endguest
 
         @auth
-            @can('admin-only')
+            @can('dashboard')
                 <a href="{{ route('home') }}" class="btn btn-sm btn-dark rounded-pill"> <i class="bi bi-speedometer"></i> Go To
                     Dashboard</a>
             @endcan