@extends('layout.main')

@section('breadcrumb')
<ol class="breadcrumb pull-right">
                <li><a href="<?=url('/home')?>"><span class="glyphicon glyphicon-home"></span>&nbsp;Home</a></li>
               <li><a href="<?=url('/reseller/user/viewuser')?>">User Management</a></li>
                <li><a href="<?=url('/reseller/role/permissions')?>">Permissions</a></li>
                <li class="active">Index</li>
</ol>
@stop

@section('content')
    
    <div class="row"> 
    <div class="col-lg-12">
        
        <div class="panel panel-info" data-sortable-id="index-1">
        <div class="panel-heading">
            <div class="panel-heading-btn">
                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-repeat"></i></a>
                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
               
            </div>
            <h4 class="panel-title">System Permissions</h4>
        </div>
       <div class="panel-body">
        
                
                <table id="perm-datatable" class="table table-hover table-bordered" >
                                <thead>
                                    <tr class="info">
                                       <th>ID</th>
                                        <th>Name</th>
                                        <th>Description</th>
                                        
                                      
                                      
                                       

                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>

                

        </div>
    </div>
    </div>
    </div>

@stop
@push('scripts')
     <script>
        $(document).ready(function() {
                $('#perm-datatable').DataTable({
        processing: true,
        serverSide: true,
        ajax: '<?=url("reseller/permissions/fetch_permission")?>',
               columns: [
            {data: 'id', name: 'id'},
            {data: 'display_name', name: 'display_name'},
            {data: 'description', name: 'description'},
         
         
       


        ],

    });



                });
    </script>
@endpush