fitur search surat masuk aktif

app/Livewire/Surat/SuratMasukIndex.php

@@ -10,7 +10,7 @@
 class SuratMasukIndex extends Component
 {
     use WithPagination;
-    public $idHapus, $suratmasuks;
+    public $idHapus, $suratmasuks, $cari;
 
     public $form = [
         'jenis_agenda_tp' => null,
@@ -63,7 +63,11 @@ public function storeUpdate()
 
     public function render()
     {
-        $data = ModelsSuratMasukIndex::paginate(10);
+        $data = ModelsSuratMasukIndex::query()
+        ->where('nomor_surat', 'like', '%' . $this->cari . '%')
+        ->orWhere('acara', 'like', '%' . $this->cari . '%')
+        ->paginate(10);
+
         return view('livewire.surat.surat-masuk-index', ['data' => $data]);
     }
 

resources/views/livewire/surat/surat-masuk-index.blade.php

@@ -33,6 +33,17 @@
     <div class="content">
         <div class="card">
             <div class="card-body">
+                <div class="row">
+                    <div class="col-8">
+
+                    </div>
+                    <div class="col-md-4">
+                        <div class="input-group">
+                            <input type="text" class="form-control" placeholder="Cari" wire:model.live='cari'>
+                            <span class="input-group-text"><i class="icon-search4"></i></span>
+                        </div>
+                    </div>
+                </div>
                 <div class="table-responsive">
                     <table class="table table-striped dataTable" id="DataTables_Table_0" role="grid"
                         aria-describedby="DataTables_Table_0_info">