@extends('admin.main')
@section('content')
 <div class="row">
            <div class="col-md-12">
                <div class="card mt-3">
                    <div class="card-header">
                        <h4>Permissions
                            @can('create.permission')
                            <a href="{{ route('permissions.create') }}" class="btn btn-primary float-right">Add Permission</a>
                            @endcan
                        </h4>
                    </div>
                    <div class="card-body">
                         @include('admin.msg')
                        <div class="table-responsive">
                          <table class="display table-striped table table-bordered" id="permission_table" width="100%">
                            <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>Name</th>
                                    <th width="40%">Action</th>
                                </tr>
                            </thead>
                            
                        </table>
                       </div>
                    </div>
                </div>
            </div>
        </div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#permission_table').DataTable({
            processing: true,
            serverSide: true,
            ajax: {
                url: "{{ route('get-permissions') }}",
                type: "POST",
                data: function (data) {
                    data._token = "{{ csrf_token() }}";
                    data.search = $('input[type="search"]').val();
                },
                complete: function (xhr, status) {
                    $('[data-toggle="tooltip"]').tooltip();
                }
            },
            order: [['0', 'DESC']],
            pageLength: 10,
            searching: true,
            columns: [
                { data: 'index' }, { data: 'name' }, { data: 'action' }
            ]
        });
    });
</script>
@endsection