feat(tags): add filter functionality to tag listing page on guest

Author: Alitindrawan24

app/Http/Controllers/Guest/TagController.php

@@ -28,8 +28,13 @@ public function index(Request $request): View
 
         $tags = Tag::publicOnly()
             ->withCount(['links' => fn($query) => $query->publicOnly()])
-            ->orderBy($this->orderBy, $this->orderDir)
-            ->paginate(getPaginationLimit());
+            ->orderBy($this->orderBy, $this->orderDir);
+
+        if ($request->input('filter')) {
+            $tags = $tags->where('name', 'like', '%' . $request->input('filter') . '%');
+        }
+
+        $tags = $tags->paginate(getPaginationLimit());
 
         return view('guest.tags.index', [
             'pageTitle' => trans('tag.tags'),

resources/views/guest/tags/index.blade.php

@@ -10,10 +10,28 @@
         <h3 class="mb-0 me-3">
             @lang('tag.tags')
         </h3>
-        <a href="{{ route('guest.tags.feed') }}" class="ms-auto btn btn-sm btn-outline-secondary">
-            <x-icon.feed/>
-            <span class="visually-hidden">@lang('linkace.feed')</span>
-        </a>
+        <div class="mb-0 ms-auto">
+            <div class="d-flex flex-column flex-sm-row gap-3">
+                <form action="{{ route('guest.tags.index') }}" method="GET">
+                    <label for="filter" class="visually-hidden">@lang('tag.filter_tags')</label>
+                    <div class="input-group input-group-sm mb-1 mb-sm-0 me-sm-2">
+                        <input type="text" name="filter" id="filter" minlength="1"
+                            class="form-control" placeholder="@lang('tag.filter_tags')"
+                            value="{{ request()->input('filter') }}"/>
+                        <a href="{{ route('guest.tags.index') }}" class="btn btn-sm btn-outline-primary">
+                            <x-icon.ban/>
+                        </a>
+                        <button class="btn btn-primary" type="submit" title="@lang('list.filter_lists')">
+                            <x-icon.search/>
+                        </button>
+                    </div>
+                </form>
+                <a href="{{ route('guest.tags.feed') }}" class="ms-auto btn btn-sm btn-outline-secondary">
+                    <x-icon.feed/>
+                    <span class="visually-hidden">@lang('linkace.feed')</span>
+                </a>
+            </div>
+        </div>
     </header>
 
     <div class="tags-listing card my-3 mb-3">