@extends('admin.layout.app')

@section('heading', 'Pending Comments')

@section('rightside_button')
{{-- Optional: Add button here if needed --}}
@endsection

@section('main_content')
<div class="section-body">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="example1">
<thead>
<tr>
<th>Blog Title</th>
<th>Name</th>
<th>Email</th>
<th>Comment</th>
<th>Submitted At</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
@foreach ($pending_comments as $item)
<tr>
<td><a href="{{ route('blog_details',$item->blog->slug) }}" target="_blank">{{ $item->blog->card_title ?? 'N/A' }}</a></td>
<td>{{ $item->person_name }}</td>
<td>{{ $item->person_email }}</td>
<td style="width: 45%;">{{ $item->person_comment }}</td>
<td>{{ $item->created_at->format('Y-m-d H:i') }}</td>
<td >
				{{-- <form action="{{ route('comment_approve',$item->id) }}" method="POST" style="display:inline-block;">
								@csrf
								<button type="submit" class="btn btn-success w-100">Approve</button>
				</form> --}}
				<a href="{{ route('comment_approve',$item->id) }}" class="btn btn-primary w-100 ">Approve</a>
				<a href="{{ route('comment_delete',$item->id) }}" class="btn btn-danger w-100 mt-1">Delete</a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div> <!-- /.table-responsive -->
</div> <!-- /.card-body -->
</div> <!-- /.card -->
</div> <!-- /.col-12 -->
</div> <!-- /.row -->
</div> <!-- /.section-body -->
@endsection