Afiq Hamzah
228 lines
12 KiB
PHP
228 lines
12 KiB
PHP
@extends('layouts.app')
|
|
@section('content')
|
|
|
|
@section('title', 'Billplz Transaction Review')
|
|
|
|
<breadcrumb :items="[{'title' : 'Debug Transaksi Online', 'icon' : 'fas fa-file-invoice','url' : {{ json_encode(route('transaction.online.home')) }}}, {'title' : 'Billplz Transaction Review', 'icon' : 'fas fa-file-invoice'}]"></breadcrumb>
|
|
|
|
<div class="container mx-auto p-4 pt-2">
|
|
|
|
<x-filter-date-card title="Billplz Transaction Review" action="{{ route('transaction.online.billplz-transaction-review.index') }}" :selectedDate="$date"/>
|
|
|
|
@if (Session::has('errormessage'))
|
|
<div id="errorMessage" class="bg-red-100 border-red-500 text-red-900 text-sm p-4 rounded-lg mb-4" role="alert">
|
|
<div class="flex">
|
|
<div class="py-1">
|
|
<svg class="fill-current h-6 w-6 text-red-500 mr-4" xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 20 20">
|
|
<path
|
|
d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z" />
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<p class="font-bold">{{ Session::get('errormessage') }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
</div>
|
|
<div class="container mx-auto ">
|
|
<div class="flex mb-0 border-b border-gray-200">
|
|
<button class="flex items-center tab-button active" data-tab="pkb-transactions-review">
|
|
<span>PKB (v2)</span>
|
|
</button>
|
|
<button class="flex items-center tab-button" data-tab="kopkb-transactions-review">
|
|
<span>KOPKB (v3)</span>
|
|
</button>
|
|
</div>
|
|
<div class="p-4 bg-yellow-50 border-t-4 border-yellow-500">
|
|
<div id="pkb-transactions-review" class="tab-content active">
|
|
<x-table>
|
|
<x-slot name="header">
|
|
<x-table.header content="No." />
|
|
<x-table.header content="billplz_id" />
|
|
<x-table.header content="Transaction Arrahn" />
|
|
<x-table.header content="Transaction Billplz" />
|
|
</x-slot>
|
|
<x-slot name="body">
|
|
@forelse ($pkbTransactionsReview as $data)
|
|
<tr>
|
|
<x-table.data :content="$loop->iteration" />
|
|
<x-table.data :content="$data['bill_id']" />
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3 text-gray-900 whitespace-no-wrap">
|
|
@foreach ($data['arrahn_transactions'] as $transaction)
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
portal: {{ $transaction['portal'] }} <br>
|
|
norujukan: {{ $transaction['norujukan'] }} <br>
|
|
kodcaw: {{ $transaction['kodcaw'] }} <br>
|
|
customer_name: {{ $transaction['customer_name'] }} <br>
|
|
nokp: {{ $transaction['nokp'] }} <br>
|
|
total_payment: {{ $transaction['total_payment'] }} <br>
|
|
status: {{ $transaction['status'] }} <br>
|
|
tarikh_attempt_bayar: {{ $transaction['tarikh_attempt_bayar'] }} <br>
|
|
masa_attempt_bayar: {{ $transaction['masa_attempt_bayar'] }} <br>
|
|
paid_at: {{ $transaction['paid_at'] }} <br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3 text-gray-900 whitespace-no-wrap">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
bill_id: {{ $data['billplz_latest_transaction']['bill_id'] }} <br>
|
|
id: {{ $data['billplz_latest_transaction']['id'] ?? '' }} <br>
|
|
status: {{ $data['billplz_latest_transaction']['status'] ?? '' }} <br>
|
|
completed_at: {{ $data['billplz_latest_transaction']['completed_at'] ?? '' }} <br>
|
|
payment_channel: {{ $data['billplz_latest_transaction']['payment_channel'] ?? '' }} <br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<x-table.data colspan="3" class="text-center" content="No data available" />
|
|
</tr>
|
|
@endforelse
|
|
</x-slot>
|
|
</x-table>
|
|
</div>
|
|
|
|
<div id="kopkb-transactions-review" class="tab-content">
|
|
<x-table>
|
|
<x-slot name="header">
|
|
<x-table.header content="No." />
|
|
<x-table.header content="billplz_id" />
|
|
<x-table.header content="Transaction Arrahn" />
|
|
<x-table.header content="Transaction Billplz" />
|
|
</x-slot>
|
|
<x-slot name="body">
|
|
@forelse ($kopkbTransactionsReview as $data)
|
|
<tr>
|
|
<x-table.data :content="$loop->iteration" />
|
|
<x-table.data :content="$data['bill_id']" />
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3 text-gray-900 whitespace-no-wrap">
|
|
@foreach ($data['arrahn_transactions'] as $transaction)
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
portal: {{ $transaction['portal'] }} <br>
|
|
norujukan: {{ $transaction['norujukan'] }} <br>
|
|
kodcaw: {{ $transaction['kodcaw'] }} <br>
|
|
customer_name: {{ $transaction['customer_name'] }} <br>
|
|
nokp: {{ $transaction['nokp'] }} <br>
|
|
total_payment: {{ $transaction['total_payment'] }} <br>
|
|
status: {{ $transaction['status'] }} <br>
|
|
tarikh_attempt_bayar: {{ $transaction['tarikh_attempt_bayar'] }} <br>
|
|
masa_attempt_bayar: {{ $transaction['masa_attempt_bayar'] }} <br>
|
|
paid_at: {{ $transaction['paid_at'] }} <br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3 text-gray-900 whitespace-no-wrap">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
bill_id: {{ $data['billplz_latest_transaction']['bill_id'] }} <br>
|
|
id: {{ $data['billplz_latest_transaction']['id'] ?? '' }} <br>
|
|
status: {{ $data['billplz_latest_transaction']['status'] ?? '' }} <br>
|
|
completed_at: {{ $data['billplz_latest_transaction']['completed_at'] ?? '' }} <br>
|
|
payment_channel: {{ $data['billplz_latest_transaction']['payment_channel'] ?? '' }} <br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<x-table.data colspan="3" class="text-center" content="No data available" />
|
|
</tr>
|
|
@endforelse
|
|
</x-slot>
|
|
</x-table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('additional_scripts')
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const tabButtons = document.querySelectorAll('.tab-button');
|
|
const tabContents = document.querySelectorAll('.tab-content');
|
|
|
|
tabButtons.forEach(button => {
|
|
button.addEventListener('click', () => {
|
|
const tabId = button.getAttribute('data-tab');
|
|
|
|
// Deactivate all tabs
|
|
tabButtons.forEach(btn => btn.classList.remove('active'));
|
|
tabContents.forEach(content => content.classList.remove('active'));
|
|
|
|
// Activate the clicked tab
|
|
button.classList.add('active');
|
|
console.log(tabId)
|
|
document.getElementById(tabId).classList.add('active');
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|
|
|
|
@push('additional_styles')
|
|
<style>
|
|
.tab-button {
|
|
padding: 10px 15px;
|
|
background-color: #f3f4f6;
|
|
border: none;
|
|
cursor: pointer;
|
|
transition: background-color 0.3s;
|
|
}
|
|
|
|
.tab-button.active {
|
|
background-color: #ffffff;
|
|
border-bottom: 2px solid #3b82f6;
|
|
}
|
|
|
|
.tab-button-diff.active {
|
|
background-color: #f87171;
|
|
}
|
|
|
|
.tab-content {
|
|
display: none;
|
|
}
|
|
|
|
.tab-content.active {
|
|
display: block;
|
|
}
|
|
|
|
</style>
|
|
@endpush
|