<?php $__env->startSection('header'); ?>
    <?php echo e(trans('admin.head.report_capsule_comment')); ?>


    &nbsp;&nbsp;

<?php $__env->stopSection(); ?>

<?php $__env->startSection('main'); ?>
    <div class="row">
        <div class="col-md-12">

            <div class="panel">
                <div class="table-primary">
                    <table class="table table-striped table-bordered" id="report-capsule-comment-table" width="100%">
                        <thead>
                        <tr>
                            <th><?php echo e(trans('admin.fields.id')); ?></th>
                            <th>Content</th>
                            <th>Owner</th>
                            <th>Total reports</th>
                            <?php if($managerPermissions->contains('value', 'capsules.full') || $managerPermissions->contains('value', 'capsules.reported')): ?><th></th><?php endif; ?>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                        <tfoot>
                        <tr>
                            <th class="column-searchable"><input class="form-control table-footer-search" /></th>
                            <th class="column-searchable"><input class="form-control table-footer-search" /></th>
                            <th class="column-searchable"><input class="form-control table-footer-search" /></th>
                            <th class="column-searchable"><input class="form-control table-footer-search" /></th>
                            <?php if($managerPermissions->contains('value', 'capsules.full') || $managerPermissions->contains('value', 'capsules.reported')): ?><th></th><?php endif; ?>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <style>
        th{
            vertical-align: center;
        }
        td{
            vertical-align: center;
        }
    </style>
    <script>
        $(function() {
            var report_capsule_comment_table = $('#report-capsule-comment-table').DataTable({
                "processing": true,
                "serverSide": true,
                "pageLength": 20,
                "lengthMenu": [[15, 30], [15, 30]],
                "order": [[ 0, "desc" ]],
                "ajax": {
                    "url": "<?php echo e(route('admin.reported_comment.list')); ?>"
                },
                "columns": [
                    {data: 'id', name: 'id'},
                    {data: 'content', name: 'content'},
                    {data: 'nickname', name: 'nickname'},
                    {data: 'total_reports', name: 'total_reports'},
                    <?php if($managerPermissions->contains('value', 'capsules.full') || $managerPermissions->contains('value', 'capsules.reported')): ?>
                    {
                        data: 'id',
                        name: 'id',
                        render: function (data, type, row) {
                            return "<a class='btn btn-xs btn-info' href='" + row.showCapsuleLink + "' target='_blank'>Show capsule</a>&nbsp;" +
                                "<a class='btn btn-xs btn-danger delete-comment' href='" + row.deleteLink + "'>Delete comment</a>&nbsp;" +
                                "<a class='btn btn-xs btn-danger delete-reports' href='" + row.deleteReportsLink + "'><?php echo e(__('admin.buttons.delete_reports')); ?></a>&nbsp;";
                        },
                        orderable: false,
                        searchable: false
                    }
                    <?php endif; ?>
                ],
                "initComplete": function () {
                    this.api().columns().every(function () {
                        var column = this;
                        var column_class = column.footer().className;
                        if (column_class === 'column-searchable') {
                            var input = $(column.footer()).find('input');
                            var select = $(column.footer()).find('select');

                            if (input.length) {
                                input.on('change', function () {
                                    column.search($(this).val(), false, false, true).draw();
                                });
                            } else if (select.length) {
                                select.on('change', function () {
                                    column.search($(this).val(), false, false, true).draw();
                                });
                            }
                        }
                    });
                }
            });

            <?php if($managerPermissions->contains('value', 'capsules.full') || $managerPermissions->contains('value', 'capsules.reported')): ?>
            $(document).on('click', '.delete-comment', function (e) {
                e.preventDefault();

                var link = $(this).attr('href');

                swal({
                    title: 'Delete this comment?',
                    buttons: [
                        'Cancel',
                        'Delete'
                    ]
                }).then(function (res) {

                    if ( res ) {
                        $.ajax({
                            url: link,
                            type: 'DELETE',
                            dataType: 'json',
                            data: { method: '_DELETE' }
                        }).always(function (result) {
                            if (typeof result.status !== 'undefined' && result.status === 'success') {
                                report_capsule_comment_table.draw(false);
                            }
                        });
                    }

                });

            });

            $(document).on('click', '.delete-reports', function (e) {
                e.preventDefault();

                var link = $(this).attr('href');

                swal({
                    title: 'Delete reports?',
                    buttons: [
                        'Cancel',
                        'Delete'
                    ]
                }).then(function (res) {

                    if ( res ) {
                        $.ajax({
                            url: link,
                            type: 'DELETE',
                            dataType: 'json',
                            data: { method: '_DELETE' }
                        }).always(function (result) {
                            if (typeof result.status !== 'undefined' && result.status === 'success') {
                                report_capsule_comment_table.draw(false);
                            }
                        });
                    }

                });

            });
            <?php endif; ?>
        });
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin._layout.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/resources/views.admin/admin/report_capsule_comment/list.blade.php ENDPATH**/ ?>