From 1505c58ea6c5208e33e453f82df779b15f2d4317 Mon Sep 17 00:00:00 2001
From: Aji Setiaji <aji.setiaji@iconpln.co.id>
Date: Wed, 9 Jul 2025 22:47:31 +0700
Subject: [PATCH] penambahan search by entered name

---
 src/routes/backoffice/purchaseorder/poitem/+page.svelte | 4 ++--
 src/routes/backoffice/timesheets/+page.svelte           | 9 ++++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/routes/backoffice/purchaseorder/poitem/+page.svelte b/src/routes/backoffice/purchaseorder/poitem/+page.svelte
index 076ab13..f5254fc 100644
--- a/src/routes/backoffice/purchaseorder/poitem/+page.svelte
+++ b/src/routes/backoffice/purchaseorder/poitem/+page.svelte
@@ -377,8 +377,8 @@
                     <button
                         on:click={() => changePage(page as number)}
                         class="px-2 py-1 border rounded {page === currentPage
-                            ? 'bg-blue-600 text-white'
-                            : ''}"
+                            ? 'bg-blue-600 text-white border-blue-600'
+                            : 'bg-white border-gray-300 hover:bg-gray-100'}"
                     >
                         {page}
                     </button>
diff --git a/src/routes/backoffice/timesheets/+page.svelte b/src/routes/backoffice/timesheets/+page.svelte
index 50b6b2a..6a5e8a5 100644
--- a/src/routes/backoffice/timesheets/+page.svelte
+++ b/src/routes/backoffice/timesheets/+page.svelte
@@ -334,8 +334,11 @@
                 ascending: sortOrder === "asc",
             }).range(fromIndex, toIndex);   
         
-        if (searchTerm) {
-            query = query.ilike("work_description", `%${searchTerm}%`)
+        if (typeof searchTerm === "string" && searchTerm.length > 4) {
+            // Supabase ilike only supports one column at a time, so use or for multiple columns
+            query = query.or(
+            `work_description.ilike.%${searchTerm}%,entered_name.ilike.%${searchTerm}%`
+            );
         }
 
         if (villaIdFilter) {
@@ -688,7 +691,7 @@
             <input
                 type="text"
                 id="search-input"
-                placeholder="🔍 Search by name..."
+                placeholder="🔍 Search by work description..."
                 class="border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:outline-none px-4 py-2 rounded-xl text-sm w-64 transition"
                 on:input={(e) => {
                     currentSearchTerm = (e.target as HTMLInputElement).value.toLowerCase();