MINI Sh3ll

<?
$users=[];
$status = '0,1';
$parent_id = ($loginUser['usertype'] == 'ADMIN') ? "" : $loginUser['id'];
$users = $objUser->getUsersList($parent_id);
// x($users);
?>
<? require_once SITE_PAGE_PATH.'notifier.php'; ?>
<div class="card card-header-actions mb-4">
    <div class="card-header"><?=$page_title?>
        <div> 
            <? if($loginUser['usertype'] == 'CADMIN'){?>            
            <a class="btn btn-primary btn-sm" href="<?=SITE_ROOT_URL.'users/add-user/'?>">Add User</a>
        <? } ?>
        </div>
    </div>
    <div class="card-body">         
        <? if($users){?>            
        <div class="xdatatable">
            <table class="saathi_datatable" id="usersTable" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th width="5%">#</th>                        
                        <th width="20%">Name</th>
                        <th width="20%">Email</th>
                        <th width="8%">Mobile No</th>
                        <th width="10%">Company</th>
                        <!-- <th width="10%">Plant</th>                         -->
                        <th width="10%">User Type</th>                        
                        <th width="8%">Status</th>
                        <? if($loginUser['usertype'] == 'CADMIN'){?> 
                        <th width="12%">Action</th>
                        <? } ?>
                    </tr>
                </thead>                        
                <tbody>
                    <? 
                        foreach($users as $user){
                        $badge_css = $user['status'] == 1 ? 'success' : 'danger';
                        $status_text = $user['status'] == 1 ? 'Deactivate' : 'Activate';
                        $status_css = $user['status'] == 1 ? 'danger' : 'success';
                        $user_status = $user['status'] == 1 ? 'Active' : 'Inactive';
                    ?>
                    <tr>
                        <td class="text-center"><?=$user['id']?></td>
                        <td><?=$user['firstname']." ".$user['lastname']?></td>                                        
                        <td class="text-center"><?=$user['email']?></td>
                        <td class="text-center"><?=$user['contactno']?></td>
                        <td class="text-center"><?=$user['cname']?></td>
                        <!-- <td class="text-center"><?=$user['pname']?></td> -->
                        <td class="text-center"><?=$user['usertype']?></td>
                        <td class="text-center"><div class="badge badge-<?=$badge_css?> badge-pill"><?=$user_status?></div></td>
                        <? if($loginUser['usertype'] == 'CADMIN'){?> 
                        <td class="text-center">  
                            <a href="<?=SITE_ROOT_URL.'users/'.encrypt_decrypt('encrypt', $user['id'])?>" class="text-success">Edit</a> |
                            <a id="btnStatus<?=$user['id']?>" data-status="<?=$user['status']?>" class="text-<?=$status_css?>" style="cursor:pointer;"><?=$status_text?></a> |
                            <a id="btnDelete<?=$user['id']?>" class="text-danger" style="cursor:pointer;">Delete</a>                            
                        </td>
                    <? } ?>
                    </tr>
                    <? } ?>                           
                </tbody>
            </table>
        </div>
        <? } else if(!$users) {?> 
            <div class="text-danger">No matching records found!</div>
        <? } ?>
    </div>
</div>

<form method="post" id="frmUserUpdate">
    <input type="hidden" name="formtype" value="update-user-status" />
    <input type="hidden" id="id" name="id" value="" />
    <input type="hidden" id="status" name="status" value="" />
</form>

<script type="text/javascript">
    $("#usersTable").on("click", "[id^=btnStatus]", function(){
        var id = this.id.replace('btnStatus', '');
        var status = this.getAttribute('data-status');
        var status = (status == 1) ? 0 : 1;
        if(confirm("Are you sure you want to change the user status?")){
            $("#frmUserUpdate #id").val(id);        
            $("#frmUserUpdate #status").val(status);
            $("#frmUserUpdate").submit();
        }        
    });

    $("#usersTable").on("click", "[id^=btnDelete]", function(){
        
        var id = this.id.replace('btnDelete', '');
        if(confirm("Are you sure you want to delete this user?")){
            $("#frmUserUpdate #id").val(id);        
            $("#frmUserUpdate #status").val("2");
            $("#frmUserUpdate").submit();
        }
    });

    $("#btnSubmit").on("click", function (e) {
        var form = $("#CertForm")[0];
        var isValid = form.checkValidity();
        if (!isValid) {
            e.preventDefault();
            e.stopPropagation();
        }
        form.classList.add('was-validated');
        //return false; // For testing only to stay on this page
    });

    $(document).ready(function() {
        $('#usersTable').DataTable({
            "pageLength": 50,
            "order": [[ 0, 'desc' ]]
        });
    });

</script>


<!-- Modal -->
<div class="modal fade" id="uploadPointsModal" tabindex="-1" role="dialog" aria-labelledby="uploadPointsModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="uploadPointsModalLabel">Upload Users</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
            </div>
            <form id="pointsForm" method="post" class="needs-validation" novalidate="" enctype="multipart/form-data">
            <div class="modal-body">
                <p>Please select the xlsx file to upload the users.</p>
                <div class="form-group text-left">
                    <label class="small mb-1" for="users">Users File (.xlsx Only) : </label>
                    <input class="form-control form-control-sm" id="users" name="users" type="file" placeholder="Please select the users file to upload" value="" required autocomplete="Off" accept=".xlsx" />
                    <div class="invalid-feedback">Please select the users file to upload (.xlsx only)</div>
                </div>              
            </div>
            <div class="modal-footer">
                <input type="hidden" name="formtype" value="upload-users" />                       
                <button id="btnSubmitPoints" class="btn btn-primary" type="submit">Submit</button>
                
                <?/*<button class="btn btn-secondary" type="button" data-dismiss="modal">Close</button><button class="btn btn-primary" type="button">Save changes</button>*/?>
            </div>
            </form>
        </div>
    </div>
</div>