<?php 
  if( !hasPermission($_SESSION['user_detail']['role_id'], 'account_list') ) {
    echo '<script>window.location.href="index.php?page=no_permission.php"</script>';
    die();
  }
?> 
<style type="text/css">
  .label {
    display: inline;
    padding: 5px 14px 7px 17px;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0 em !important;
  }
</style>
<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 ACCOUNT GROUP 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'], 'account_add') ) { ?>
          <a href="index.php?page=account_group/add.php" class="btn btn-danger capital bottom10 custome-btn">ADD NEW ACCOUNT GROUP</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">SR NO.</th>
            <th>NAME</th>
            <th width="150">PARENT</th>
            <th width="100">Status</th>
            <th width="100">CREATED BY</th>
            <th width="80">Actions</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td colspan="6"><?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"}
            ],
            "bServerSide"       : true,
            "sAjaxSource"       : 'account_group/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: "account_group/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>
