<?php
require('include/header.php');
require('include/sidebar.php');
?>
<div id="content" class="app-content">
    <div class="d-flex align-items-center mb-3">
        <div>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="dashboard.php">Home</a></li>
                <li class="breadcrumb-item"><a href="javascript:;">Transaction</a></li>
                <li class="breadcrumb-item active"><i class="fa fa-arrow-back"></i>Center Recharge History</li>
            </ol>
            <h1 class="page-header mb-0">Center Recharge History</h1>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="card border-0 mb-4">
                <div class="card-header h6 mb-0 bg-none p-3">
                    <i class="fa fa-list fa-lg fa-fw text-dark text-opacity-50 me-1"></i>Manage All Center Recharge History
                </div>
                <div class="card-body">
                    <table id="center-table" class="table table-striped table-bordered align-middle">
                        <thead>
                            <tr>
                                <th width="8%">S No</th>
                                <th class="text-nowrap" width="10%">Transaction Date</th>
                                <th class="text-nowrap">Agent Name</th>
                                <th class="text-nowrap">Agent Code</th>
                                <th class="text-nowrap">Gateway</th>
                                <th class="text-nowrap" width="10%">Amount</th>
                                <th class="text-nowrap" width="10%">Transaction ID</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<?php require('include/footer-data.php'); ?>
<script>
    $(document).ready(function() {
        var mfID = '<?php echo $loginID; ?>';
        $('#center-table').DataTable({
            'processing': true,
            'serverSide': true,
            'responsive': true,
            'serverMethod': 'post',
            "lengthMenu": [[100, 250, 500], [100, 250, 500]],
            'ajax': {
                'url': 'api/api_center_wallet_transaction_list.php?fID=' + mfID
            },
            'columns': [
                { data: 'id' },
                { data: 'transactiondate' },
                { data: 'agentname' },
                { data: 'agentcode' },
                { data: 'gateway' },
                { data: 'amount' },
                { data: 'transaction' },
            ],
            'order': [[1, 'desc']] 
        });
    });
</script>