@extends('admin.layout.app')

@section('title', 'comments' )

@section('top')
<div class="container">
    <div class="page-header">
        <h1>Comment</h1>
    </div>
</div>
@endsection


@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-body">
                    <table class="table table-striped table-hover ">
                        <thead class="text-center">
                        <tr>
                            <th width="10%">Name</th>
                            <th width="10%">Phone</th>
                            <th width="10%">Email</th>
                            <th width="10%">Title </th>
                            <th width="10%">Content</th>
                            <th width="10%">Published On</th>
                            <th width="10%">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($comments as $comment)
                        <tr>
                            <td>{{$comment->name}}</td>
                            <td>{{$comment->phone}}</td>
                            <td>{{$comment->email}}</td>
                            <td>{{$comment->title}}</td>
                            <td>{{$comment->content}}</td>
                            <td>{{$comment->created_at}}</td>
                            <td>
                                <button class="btn btn-danger btn-sm"
                                   href="#delete_comment_{{$comment->id}}" data-toggle="modal"
                                   data-target="#delete_comment_{{$comment->id}}" data-toggle-tooltip
                                   data-placement="top"
                                   title=""><i class="fa fa-times"></i>
                                </button>
                            </td>
                        </tr>
                        @endforeach
                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>
</div>
    @include('admin.component.comment.delete')
@endsection