.-.-.-.-.-

<?php
$title = "User Login Details";
include 'header.php';
//include_once('lib/ps_pagination.php');
?>

<?php echo getMessage(); ?>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <h4 class="page-title">Kyc Doc Report</h4>
                <ol class="breadcrumb">
                   <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                    <li class="breadcrumb-item"><a href="#">Users</a></li>
                    <li class="breadcrumb-item active">Kyc Doc Report</li>
                </ol>
            </div>
        </div>
    </div>
    
    <div class="row">
        <div class="col-12">
            <div class="card m-b-20">
                <div class="card-body">
                    <?php echo getMessage(); ?>
                    <div class="card-body">
                        <form class="form-inline" id="search-form" >
                            <div class="form-group " >
                                <label class="form-control" for="login_id"> UserId: </label>
                                <input type="text" class="form-control" id="login_id" placeholder="Enter login id" name="login_id">
                            </div>
                            <div class="form-group " >
                                <label class="form-control " > From Date: </label>
                                <input type="text" class="form-control datepicker"  placeholder="From date" name="from_date" autocomplete="off">
                            </div>&nbsp;
                            <div class="form-group">
                                <label class="form-control "> To date: </label>
                                <input type="text" class="form-control datepicker"  placeholder="To date" name="to_date" autocomplete="off" >
                            </div>
                            <button type="submit" class="btn btn-primary">Search</button>
                        </form>
                    </div>
                    <table class="table table-striped table-bordered table-hover dt-responsive " id="datatable-ajax-page" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                        <thead>
                            <tr>
                                <th>S. No.</th>
                                <th>Name</th>
                                <th>Doc Type</th>
                                <th>Date</th>
                                <th>Image</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div> 
    </div>

</div> 
<script type="text/javascript">
//    var columnMetadataAll = [{"data": "sno", "title": "S.No."}, {"data": "user_name", "title": "User"}, {"data": "datetime", "title": "Date"}, {"data": "ip", "title": "IP Address"}];
//    var urlAll = "./report/report_login_json.php";
//    var table = null;
//
//    $(document).ready(function () {
//        table = loadDataTable('.datatable-ajax', urlAll, columnMetadataAll, false, 2);
//
//        $("#search-form").submit(function (e) {
//            table.ajax.reload();
//            e.preventDefault(); // avoid to execute the actual submit of the form.
//        });
//        $('.datatable-ajax tbody').on('click', 'tr', function () {
//            var data = table.row(this).data();
//            //window.location ='/'+moduleCode+'/view/?id='+data.id;
//        });
//    });

var start;
    $(document).ready(function () {
        var table = $('#datatable-ajax-page').DataTable({
            "ajax": {
                "url": "./report/kyc_doc_report_json.php",
                "type": "POST",
                dataType: 'json',
                data: function (d) {
                    var formData = $("#search-form").serializeArray();
                    $.each(formData, function (i, field) {
                        d[field.name] = field.value;
                    });
                },
            },
            "processing": true,
            "serverSide": true,
            "pageLength": 500,
            //"lengthMenu": [[100, 500, 1000, 2000, -1], [100, 500, 1000, 2000, "All"]],
            "lengthMenu": [[100, 500, 1000, 2000, 5000], [100, 500, 1000, 2000, 5000]],
            "dom": 'B<"top">rt<"bottom"lp><"clear">',
            buttons: [
                'excel', 'csv', 'pdf', 'print'
            ],
            "columns": [
                {"data": "sno"},
                {"data": "user_name"},
                {"data": "doc_type"},
                {"data": "create_date"},
                {"data": "uid",
                    "render": function (data, type, full, meta) {
                        return '<a href="../static/backend/user-resource/uploads/kyc_doc/' + full.file_name + '" target="_blank"><img src="../static/backend/user-resource/uploads/kyc_doc/' + full.file_name + '" width="100px" /></a>';
                    }
                },
                {"data": "uid",
                    "render": function (data, type, full, meta) {
                        return '<a href="./kyc_edit.php?uid=' + full.uid + '" class=btn-default>Edit</a>';
                    }
                },
//                {"data": "service"},
//                {"data": "net_amount"},
//                {"data": "uid",
//                    "render": function (data, type, full, meta) {
//                        return '<button onclick="processStatus(' + full.recid + ', \'' + full.description + '\', \'' + full.name + '\', \'' + full.email + '\', \'' + full.mobile + '\', \'' + full.account_holder_name + '\', \'' + full.bank_name + '\', \'' + full.branch_name + '\', \'' + full.account_number + '\', \'' + full.ifsc + '\');" class="btn btn-primary">' + 'View Pay Details' + '</buton>';
//                    }
//                },
            ],
        }
        );

$("#search-form").submit(function (e) {
            table.ajax.reload();
            e.preventDefault(); // avoid to execute the actual submit of the form.
        });

table.on('xhr', function () {
            start = table.ajax.json().start;

});
    });

</script>

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

/home2/wtmwscom/public_html/DOCS/../admin/kyc_doc_report.php