@extends('admin.master')

@section('title', __('Story Comments') . ' - ' . $story->title)

@section('content')

<div class="row main" id="story_comments">
	<div class="ui menu shadowless">
		<div class="item">
			<h3>{{ __('Comments for') }}: {{ $story->title }}</h3>
		</div>
		<div class="right menu">
			<a href="{{ route('stories') }}" class="item">{{ __('Back to Stories') }}</a>
		</div>
	</div>

	<div class="table wrapper items story_comments">
		<table class="ui unstackable celled basic table">
			<thead>
				<tr>
					<th>{{ __('User') }}</th>
					<th class="six columns wide">{{ __('Comment') }}</th>
					<th>{{ __('Status') }}</th>
					<th>{{ __('Created at') }}</th>
					<th>{{ __('Actions') }}</th>
				</tr>
			</thead>
			<tbody>
				@foreach($comments as $comment)
				<tr>
					<td>
						<div class="ui user-info">
							<strong>{{ $comment->user->name ?? __('Unknown User') }}</strong>
							@if($comment->user)
							<br><small>{{ $comment->user->email }}</small>
							@endif
						</div>
					</td>
					<td>{{ $comment->comment }}</td>
					<td class="center aligned">
						@if($comment->approved)
						<span class="ui green label">{{ __('Approved') }}</span>
						@else
						<span class="ui orange label">{{ __('Pending') }}</span>
						@endif
					</td>
					<td class="center aligned">{{ $comment->created_at->format('Y-m-d H:i') }}</td>
					<td class="center aligned">
						<div class="ui buttons">
							@if(!$comment->approved)
							<button class="ui mini green button" onclick="moderateComment({{ $comment->id }}, true)">
								<i class="check icon"></i>
								{{ __('Approve') }}
							</button>
							@else
							<button class="ui mini orange button" onclick="moderateComment({{ $comment->id }}, false)">
								<i class="times icon"></i>
								{{ __('Unapprove') }}
							</button>
							@endif
							<button class="ui mini red button" onclick="deleteComment({{ $comment->id }})">
								<i class="trash icon"></i>
								{{ __('Delete') }}
							</button>
						</div>
					</td>
				</tr>
				@endforeach
			</tbody>
		</table>
	</div>

	@if($comments->hasPages())
	<div class="ui fluid divider"></div>
	{{ $comments->appends(request()->input())->onEachSide(1)->links() }}
	@endif
</div>

<script>
function moderateComment(commentId, approved) {
	$.post('{{ route("stories.moderate_comment") }}', {
		id: commentId,
		approved: approved ? 1 : 0,
		_token: '{{ csrf_token() }}'
	}).done(function(res) {
		if(res.success) {
			location.reload();
		} else {
			alert(res.message);
		}
	}).fail(function() {
		alert('{{ __("An error occurred") }}');
	});
}

function deleteComment(commentId) {
	if(confirm('{{ __("Are you sure you want to delete this comment?") }}')) {
		$.post('{{ route("story_comments.destroy", "") }}/' + commentId, {
			_method: 'DELETE',
			_token: '{{ csrf_token() }}'
		}).done(function(res) {
			if(res.success) {
				location.reload();
			} else {
				alert(res.message);
			}
		}).fail(function() {
			alert('{{ __("An error occurred") }}');
		});
	}
}
</script>
@endsection