@extends('layouts.panel')
@section('content')
	<div>
		<h2 class="text-4xl text-[#041627]">Assigned Reviews</h2>
		<p class="text-[#44474c]">Submit critique and verdict.</p>
	</div>
	<section class="bg-white border border-[#aeb6bf] overflow-hidden">
		<table id="reviewerAssignmentsTable" class="w-full">
			<thead>
				<tr class="bg-[#041627] text-white text-xs uppercase">
					<th class="p-4 text-left">Article</th>
					<th class="p-4 text-left">Author</th>
					<th class="p-4 text-left">Review Verdict</th>
					<th class="p-4 text-left">Article Status</th>
					<th class="p-4 text-right">Actions</th>
				</tr>
			</thead>
			<tbody class="divide-y divide-[#aeb6bf]"></tbody>
		</table>
	</section>
@endsection
@push('scripts')
	<script>
		NerosaDataTables.init('#reviewerAssignmentsTable', {
			columns: [
				{ data: 'article_title', name: 'article_title', orderable: false, searchable: true, className: 'p-4 font-semibold' },
				{ data: 'author_name', name: 'author_name', orderable: false, searchable: true, className: 'p-4' },
				{ data: 'verdict_text', name: 'verdict', className: 'p-4' },
				{ data: 'article_status', name: 'article_status', orderable: false, searchable: true, className: 'p-4' },
				{ data: 'actions', name: 'actions', orderable: false, searchable: false, className: 'p-4 text-right' },
			],
		});
	</script>
@endpush