From 86a146d50ff093f3e64b58389e7eabd1231ee680 Mon Sep 17 00:00:00 2001
From: Yuri Dimas <yuri@impstudio.co.id>
Date: Thu, 9 Oct 2025 23:29:28 +0700
Subject: [PATCH] style: add component table

control & pagination
---
 Views/Shared/Components/Table/_Control.cshtml | 18 +++++++++++++++
 .../Components/Table/_Pagination.cshtml       | 23 +++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 Views/Shared/Components/Table/_Control.cshtml
 create mode 100644 Views/Shared/Components/Table/_Pagination.cshtml

diff --git a/Views/Shared/Components/Table/_Control.cshtml b/Views/Shared/Components/Table/_Control.cshtml
new file mode 100644
index 0000000..aa81a31
--- /dev/null
+++ b/Views/Shared/Components/Table/_Control.cshtml
@@ -0,0 +1,18 @@
+<div class="flex w-full flex-col items-center justify-between gap-2 rounded-t-md bg-gray-50 p-2 md:flex-row md:gap-0">
+    <div>
+        <span>Show</span>
+        <select class="select select-sm mx-1 w-16">
+            <option value="10" selected>10</option>
+            <option value="25">25</option>
+            <option value="50">50</option>
+            <option value="100">100</option>
+        </select>
+        <span>Entries</span>
+    </div>
+    <div>
+        <label class="input input-sm rounded-full">
+            <i class="ph ph-magnifying-glass"></i>
+            <input type="search" required placeholder="Cari data disini..." />
+        </label>
+    </div>
+</div>
\ No newline at end of file
diff --git a/Views/Shared/Components/Table/_Pagination.cshtml b/Views/Shared/Components/Table/_Pagination.cshtml
new file mode 100644
index 0000000..03a9764
--- /dev/null
+++ b/Views/Shared/Components/Table/_Pagination.cshtml
@@ -0,0 +1,23 @@
+<div class="flex w-full flex-col items-center justify-between gap-2 p-2 md:flex-row md:gap-0">
+    <div>
+        <span>
+            Showing 1 to 10 of 57 entries
+        </span>
+    </div>
+    <div>
+        <div class="join">
+            <button class="join-item btn-ghost btn-sm btn" disabled>
+                <i class="ph ph-arrow-left"></i>
+                Prev
+            </button>
+            <button class="join-item btn-ghost btn-sm btn btn-active rounded-lg">1</button>
+            <button class="join-item btn-ghost btn-sm btn rounded-lg">2</button>
+            <button class="join-item btn-ghost btn-sm btn rounded-lg">3</button>
+            <button class="join-item btn-ghost btn-sm btn rounded-lg">4</button>
+            <button class="join-item btn-ghost btn-sm btn rounded-lg">
+                Next
+                <i class="ph ph-arrow-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
\ No newline at end of file