@extends('core::layouts.master')
@section('breadcrumb','Quản lý nhóm')
@section('head-action')
    {{--{{ Form::bsNavButton('Tạo nhóm',route("admin.$type.group.create")) }}--}}
@endsection
@section('content')
    <div class="panel panel-flat">
        <table class="table table-xlg datatable-ajax" data-source="{{ route("admin.$type.group.datatables") }}" data-destroymulti="{{route('admin.group.destroy-multi',['type'=>$type])}}">
            <thead>
            <tr>
                {{--<th class="text-center" width="50"><input type="checkbox" bs-type="checkbox" value="all" id="inputCheckAll"></th>--}}
                <th class="text-center" width="100">Hình ảnh</th>
                <th>Tên nhóm</th>
                <th width="300px">Loại nhóm</th>
                <th width="300px">Thông tin nhóm</th>
                <th width="300px">Sắp xếp</th>
                {{--<th data-orderable="false" width="100px"></th>--}}
            </tr>
            </thead>
        </table>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript">
        var columnDatas = [
//            {
//                data: null, orderable: false, searchable: false,
//                render: function (data) {
//                    return WBDatatables.showSelect(data.id);
//                }
//            },
            {
                data: null,
                render: function (data) {
                    return WBDatatables.showThumbnail(data.thumb);
                }
                , orderable: false, searchable: false
            },
            {
                data: null,
                name: 'title',
                render: function (data) {
                    return WBDatatables.showTitle(data.title, data.route_edit);
                },
                orderable: true
            },
            {
                data: null,
                render: function (data) {
                    return (data.is_condition == '1')?'Điều kiện':'Tự chọn';
                },
                orderable: false,
                searchable: false
            },
            {
                data: null,
                render: function (data) {
                    var html = '';
                    $.each(data.condition, function (index,value) {
                        html += '<p>'+value+'</p>';
                    });
                    return html;
                },
                orderable: false,
                searchable: false
            },
            {
                data: null,
                render: function (data) {
                    return data.sort_order;
                },
                orderable: false,
                searchable: false
            },
            /*{
                data: null,
                render: function (data) {
                    return WBDatatables.showRemoveIcon(data.route_remove);
                },
                orderable: false,
                searchable: false
            },*/
        ];
        WBDatatables.init('.datatable-ajax', columnDatas);
//        WBDatatables.showAction();
    </script>
@endsection