From a71ada73a10dc97da6ae8b08faea71ef276e3868 Mon Sep 17 00:00:00 2001
From: Afiq Hamzah <afiq.hamzah@pkb.net.my>
Date: Tue, 6 Aug 2024 14:55:16 +0800
Subject: [PATCH] Add status orb to table transaction online

---
 .../components/table/data-status-orb.blade.php | 18 ++++++++++++++++++
 .../table-transactions-online.blade.php        |  4 ++--
 .../table-transactions-online.blade.php        |  4 ++--
 3 files changed, 22 insertions(+), 4 deletions(-)
 create mode 100644 resources/views/components/table/data-status-orb.blade.php

diff --git a/resources/views/components/table/data-status-orb.blade.php b/resources/views/components/table/data-status-orb.blade.php
new file mode 100644
index 0000000..c57cfd9
--- /dev/null
+++ b/resources/views/components/table/data-status-orb.blade.php
@@ -0,0 +1,18 @@
+@props(['content'])
+
+<div>
+
+<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm" {{ $attributes->merge(['colspan' => '']) }}>
+    <div class="flex justify-center items-center">
+        @if ($content == 1)
+            <span class="inline-flex items-center justify-center w-5 h-5">
+                <span class="w-full h-full bg-green-500 rounded-full"></span>
+            </span>
+        @elseif($content == 0)
+            <span class="inline-flex items-center justify-center w-5 h-5">
+                <span class="w-full h-full bg-red-500 rounded-full"></span>
+            </span>
+        @endif
+    </div>
+</td>
+</div>
diff --git a/resources/views/online/trail/partials/grouped-by-norujukan/table-transactions-online.blade.php b/resources/views/online/trail/partials/grouped-by-norujukan/table-transactions-online.blade.php
index 61daf6f..61ca336 100644
--- a/resources/views/online/trail/partials/grouped-by-norujukan/table-transactions-online.blade.php
+++ b/resources/views/online/trail/partials/grouped-by-norujukan/table-transactions-online.blade.php
@@ -29,8 +29,8 @@
             <x-slot name="body">
                 @foreach ($transaction as $data)
                     <tr>
-                    <x-table.data :content="$data['update_status']" />
-                    <x-table.data :content="$data['update_serahan']" />
+                    <x-table.data-status-orb :content="$data['update_status']" />
+                    <x-table.data-status-orb :content="$data['update_serahan']" />
                     <x-table.data :content="$data['billplz_id']" />
                     <x-table.data :content="$data['norujukan']" />
                     <x-table.data :content="$data['total_payment']" />
diff --git a/resources/views/online/trail/partials/table-transactions-online.blade.php b/resources/views/online/trail/partials/table-transactions-online.blade.php
index 1dcb284..b8757ab 100644
--- a/resources/views/online/trail/partials/table-transactions-online.blade.php
+++ b/resources/views/online/trail/partials/table-transactions-online.blade.php
@@ -24,8 +24,8 @@
         <x-slot name="body">
             @forelse ($transactionTrail['transactionsOnline'] as $data)
                 <tr>
-                    <x-table.data :content="$data['update_status']" />
-                    <x-table.data :content="$data['update_serahan']" />
+                    <x-table.data-status-orb :content="$data['update_status']" />
+                    <x-table.data-status-orb :content="$data['update_serahan']" />
                     <x-table.data :content="$data['billplz_id']" />
                     <x-table.data :content="$data['norujukan']" />
                     <x-table.data :content="$data['total_payment']" />