<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> ST John Payments </title>

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" rel="stylesheet">
<link href="https://unpkg.com/bootstrap-table@1.16.0/dist/bootstrap-table.min.css" rel="stylesheet">
<link href="assets/bootstrap-table.min.css" rel="stylesheet">


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2582016512728310"
     crossorigin="anonymous"></script>

</head>
<div class="container mt-2 mb-2">
		<table
		id="table"
		data-toggle="table"
		data-pagination="true"
		data-search="true"
		data-search-align="left"
		data-show-columns="true"
		data-show-toggle="true"
		data-show-refresh="true"
		data-show-fullscreen="true"
		data-show-export="true"
		data-id-field="id"
		data-show-pagination-switch="true"
		data-pagination-pre-text="Previous"
		data-pagination-next-text="Next"
		data-pagination-h-align="left"
		data-pagination-detail-h-align="right"
		data-page-list="[10, 20, 30, 40, 50, All]">
		<thead>
		<tr>

		<th colspan="9" data-align="center"> ST Johns Ambulance Payments</th>
			
		</tr>
		<tr>
        <tr>
                <th data-checkbox="false" data-valign="middle"> #</th>
                <th data-field="id" data-sortable="true" data-switchable="false">ID</th>
                <th data-field="name" data-sortable="true">Name</th>
                <th data-field="phone" data-sortable="true">Phone</th>
                <th data-field="email" data-sortable="true">Code</th>
				<th data-field="idno" data-sortable="true" data-switchable="false">Date Time</th>
                <th data-field="purpose" data-sortable="true">Amount</th>
                <th data-field="time_in" data-sortable="true">Paybill</th>
                <th data-field="time_out" data-sortable="true">Account No</th>
		
		</tr>
		
		</thead>
		<tbody>
        <?php $__currentLoopData = $transactions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $transaction): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <tr>
				<td><?php echo e($loop->iteration); ?></td>
                <td><?php echo e($transaction['TransactionType']); ?></td>
				<td><?php echo e($transaction['FirstName']); ?></td>
				<td><?php echo e($transaction['MSISDN']); ?></td>
                <td><?php echo e($transaction['TransID']); ?></td>
				<td><?php echo e(\Carbon\Carbon::createFromFormat('YmdHis', $transaction['TransTime'])->format('d-m-Y H:i:s')); ?></td>
                <td><?php echo e(number_format($transaction['TransAmount'], 2)); ?></td>
                <td><?php echo e($transaction['BusinessShortCode']); ?></td>
                <td><?php echo e($transaction['BillRefNumber']); ?></td>              
               
            </tr>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </tbody>
		
		</table>

</div>

      <!--Start of Tawk.to Script-->
      <script type="text/javascript">
			var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
			(function(){
			var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
			s1.async=true;
			s1.src='https://embed.tawk.to/6605235da0c6737bd125d002/1hq2149j3';
			s1.charset='UTF-8';
			s1.setAttribute('crossorigin','*');
			s0.parentNode.insertBefore(s1,s0);
			})();
			</script>
		<!--End of Tawk.to Script-->


<script src="https://code.jquery.com/jquery-3.3.1.min.js"> </script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"> </script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"> </script>
<script src="assets/bootstrap-table.min.js"> </script>

<script src="https://unpkg.com/tableexport.jquery.plugin/tableExport.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.16.0/dist/bootstrap-table.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.16.0/dist/extensions/export/bootstrap-table-export.min.js"></script>


<!-- Auto-Refresh Script -->
<script type="text/javascript">
    // Set the interval to refresh the page every 60 seconds (60000 milliseconds)
    setInterval(function() {
        location.reload();
    }, 60000); // Adjust the time in milliseconds if needed
</script>

</html>
<?php /**PATH D:\2025 projects\xampp\htdocs\projects\untitled 3 DigitalCerts\resources\views/Payments.blade.php ENDPATH**/ ?>