{{--

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12">
            <h1>{{ Lang::get('tree.posts.comments') }}  </h1>
        </div>
    </div>
    <div class="row", id="drag-elements">
            <div class="row post" id="{{$comment->id}}" index="{{$i}}">
                <div class="col-xs-12 col-sm-2 col-md-2 text-center">
                    <h4>{{ $comment->id }}</h4>
                </div>
                <div class="col-xs-12 col-sm-2 col-md-2 text-center">
                    {{ HTML::image('uploads/comments/thumb/'.$comment->thumb) }}
                </div>
                <div class="col-xs-12 col-sm-2 col-md-2 text-center">
                    <h4>{{ $comment->name }}</h4>
                </div>
                <div class="col-xs-12 col-sm-2 col-md-4 text-center">
                    <h4 style="word-wrap:break-word">{{ substr($comment->text ,0,200);}}   </h4>
                </div>
                <div class=" col-xs-12 col-sm-4 col-md-2  text-center">
                    <a class="btn btn-success" href="{{ URL::route('getCommentPreview', ['id' =>  $comment->id, ]) }}"><i class="glyphicon glyphicon-eye-open"></i></a> <button onclick="deletePost({{$comment->id}})" class="del btn btn-danger"><i class="glyphicon glyphicon-remove"></i></button>
                </div>
            </div>
        <div class="row post">
            <div class="col-xs-12 col-sm-2 col-md-12 text-center">
                <h4 class=" text-center">{{ Lang::get('post.msg.info.no_comments') }}</h4>
            </div>
        </div>
    </div>
</div>
--}}



<div id="vju">
    <div class="row">
        <div class="col s12" id="vue">
            <div class="widget-holder hoverable fadeIn">
                <div class="widget-heading">
                    <div class="input-field">
                        <i class="material-icons prefix">search</i>
                        <input id="icon_prefix" v-model="searchString" v-on:keyup="searchfilter()" type="text">
                        <label for="icon_prefix">{{ ucfirst(Lang::get('core.search'))}}</label>
                    </div>
                    <a class="btn-floating waves-effect waves-light btn-primary new-blog-post" id="add-comment-button" v-on:click=""><i class="material-icons">add</i></a>
                </div>
                <div class="widget-content">
                    <div class="table-wrapper">
                        <table class="bordered responsive-table">
                            <thead>
                            <tr>
                                <th>{{ Lang::get('communalService.header_user') }}</th>
                                <th>{{ Lang::get('communalService.header_template_content') }}</th>
                                <th>{{ Lang::get('template.labels.image') }}</th>

                            </tr>
                            </thead>

                            <tbody>
                            <tr v-for="comment in comments">
                                <td>@{{ comment.name }}</td>
                                <td>@{{ comment.text }}</td>
                                <td>
                                   <img :src="'uploads/comments/thumb/'+comment->thumb">

                                </td>


                            </tr>


                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!-- tab start

tab end -->



{{-- CityHub - Communal service - Templates (admin) --}}



<script>

    var commentsData=JSON.parse('{{$comments}}');

    console.log('commentsData', commentsData);

    var confirmDeletePost = '{{ Lang::get('tree.msg.warning.post_delete') }}';
    var deleteLink = '{{ URL::route('getDeleteComment') }}';

</script>