@extends('layouts.panel')
@section('content')
<div><h2 class="text-3xl text-[#041627]">Submission Detail</h2><p class="text-[#44474c]">{{ $article->title }}</p></div>
<section class="grid lg:grid-cols-3 gap-6"><div class="lg:col-span-2 bg-white border border-[#aeb6bf] p-6"><h3 class="font-semibold mb-2">Synopsis</h3><div class="text-sm text-[#44474c]">{!! $article->synopsis !!}</div></div><div class="bg-white border border-[#aeb6bf] p-6"><h3 class="font-semibold mb-3">Timeline</h3><div class="space-y-3">@foreach($article->statusLogs as $log)<div><p class="text-sm font-semibold">{{ str_replace('_',' ', $log->to_status) }}</p><p class="text-xs text-[#44474c]">{{ $log->created_at?->format('M d, Y H:i') }} @if($log->note)- {{ $log->note }}@endif</p></div>@endforeach</div></div></section>
<section class="mt-6 bg-white border border-[#aeb6bf] p-6">
  <h3 class="font-semibold mb-3">Reviewer Feedback</h3>
  @if($article->reviews->count())
    <div class="space-y-4">
      @foreach($article->reviews as $review)
        <div class="border border-[#dfe3e8] rounded p-3">
          <p class="text-sm font-semibold">{{ $review->reviewer->name ?? 'Reviewer' }} <span class="text-[#44474c] font-normal">({{ $review->verdict ?? 'pending' }})</span></p>
          <p class="text-xs text-[#44474c] mt-1">{{ optional($review->updated_at)->format('M d, Y H:i') }}</p>
          <div class="text-sm text-[#191c1e] mt-2 whitespace-pre-wrap">{{ $review->feedback ?: 'No written feedback yet.' }}</div>
        </div>
      @endforeach
    </div>
  @else
    <p class="text-sm text-[#44474c]">No reviewer feedback available yet.</p>
  @endif
</section>
@endsection