<?php
include 'header.php';
?>

<div class="row">
    <div class="col-lg-12">
        <div class="card card-tab">
            <div class="card-header" style="overflow-x:hidden;overflow-y: hidden;">
                <ul class="nav nav-tabs">
                    <li role="tab1" class="active">
                        <a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab">Pending Topups</a>
                    </li>
                    <li role="tab2" >
                        <a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab">Paid Topups</a>
                    </li>
                    <li role="tab3" >
                        <a href="#tab3" aria-controls="tab2" role="tab" data-toggle="tab">Rejected Topups</a>
                    </li>
                </ul>
            </div>
            <div class="card-body no-padding tab-content">
                <div role="tabpanel" class="tab-pane active" id="tab1">
                    <table class="datatable1 table table-striped primary list-table" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Neo Address</th>
								<th>Package</th>
								<th>Operator</th>
                                <th>TMN</th>
                                <th>Claimed On</th>
                                <th>Approve</th>
                                <th>Decline</th>
                            </tr>
                        </thead>
                        <tbody class="tbody1">
                        </tbody>
                    </table>
                </div>
                <div role="tabpanel" class="tab-pane" id="tab2">
                    <table class="datatable2 table table-striped primary" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Neo Address</th>
                                <th>Package</th>
								<th>Operator</th>
                                <th>TMN</th>
                                <th>Claimed On</th>
                                <th>Paid On</th>
                            </tr>
                        </thead>
                        <tbody class="tbody2">
                        </tbody>
                    </table>
                </div>
                <div role="tabpanel" class="tab-pane" id="tab3">
                    <table class="datatable3 table table-striped primary" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Neo Address</th>
                                <th>Package</th>
								<th>Operator</th>
                                <th>TMN</th>
                                <th>Claimed On</th>
                                <th>Rejected On</th>
                            </tr>
                        </thead>
                        <tbody class="tbody3">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Modal Small Size -->
<div class="modal fade" id="modal-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Decline Claim</h4>
            </div>
            <div class="modal-body">
                <p>Are you sure you want to reject this claim. You cannot undo this action.</p>
                <input type="hidden" class="form-control" id="inpId" >
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
                <button type="button" class="btn btn-delete btn-primary">Yes</button>
            </div>
        </div>
    </div>
</div>


<!-- Modal Small Size -->
<div class="modal fade" id="modal-approve" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Approve Claim</h4>
            </div>
            <div class="modal-body">
                <p>Are you sure you want to approve this claim. You cannot undo this action.</p>
                <input type="hidden" class="form-control" id="inpId1" >
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
                <button type="button" class="btn btn-approve btn-primary">Yes</button>
            </div>
        </div>
    </div>
</div>


<?php include 'footer.php'; ?>

<script type="text/javascript">
    var placementFrom = "top";
    var placementAlign = "right";
    var animateEnter = "";
    var animateExit = "";
    var colorName = "bg-green";
    var request_start = '';
    var request_end = '';
//    loadAdminUsers();

    initialiseDatatable();
    initialiseDatatable1();
    initialiseDatatable2();

    function initialiseDatatable() {
        $('.datatable1').dataTable().fnDestroy();
        $('.tbody1').html('');

        var dataTable = $('.list-table').DataTable({
			"oLanguage": {"sLengthMenu": "\_MENU_", 'sSearch': '', 'sSearchPlaceholder': "Search..."},
            "processing": true,
            "serverSide": true,
            "columnDefs": [{
                    "targets": [0],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                }, {
                    "targets": [1],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                },
                {
                    "targets": [2],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                },
                {
                    "targets": [3],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                },
                {
                    "targets": [4],
                    "searchable": true,
                    "orderable": true,
                    "visible": true,
                    "width": "8%"
                },
                {
                    "targets": [5],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                },
                {
                    "targets": [6],
                    "searchable": false,
                    "orderable": true,
                    "width": "8%"
                },
                {
                    "targets": [7],
                    "searchable": false,
                    "orderable": false,
                    "width": "8%"
				 },
                {
                    "targets": [8],
                    "searchable": false,
                    "orderable": false,
                    "width": "8%"
                }
            ],
            "bAutoWidth": false,
            "order": [
                [6, "desc"]
            ],
            "ajax": {
                url: "controllers/get_claimed_topups.php", // json datasource
                type: "post", // method  , by default get
                data: {
                    type: 0
                },
                error: function () { // error handling

                }
            },
            "drawCallback": function (settings) {
            }
        });
		displayPageInfo();
    }

    function initialiseDatatable1() {
        $('.datatable2').dataTable().fnDestroy();
        $('.tbody2').html('');

        var dataTable2 = $('.datatable2').DataTable({
			"oLanguage": {"sLengthMenu": "\_MENU_", 'sSearch': '', 'sSearchPlaceholder': "Search..."},
            "processing": true,
            "serverSide": true,
            "columnDefs": [{
                    "targets": [0],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                }, {
                    "targets": [1],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                }, {
                    "targets": [2],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                },
                {
                    "targets": [3],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                },
                {
                    "targets": [4],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                },
                {
                    "targets": [5],
                    "searchable": false,
                    "orderable": true,
                    "width": "8%"
                },
                {
                    "targets": [6],
                    "searchable": false,
                    "orderable": true,
                    "width": "8%"
				 },
                {
                    "targets": [7],
                    "searchable": false,
                    "orderable": true,
                    "width": "8%"
                }
            ],
            "bAutoWidth": false,
            "order": [
                [6, "desc"]
            ],
            "ajax": {
                url: "controllers/get_claimed_topups.php", // json datasource
                type: "post", // method  , by default get
                data: {
                    type: 1
                }
            }
        });
		displayPageInfo();
    }

    function initialiseDatatable2() {
        $('.datatable3').dataTable().fnDestroy();
        $('.tbody3').html('');

        var dataTable3 = $('.datatable3').DataTable({
			"oLanguage": {"sLengthMenu": "\_MENU_", 'sSearch': '', 'sSearchPlaceholder': "Search..."},
            "processing": true,
            "serverSide": true,
            "columnDefs": [{
                    "targets": [0],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                }, {
                    "targets": [1],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                }, {
                    "targets": [2],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                },
                {
                    "targets": [3],
                    "searchable": true,
                    "orderable": true,
                    "width": "8%"
                },
                {
                    "targets": [4],
                    "searchable": true,
                    "orderable": true,
                    "visible": true,
                    "width": "8%"
                },
                {
                    "targets": [5],
                    "searchable": false,
                    "orderable": true,
                    "width": "8%"
                },
                {
                    "targets": [6],
                    "searchable": false,
                    "orderable": true,
                    "width": "8%"
				},
                {
                    "targets": [7],
                    "searchable": false,
                    "orderable": true,
                    "width": "8%"
                }
            ],
            "bAutoWidth": false,
            "order": [
                [6, "desc"]
            ],
            "ajax": {
                url: "controllers/get_claimed_topups.php", // json datasource
                type: "post", // method  , by default get
                data: {
                    type: 2
                }
            }
        });
		displayPageInfo();
    }


    $("body").on('click', '.sh-delete', function () {
        $("#inpId").val($(this).attr('data-id'));
        $('#modal-delete').modal('show');
    });


    $('.btn-delete').click(function () {
        $.ajax({url: 'controllers/process_topup.php',
            data: {
                id: $("#inpId").val(),
                type: 'del',
            },
            type: 'post',
            dataType: 'JSON',
            success: function (output) {

                if (output.status == "200") {
                    $('#modal-delete').modal('hide');
                    $('.modal-backdrop').remove();
                    initialiseDatatable2();
                    showNotification(colorName, "Rejected successfully ", placementFrom, placementAlign, animateEnter, animateExit);
                    $('.sh-delete[data-id="' + $("#inpId").val() + '"]').parents('tr').remove();
                } else {
                    showNotification('bg-orange', "Error in deleting. Please try again.", placementFrom, placementAlign, animateEnter, animateExit);
                }
            }
        });
    });


    $("body").on('click', '.sh-approve', function () {
        $("#inpId1").val($(this).attr('data-id'));
        $('#modal-approve').modal('show');
    });


    $('.btn-approve').click(function () {
        $.ajax({url: 'controllers/process_topup.php',
            data: {
                id: $("#inpId1").val(),
                type: 'app',
            },
            type: 'post',
            dataType: 'JSON',
            success: function (output) {

                if (output.status == "200") {
                    $('#modal-approve').modal('hide');
                    $('.modal-backdrop').remove();
                    initialiseDatatable1();
                    showNotification(colorName, "Approved successfully ", placementFrom, placementAlign, animateEnter, animateExit);
                    $('.sh-approve[data-id="' + $("#inpId1").val() + '"]').parents('tr').remove();
                } else {
                    showNotification('bg-orange', "Error in approving. Please try again.", placementFrom, placementAlign, animateEnter, animateExit);
                }
            }
        });
    });
	function displayPageInfo() {
		$(".dataTables_info").each(function() {
		  $(this).prependTo($(this).closest(".dataTables_wrapper"));
		});
	}
</script>