@extends('core::layouts.master')
@section('breadcrumb','Quản lý nhóm admin')
@section('head-action')
    {{ Form::bsNavButton('Thêm nhóm',route('admin.account.group.create')) }}
@endsection

@section('scripts')
    <script type="text/javascript">
        var columnDatas = [
            {
                data: null,
                name: 'name',
                render: function (data) {
                    return '<a class="text-primary-600" href="/admin/account/group/' + data.id + '/edit">' + data.name + '</a>';
                }
            },
            {
                data: null,
                render: function (data) {
                    var html = '';
                    $.each(data.permission, function (index, value) {
                        html += '<lable class="label label-default" style="margin: 5px;">' + value + '</lable>';
                    });
                    return html;
                },
                orderable: false,
                searchable: false
            },
            {
                data: null,
                render: function (data) {
                    return '<a href="/admin/account/group/' + data.id + '" class=" text-danger-600 text-center remove_item"><i class="icon-trash"></i></a>';
                },
                orderable: false,
                searchable: false
            }
        ];
        WBDatatables.init('.datatable-ajax', columnDatas, {"ordering": true});
    </script>
@endsection
@section('content')
    <div class="panel panel-flat">
        <div class="panel-body">
            <div class="tabbable">
                @include('core::account.sidebar')
                <div class="tab-content">
                    <table class="table table-bordered datatable-ajax" data-source="{{ route('admin.account.group.datatables') }}">
                        <thead>
                        <tr>
                            <th width="200">Tên nhóm</th>
                            <th data-orderable="false">Quyền quản lý</th>
                            <th data-orderable="false" width="50px"></th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection