@extends('app')
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Permission Manager
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{url('/')}}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li>Permission</li>
            <li class="active">Permissions</li>

        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <div class="box-header with-border">

            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                        <table id="permissionDatatable" class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>Header</th>
                                <th>Permission Name</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(count($permissions) > 0)
                                @php($sn=1)
                                @foreach($permissions as $key => $permission)
                                    <tr>
                                        <td>{{$permission->header}}</td>
                                        <td>{{$permission->name}}</td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                            <tfoot>
                            <tr>
                                <th>Role ID</th>
                                <th>Header</th>
                                <th>Role Name</th>
                            </tr>
                            </tfoot>

                        </table>
                    </div>
                </div>
            </div>
            <div class="box-footer">
            </div>
        </div>
    </section>

@endsection
@section('extra-css')
    {{ Html::style('assets/bower_components/datatables.net/rowgroup/rowGroup.bootstrap.min.css') }}
@stop
@section('extra-js')
    {{ Html::script('assets/bower_components/datatables.net/rowgroup/dataTables.rowGroup.min.js') }}
    <script type="text/javascript">
        $(document).ready(function () {
            $('#permissionDatatable')
                .dataTable({
                    paging: false,
                    pageLength: -1,
                    rowGroup: {
                        dataSrc: 1
                    },
                    order: [[1, 'asc'], [2, 'asc']]
                });

        });
    </script>
@endsection