Add tabbable views in billplz transaction summary logic

This commit is contained in:
Afiq Hamzah
2025-02-17 14:33:30 +08:00
parent 5b813b290e
commit ef695e675f
2 changed files with 50 additions and 25 deletions
@@ -10,8 +10,8 @@
</breadcrumb>
<div>
<div class="flex mb-4 border-b border-gray-200">
<div class="container p-4 mx-auto">
<div class="flex mb-0 border-b border-gray-200">
<button class="flex items-center tab-button active" data-tab="pkb-transactions-summary">
<span>PKB (v2)</span>
</button>
@@ -27,20 +27,20 @@
<div class="container px-4 mx-auto">
<div class="flex flex-col items-center">
<div class="flex flex-row mt-6 space-x-4">
<x-card title="Sum of Billplz Transactions" subtitle="{{ $sumOfBillplzTransactions }}"></x-card>
<x-card title="Sum of Billplz Transactions" subtitle="{{ $billPlzTransactionSummaryPKB['sumOfBillplzTransactions'] }}"></x-card>
<div class="flex items-center"><span class="text-5xl font-bold">-</span></div>
<x-card title="Sum of Arrahn Transactions" subtitle="{{ $sumOfArrahnTransactions }}"></x-card>
<x-card title="Sum of Arrahn Transactions" subtitle="{{ $billPlzTransactionSummaryPKB['sumOfArrahnTransactions'] }}"></x-card>
<div class="flex items-center"><span class="text-5xl font-bold"> = </span></div>
<x-card title="Payment Gateway Cost" subtitle="{{ $paymentGatewayCost }}"></x-card>
<x-card title="Payment Gateway Cost" subtitle="{{ $billPlzTransactionSummaryPKB['paymentGatewayCost'] }}"></x-card>
</div>
<hr class="w-full my-4 border-b-2 border-gray-300 border-solid">
<div class="flex flex-row mb-6 space-x-4">
<x-card title="No of Arrahn Transactions" subtitle="{{ $numberOfArrahnTransactions }}"></x-card>
<x-card title="No of Arrahn Transactions" subtitle="{{ $billPlzTransactionSummaryPKB['numberOfArrahnTransactions'] }}"></x-card>
<div class="flex items-center"><span class="text-5xl font-bold">x</span></div>
<x-card title="Charge Per Transaction" subtitle="RM 1.00"></x-card>
<div class="flex items-center"><span class="text-5xl font-bold"> = </span></div>
<x-card title="Payment Gateway Cost"
subtitle="RM {{ number_format(($numberOfArrahnTransactions * 100) / 100, 2) }}"></x-card>
subtitle="RM {{ number_format(($billPlzTransactionSummaryPKB['numberOfArrahnTransactions'] * 100) / 100, 2) }}"></x-card>
</div>
</div>
</div>
@@ -52,7 +52,7 @@
<x-table.header content="Transaction Billplz" />
</x-slot>
<x-slot name="body">
@forelse ($billPlzTransactionSummary as $data)
@forelse ($billPlzTransactionSummaryPKB['billPlzTransactionSummary'] as $data)
<tr>
<x-table.data :content="$loop->iteration" />
<x-table.data :content="$data['billplz_bill']['id']" />
@@ -118,20 +118,20 @@
<div class="container px-4 mx-auto">
<div class="flex flex-col items-center">
<div class="flex flex-row mt-6 space-x-4">
<x-card title="Sum of Billplz Transactions" subtitle="{{ $sumOfBillplzTransactions }}"></x-card>
<x-card title="Sum of Billplz Transactions" subtitle="{{ $billPlzTransactionSummaryKOOP['sumOfBillplzTransactions'] }}"></x-card>
<div class="flex items-center"><span class="text-5xl font-bold">-</span></div>
<x-card title="Sum of Arrahn Transactions" subtitle="{{ $sumOfArrahnTransactions }}"></x-card>
<x-card title="Sum of Arrahn Transactions" subtitle="{{ $billPlzTransactionSummaryKOOP['sumOfArrahnTransactions'] }}"></x-card>
<div class="flex items-center"><span class="text-5xl font-bold"> = </span></div>
<x-card title="Payment Gateway Cost" subtitle="{{ $paymentGatewayCost }}"></x-card>
<x-card title="Payment Gateway Cost" subtitle="{{ $billPlzTransactionSummaryKOOP['paymentGatewayCost'] }}"></x-card>
</div>
<hr class="w-full my-4 border-b-2 border-gray-300 border-solid">
<div class="flex flex-row mb-6 space-x-4">
<x-card title="No of Arrahn Transactions" subtitle="{{ $numberOfArrahnTransactions }}"></x-card>
<x-card title="No of Arrahn Transactions" subtitle="{{ $billPlzTransactionSummaryKOOP['numberOfArrahnTransactions'] }}"></x-card>
<div class="flex items-center"><span class="text-5xl font-bold">x</span></div>
<x-card title="Charge Per Transaction" subtitle="RM 1.00"></x-card>
<div class="flex items-center"><span class="text-5xl font-bold"> = </span></div>
<x-card title="Payment Gateway Cost"
subtitle="RM {{ number_format(($numberOfArrahnTransactions * 100) / 100, 2) }}"></x-card>
subtitle="RM {{ number_format(($billPlzTransactionSummaryKOOP['numberOfArrahnTransactions'] * 100) / 100, 2) }}"></x-card>
</div>
</div>
</div>
@@ -143,7 +143,7 @@
<x-table.header content="Transaction Billplz" />
</x-slot>
<x-slot name="body">
@forelse ($billPlzTransactionSummary as $data)
@forelse ($billPlzTransactionSummaryKOOP['billPlzTransactionSummary'] as $data)
<tr>
<x-table.data :content="$loop->iteration" />
<x-table.data :content="$data['billplz_bill']['id']" />