@extends('layout.backend.containerlist')
@section('header_css')

@endsection
@section('footer_js')
<script type="text/javascript">
    $(document).ready(function() {
        $('#sidebar li').removeClass('active');
        $('#sidebar a').removeClass('active');
        $('#sidebar').find('#previlege').addClass('active');
        $('#sidebar').find('#role').addClass('active');
    });
</script>
@endsection
@section('dynamicdata')

<div class="row">
    <div class="col-sm-12">
        <section class="panel">
            <header class="panel-heading">
                Roles
            </header>
            <div class="panel-body">
                @include('layout.backend.alert')
                <div class="adv-table editable-table ">                	
                	<div class="btn-group">
                        <a href="{{ route('admin.previlege.role.create') }}" class="btn btn-primary btn-lg" data-toggle="modal">
                          Add New <i class="fa fa-plus"></i>
                        </a>
                    </div>
                    <table class="display table table-bordered table-striped" id="role-table">
                        <thead>
                            <tr>
                                <th>
                                    S N
                                </th>
                                <th>
                                    Role Name
                                </th>
                                <th>
                                    Options
                                </th>
                            </tr>
                        </thead>
                        <tbody id="tablebody">
                            @foreach($roles as $index=>$role)
                            <tr class="gradeX" id="row_{{ $role->id }}" >
                                <td class="index">
                                    {{ ++$index }}
                                </td>
                                <td class="name">
                                    {{ $role->role }}
                                </td>                                
                                <td>
                                	<a class="edit-role" href="{{ route('admin.previlege.role.edit', $role->id) }}" id="{{ $role->id }}" title="Edit Role"><i class="fa fa-edit"></i></a>&nbsp;
                                	
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <th>
                                    S N
                                </th>
                                <th>
                                    Role Name
                                </th>                               
                                <th>
                                    Options
                                </th>
                            </tr>
                        </tfoot>
                    </table>

                </div>
            </div>
        </section>
    </div>
</div>
@stop