@extends('core::layouts.master')
@section('breadcrumb','Quản lý bình luận')
@section('content')
    <div class="panel panel-flat">
        <table class="table table-xlg datatable-ajax" data-source="{{ route('admin.comment.datatables') }}">
            <thead>
            <tr>
                <th>Họ tên</th>
                <th>Email</th>
                <th width="400">Nội dung</th>
                <th>Thời gian</th>
                <th data-orderable="false" width="50px"></th>
                <th data-orderable="false" width="50px"></th>
                <th data-orderable="false" width="50px"></th>
            </tr>
            </thead>
        </table>
    </div>
@endsection
@section('scripts')
    <script type="text/javascript">
        var columnDatas = [
            {data: 'name'},
            {
                data: null,
                name: 'email',
                render: function (data) {
                    return '<a class="text-primary-600" href="mailto:' + data.email + '"><i class="fa fa-envelope" aria-hidden="true"></i> ' + data.email + '</a>';
                },
                orderable: false,
                searchable: false
            },
            {data: "content"},
            {data: "created_at"},
            {
                data: null,
                render: function (data) {
                    var published_status = {
                        'inactive': '<span class="label bg-grey-400">Ẩn</span>',
                        'active': '<span class="label bg-blue">Hiện</span>',
                    };
                    var label_status = (data.censorship == 0) ? published_status.inactive : published_status.active;
                    return '<a data-field="censorship" data-value=' + data.censorship + ' class="update_field" data-action="' + data.route_update + '">' + label_status + '</a>';
                }, orderable: false, searchable: false
            },
            {
                data: null,
                render: function (data) {
                    return '<a target="_blank" href="' + data.url + '#system_comments"> <i class="icon-eye"></i></a>';
                }, orderable: false, searchable: false
            },
            {
                data: null,
                render: function (data) {
                    return WBDatatables.showRemoveIcon('/admin/comment/' + data.id)
                }, orderable: false, searchable: false
            }
        ];
        WBDatatables.init('.datatable-ajax', columnDatas, {"ordering": false});
        WBDatatables.updateActive();
    </script>
@endsection