From ab21e31633501771ee8e70e559b2ace023b141f9 Mon Sep 17 00:00:00 2001
From: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date: Mon, 23 Dec 2024 16:16:27 +0700
Subject: [PATCH] Update tampilan status dan aksi pada halaman pembatalan

- Menambahkan kelas `flex justify-center` pada render status untuk memastikan tampilan sejajar di tengah.
- Menambahkan atribut `title="Detail Pembatalan"` pada tombol aksi untuk memberikan informasi tambahan.
---
 resources/views/pembatalan/index.blade.php | 26 +++++++++++-----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/resources/views/pembatalan/index.blade.php b/resources/views/pembatalan/index.blade.php
index 5078d9f..6e27000 100644
--- a/resources/views/pembatalan/index.blade.php
+++ b/resources/views/pembatalan/index.blade.php
@@ -131,18 +131,6 @@
                         alasan_pembatalan: {
                             title: 'Alasan Pembatalan'
                         },
-                        status: {
-                            title: 'Status',
-                            render: (item, data) => {
-                                if (data.status === 'pending') {
-                                    return `<span class="badge badge-sm badge-warning">Pending</span>`;
-                                } else if (data.status === 'approved') {
-                                    return `<span class="badge badge-sm badge-success">Diterima</span>`;
-                                } else if (data.status === 'rejected') {
-                                    return `<span class="badge badge-sm badge-danger">Ditolak</span>`;
-                                }
-                            }
-                        },
                         file_pembatalan: {
                             title: 'Dokumen Pendukung',
                             render: (item, data) => {
@@ -154,13 +142,25 @@
                                 }
                             }
                         },
+                        status: {
+                            title: 'Status',
+                            render: (item, data) => {
+                                if (data.status === 'pending') {
+                                    return `<span class="badge badge-sm badge-warning flex justify-center">Pending</span>`;
+                                } else if (data.status === 'approved') {
+                                    return `<span class="badge badge-sm badge-success flex justify-center">Diterima</span>`;
+                                } else if (data.status === 'rejected') {
+                                    return `<span class="badge badge-sm badge-danger flex justify-center">Ditolak</span>`;
+                                }
+                            }
+                        },
                         actions: {
                             title: 'Action',
                             render: (item, data) => {
                                 @if(auth()->user()->roles()->first()->name === "administrator" || auth()->user()->roles()->first()->name === "pemohon-eo")
                                 if (data.status === 'pending') {
                                     return `<div class="flex flex-nowrap justify-center">
-                            <a class="btn btn-sm btn-outline btn-warning" href="pembatalan/${data.id}/edit">
+                            <a class="btn btn-sm btn-outline btn-warning" href="pembatalan/${data.id}/edit" title="Detail Pembatalan">
                                 <i class="ki-filled ki-eye"></i>
                             </a>
                         </div>`;