<?php 
  if( !hasPermission($_SESSION['user_detail']['role_id'], 'user_list') ) {
    echo '<script>window.location.href="index.php?page=no_permission.php"</script>';
    die();
  }
?> 
<section class="content-header">
  <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 bottom20">
        <h3 class="capital font15 padding5 bold">VIEW USER DETAILS</h3>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 text-right bottom20">
        <h3>
          <?php if( hasPermission($_SESSION['user_detail']['role_id'], 'user_add') ) { ?>
          <a href="index.php?page=user_management/add.php" class="btn btn-danger capital bottom10 custome-btn">Add New USER</a>
          <?php } ?>
        </h3>
      </div>
  </div>
</section>
<hr class="bottom35"> 
<section class="hitz-top-header">
  <div class="card bottom40">
    <div class="card-body table-responsive">
      <table id="example1" class="table table-bordered table-striped list_data width100">
        <thead>
          <tr>
            <th width="50" class="text-center">SR NO.</th>
            <th class="text-center">NAME</th>
            <th width="100" class="text-center">USERNAME</th>
            <th width="100" class="text-center">ROLE</th>
            <th width="100" class="text-center">E-MAIL</th>
            <th width="100" class="text-center">PHONE</th>
            <th width="100" class="text-center">STATUS</th>
            <th width="80" class="text-center">Actions</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td colspan="8"><?php echo "NO RECORD FOUND"; ?></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</section>
<script type="text/javascript">
    jQuery(document).ready(function() {
      loadDataTable();
    });

    
    function loadDataTable(){
        if(typeof dTable!='undefined'){dTable.fnDestroy();}
    
        dTable=jQuery('.list_data').dataTable({
            "bProcessing"       : true,
            "order"             : [ [0, 'asc'] ],
            "aLengthMenu"       : [ [5, 10, 15, 20, 25, 50, 100], [5, 10, 15, 20, 25, 50, 100] ],
            'iDisplayLength'    : 10,
            "aoColumns"         : [
                {"sClass": "text-center"}, {"sClass": "text-center"}, {"sClass": "text-center"}, {"sClass": "text-center"}, {"sClass": "text-center"}, {"sClass": "text-center"}, {"sClass": "text-center"} , {"bSortable": true, "sClass": "text-center"}
            ],
            "bServerSide"       : true,
            "sAjaxSource"       : 'user_management/fetch.php',
        });
    }
    
    function confirmDelete(e) {
      var $i = $(e).attr("id");
      console.log($i);
      swal({
          title: "Are you sure?",
          text: "You will not be able to recover this imaginary file!",
          type: "warning",
          showCancelButton: true,
          confirmButtonColor: "#DD6B55",
          confirmButtonText: "Yes, delete it!",
          closeOnConfirm: false
      }, function (isConfirm) {
          if (!isConfirm) return;
          $.ajax({
            url: "user_management/delete.php",
            type: "POST",
            data: 'delete='+$i,
            dataType: "json",
            success: function () {
              swal({title: "Deleted!", text: "Data successfully Deleted!", type: "success"},
                function(){ 
                  location.reload();
                }
              );
            },

            error: function (xhr, ajaxOptions, thrownError) {
                swal("Error deleting!", "Please try again", "error");
            }
          });
      });
    } 
  </script>
