<?php
// Listing of active users
include 'header.php';
?>

<div class="row">
    <div class="col-xs-12">
        <div class="card">
            <div class="card-header">
                <h3 class="header-title">Top User Votings</h3>
            </div>
            <div class="card-body no-padding">
                <div class="" style="margin-top: 10px; padding-left: 15px; padding-right: 15px;">  
                   <div class="row button-row" style="margin-bottom: 15px; margin-top: 15px;">
                        <div class="col-xs-12 display-flex other-filter">
                           <!--<p style="float: right; margin-top: 20px;"><button type="button" class="btn btn-cancel" id="btn-clear">Clear Filter</button></p>-->                           
                            <p> <strong>Select Language: </strong>
                                <select class="form-control" id="select-language">
                                    <?php
                                    $flag = 1;
                                    include 'controllers/get_category_options.php';
                                    ?>
                                </select>
                            </p>
							<p><button type="button" class="btn btn-primary" id="btn-filter">Filter</button></p>
                        </div>
                    </div>

                    <div class="table-responsive">
                        <table class=" datatable1 table table-striped primary " id="tblUser" cellspacing="0" width="100%">
                            <thead>
                                <tr>
									<th>Email</th>
                                    <th>Neo Address</th>
									<th>TMN Credits</th>
                                    <th>Total voted sentences</th>
									<th>Closed Sentences</th>
                                    <th>Winning Sentences</th>
                                    <th>Success Ratio</th>
                                    <th>View</th>
                                </tr>
                            </thead>
                            <tbody class="team-members">
                            </tbody>

                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>




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

<script type="text/javascript">

    var colorName = "bg-green";
    var placementFrom = "top";
    var placementAlign = "right";
    var animateEnter = "";
    var animateExit = "";
    $(document).ready(function () {

        initialiseDatatable();
        function initialiseDatatable() {
            $('.datatable1').dataTable().fnDestroy();
            $('.directory-list').html('');
            if ($.fn.dataTable.isDataTable('.datatable1')) {
                $('.datatable1').DataTable().clear().destroy();
            }
            var dataTable = $('.datatable1').DataTable({               
				"oLanguage": {"sLengthMenu": "\_MENU_", 'sSearch': '', 'sSearchPlaceholder': "Search..."},
                "processing": true,
                "bDestroy": true,
                "serverSide": true,
                "bAutoWidth": false,
                "searching": true,
                "destroy": true,
                "columnDefs": [
                    {
                        "targets": [0],
                        "searchable": true,
                        "orderable": true,
                        "visible": true,
                    }, {
                        "targets": [1],
                        "searchable": true,
                        "orderable": true,
                        "visible": true,
                    }, {
                        "targets": [2],
                        "searchable": true,
                        "orderable": true,
                        "visible": true,
                    }, {
                        "targets": [3],
                        "searchable": true,
                        "orderable": true,
                        "visible": true,
                    }, {
                        "targets": [4],
                        "searchable": false,
                        "orderable": true,
                        "visible": true,
                    }, {
                        "targets": [5],
                        "searchable": false,
                        "orderable": true,
                        "visible": true,
                    }, {
                        "targets": [6],
                        "searchable": false,
                        "orderable": true,
                        "visible": true,
					}, {
                        "targets": [7],
                        "searchable": false,
                        "orderable": false,
                        "visible": true,
                    }
                ],
                "order": [
                    [3, "desc"]
                ],
                "lengthMenu": [[25, 50, 100, 200], [25, 50, 100, 200]],
                "ajax": {
                    url: "controllers/get_top_user_votings.php", // json datasource
                    type: "post", // method  , by default get
                    data: {
                        category_id: $('#select-language').val(),
                    },
                    error: function () { // error handling
                        $(".team-members").append('<tr><td colspan="9">No data found</td></tr>');
                    }
                }
            });
            $('input[type="search"]').addClass('txt-search');
			displayPageInfo();
        }

        $('#btn-filter').on('click', function (e) {
            initialiseDatatable();
        });

        $("body").on('click', '.trigger-switch-referal', function () {
            $.ajax({url: 'controllers/update_user_ban_status.php',
                data: {
                    status: $(this).is(":checked"),
                    id: $(this).attr("data-id"),
                    type: 2,
                },
                type: 'post',
                success: function (output) {
                    console.log(output);
                }
            });
        });
    });
	function displayPageInfo() {
		$(".dataTables_info").each(function() {
		  $(this).prependTo($(this).closest(".dataTables_wrapper"));
		});
	}
</script>