Files
erahn-click/resources/views/pembayaran/result/berjayaportal.blade.php
T

126 lines
6.3 KiB
PHP

@extends('layouts.indexthird')
@section('content')
<title>Pembayaran Berjaya | Portal Pelanggan</title>
<div class="container mt--6">
<div class="row">
<div class="col">
<div class="card col-xl-12 mx-auto mt-4">
<!-- Card header -->
<div class="card-header border-0">
</div>
<div class="card-body">
@error('sltcawangan')
<script>
$.notify({
icon: 'fas fa-exclamation-triangle fa-2x',
newest_on_top: true,
message: "<strong style='font-size:15px;'>Sila pilih cawangan terlebih dahulu sebelum tekan semak!</strong>"
}, {
type: 'danger',
allow_dismiss: false,
placement: {
align: 'center',
from: 'bottom'
},
animate: {
enter: 'animate__animated animate__bounce',
exit: 'animate__animated animate__bounceOutDown'
}
});
</script>
@enderror
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<center>
<span class="far fa-check-circle fa-6x" style="color:green;"></span>
<h4 class="text-success mt-1 mb-1">Pembayaran Berjaya</h4>
@if($exist_carts)
<span class="text-dark">
Terima kasih atas pembayaran! Anda akan dibawa ke troli dalam masa <span id="remaining">10</span> saat.
</span>
<script>
let remainingElement = document.getElementById('remaining');
let remainingSeconds = parseInt(remainingElement.textContent, 10);
const remaining_countdown = () => {
if (remainingSeconds > 0) {
remainingSeconds--;
remainingElement.textContent = remainingSeconds;
} else {
clearInterval(interval);
let form = document.createElement('form');
form.method = 'POST';
form.action = '{{ route("payment.action") }}';
let csrfInput = document.createElement('input');
csrfInput.type = 'hidden';
csrfInput.name = '_token';
csrfInput.value = '{{ csrf_token() }}';
form.appendChild(csrfInput);
let redirectInput = document.createElement('input');
redirectInput.type = 'hidden';
redirectInput.name = 'redirect_trolley';
redirectInput.value = 'trolley';
form.appendChild(redirectInput);
document.body.appendChild(form);
form.submit();
}
};
const interval = setInterval(remaining_countdown, 1000);
</script>
@endif
<div class="row mb-4" style="margin-top:10px;">
<div class="col-12 text-dark"><small>*Sebarang pembayaran akan dikemaskini selepas <b>1 Jam</b></small></div>
</div>
</center>
<div class="table-responsive table-striped">
<table class="table align-items-center table-hover table-flush" id="belum_tawarruq" style="text-align: center;">
<thead class="thead-light">
<tr>
<th>No Rujukan</th>
<th>Cawangan</th>
<th>Bayaran (RM)</th>
<th>Status</th>
<th>Resit Bayaran</th>
</tr>
</thead>
<tbody>
@foreach($transactionOnline as $index=>$trans)
<tr>
<td>{{ $trans['norujukan'] }}</td>
<td>{{ $arraycawangan[$index]['namacaw'] }}</td>
<td>{{ number_format($trans['total_payment'],2) }}</td>
<td><span @if($trans['status']=='PAID' ) class="badge bg-gradient-success" @else class="badge bg-gradient-danger" @endif>{{ $trans['status'] }}</span></td>
<td><a target="_blank" href="{{ route('action.resit',['payment' => $trans ]) }}"><i class="fas fa-download"></i></a></td>
</tr>
@endforeach
</tbody>
</table>
</div>
<center>
<a class="mx-auto btn btn-primary mt-4" onclick="loadingbtn();" href="{{ route('home') }}">Laman Utama</a>
</center>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('js')
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
@endpush