@if (count($users) > 0)
<script>
$(document).ready(function () {
    $('#userlist').DataTable({
        searching: true,
        order: [[0, "desc"]], // Sort by ID column
        columnDefs: [
            {
                targets: 0, // ID column
                searchable: false
            }
        ],
        fnDrawCallback: function () {
            var api = this.api();
            api.column(0).nodes().each(function (cell, i) {
                cell.innerHTML = i + 1; // Auto numbering
            });
        },
        language: {
            search: "search:"
        }
    });
});

</script>

<div class="table-responsive">
    <table class="table align-items-center table-flush table-striped" id="userlist">
        <thead class="thead-light">
            <tr>

                <th scope="col">ID</th>
                <th scope="col">Name</th>
                <th scope="col">Email</th>
                <th scope="col">Contact No</th>
                <th scope="col">Created</th>
                <th scope="col">Status</th>
                <th scope="col">Action</th>
            </tr>
        </thead>
        <tbody class="list">