@extends('adminlte::page')
@section('title', $pageTitle)
@section('content_header')
    <h1>{{ $pageTitle }}</h1>
@stop
@section('content')
    @include('user.partials.tabs')
    <div class="row">
        <div class="col-xs-12">
            <table class="table table-bordered" id="rolestable">
                <thead>
                    <tr>
                        <th width="30">No</th>
                        <th>Name</th>
                        <th>Description</th>
                        <th width="280">Action</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
            @permission('create-RolesController')
                <a class="btn btn-success" href="{{ url('roles/create') }}"> Create New Role</a>
            @endpermission
        </div>
    </div>
@stop
@section('js')
    <script>
        $(function() {
            $('#rolestable').DataTable({
                responsive: true,
                processing: true,
                serverSide: true,
                ajax: '{!! URL::to('roles/all') !!}',
                columnDefs: [
                    {
                        targets: 3,
                        render: function (data) {
                            var returnData = '';
                            @if(Laratrust::can('update-RoleController'))
                                    returnData += ' <a class="btn btn-primary btn-sm" href="/roles/'+data+'/edit">Edit</a>';
                            @endif
                                    @if(Laratrust::can('delete-RoleController'))
                                    returnData += ' <form class="inline" method="POST" action="/roles/'+data+'"><input name="_method" type="hidden" value="DELETE">{{csrf_field()}}<input class="btn btn-danger btn-sm confirmDelete" type="submit" value="Delete"></form>';
                            @endif
                                    return returnData;
                        }
                    }
                ],
                columns: [
                    { data: 'id', name: 'id' },
                    { data: 'display_name', name: 'display_name' },
                    { data: 'description', name: 'description' },
                    { data: 'id', name: 'id' }
                ]
            });
        });
    </script>
@stop