From 4b9db021d0ade82ad7f51a553539d147205edfff Mon Sep 17 00:00:00 2001
From: raccoon254 <tomsteve187@gmail.com>
Date: Wed, 22 May 2024 23:54:26 +0300
Subject: [PATCH] Return data to the verify payments UI

---
 app/Livewire/VerifyPayments.php                 | 17 +++++++++++++++--
 resources/views/livewire/manage-users.blade.php | 10 ++++++----
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/app/Livewire/VerifyPayments.php b/app/Livewire/VerifyPayments.php
index a83820d..412ab10 100644
--- a/app/Livewire/VerifyPayments.php
+++ b/app/Livewire/VerifyPayments.php
@@ -2,12 +2,25 @@
 
 namespace App\Livewire;
 
+use App\Models\Payment;
+use Illuminate\View\View;
 use Livewire\Component;
 
 class VerifyPayments extends Component
 {
-    public function render()
+    public string $search = '';
+    public function render(): View
     {
-        return view('livewire.verify-payments');
+        $payments = Payment::where('order_id', 'like', '%' . $this->search . '%')
+            ->orWhere('amount', 'like', '%' . $this->search . '%')
+            ->orWhere('payment_method', 'like', '%' . $this->search . '%')
+            ->orWhere('status', 'like', '%' . $this->search . '%')
+            ->paginate(40);
+
+        return view('livewire.verify-payments',
+            [
+                'payments' => $payments
+            ]
+        );
     }
 }
diff --git a/resources/views/livewire/manage-users.blade.php b/resources/views/livewire/manage-users.blade.php
index ad77701..2a13a6a 100644
--- a/resources/views/livewire/manage-users.blade.php
+++ b/resources/views/livewire/manage-users.blade.php
@@ -8,8 +8,10 @@
     <div class="max-w-7xl text-black/80 relative h-full mx-auto">
         <div class="flex sm:mx-3 lg:mx-4 flex-col h-full md:flex-row">
             <div class="w-full md:pr-2 flex-col">
-                <div class="rounded-lg p-4 relative w-full bg-white">
-                    <h1>Manage Users</h1>
+                <div class="rounded-lg h-[85vh] overflow-scroll p-4 relative w-full bg-white">
+                    <h1 class="text-2xl font-semibold my-4 text-center text-gray-800">
+                        Manage Users
+                    </h1>
                     <div class="card-header max-w-md relative">
                         <input type="text" wire:model.live="search" class="w-full p-2 border border-gray-300 rounded-lg"
                                placeholder="Search Users">
@@ -17,7 +19,7 @@
                     </div>
                     <table class="table my-4 ring-1 ring-blue-200 overflow-clip">
                         <thead>
-                        <tr class="bg-gray-100 text-gray-600 text-sm">
+                        <tr class="bg-gray-100 border-blue-300 text-gray-600 text-sm">
                             <th>Id</th>
                             <th>Avatar</th>
                             <th>Name</th>
@@ -28,7 +30,7 @@
                         </thead>
                         <tbody>
                         @foreach($users as $user)
-                            <tr>
+                            <tr class="border-blue-200">
                                 <td>{{ $user->id }}</td>
                                 <td>
                                     <img src="{{ $user->profile_photo }}" alt="{{ $user->name }}"