From b52fa5db7a457d8ea4a64ef5e317ef7b2b5054b9 Mon Sep 17 00:00:00 2001
From: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date: Sat, 21 Dec 2024 05:21:36 +0700
Subject: [PATCH] Tambahkan fitur kontrol pagination di tampilan tabel

- Menambahkan opsi "Show per page" untuk memilih jumlah data yang ditampilkan per halaman.
- Menambahkan elemen informasi data dan navigasi pagination di bagian footer tabel.
- Perubahan diterapkan pada file `noc/index.blade.php` dan `persetujuan_penawaran/index.blade.php`.
---
 resources/views/noc/index.blade.php                 | 13 +++++++++++++
 .../views/persetujuan_penawaran/index.blade.php     | 13 +++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/resources/views/noc/index.blade.php b/resources/views/noc/index.blade.php
index 3483629..7893562 100644
--- a/resources/views/noc/index.blade.php
+++ b/resources/views/noc/index.blade.php
@@ -66,6 +66,19 @@
                         </thead>
                     </table>
                 </div>
+                <div
+                    class="card-footer justify-center md:justify-between flex-col md:flex-row gap-3 text-gray-600 text-2sm font-medium">
+                    <div class="flex items-center gap-2">
+                        Show
+                        <select class="select select-sm w-16" data-datatable-size="true" name="perpage"> </select> per
+                        page
+                    </div>
+                    <div class="flex items-center gap-4">
+                        <span data-datatable-info="true"> </span>
+                        <div class="pagination" data-datatable-pagination="true">
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
         @endsection
diff --git a/resources/views/persetujuan_penawaran/index.blade.php b/resources/views/persetujuan_penawaran/index.blade.php
index c2aeb3a..81ca72f 100644
--- a/resources/views/persetujuan_penawaran/index.blade.php
+++ b/resources/views/persetujuan_penawaran/index.blade.php
@@ -70,6 +70,19 @@
                         </thead>
                     </table>
                 </div>
+                <div
+                    class="card-footer justify-center md:justify-between flex-col md:flex-row gap-3 text-gray-600 text-2sm font-medium">
+                    <div class="flex items-center gap-2">
+                        Show
+                        <select class="select select-sm w-16" data-datatable-size="true" name="perpage"> </select> per
+                        page
+                    </div>
+                    <div class="flex items-center gap-4">
+                        <span data-datatable-info="true"> </span>
+                        <div class="pagination" data-datatable-pagination="true">
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
         @endsection