@extends('layouts.panel')
@section('content')
<div><h2 class="text-2xl sm:text-3xl text-[#041627]">Workflow Manager</h2><p class="break-words text-[#44474c]">{{ $article->title }}</p></div>
@if($errors->any())
<div class="bg-[#ffdad6] border border-[#ba1a1a] text-[#93000a] p-4 rounded">
  <ul class="list-disc pl-5 text-sm">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
</div>
@endif
<section class="grid lg:grid-cols-2 gap-6">
<div class="min-w-0 bg-white border border-[#aeb6bf] p-4 sm:p-6 space-y-4">
<h3 class="font-semibold">1) Assign Editor</h3>
<form method="POST" action="{{ route('admin.workflow.articles.assign-editor',$article) }}" class="grid gap-2 sm:grid-cols-[minmax(0,1fr)_auto]">@csrf<div><label class="text-sm font-semibold">Editor</label><select name="editor_id" required class="min-w-0 border border-[#aeb6bf] p-2 w-full">@foreach($editors as $e)<option value="{{ $e->id }}" @selected($article->assigned_editor_id===$e->id)>{{ $e->name }} ({{ $e->email }})</option>@endforeach</select></div><button class="bg-[#041627] text-white px-4 py-2 text-sm font-semibold sm:self-end">Assign</button></form>
<div class="pt-4"><h3 class="font-semibold">2) Reviewer Assignment</h3></div>
<form method="POST" action="{{ route('admin.workflow.articles.assign-reviewer',$article) }}" class="grid gap-2 sm:grid-cols-[minmax(0,1fr)_auto]">@csrf<div><label class="text-sm font-semibold">Reviewer</label><select name="reviewer_id" required class="min-w-0 border border-[#aeb6bf] p-2 w-full">@foreach($reviewers as $r)<option value="{{ $r->id }}">{{ $r->name }} ({{ $r->email }})</option>@endforeach</select></div><button class="bg-[#041627] text-white px-4 py-2 text-sm font-semibold sm:self-end">Assign Reviewer</button></form>
<form method="POST" action="{{ route('admin.workflow.articles.reviewer-reminder',$article) }}" class="grid gap-2 sm:grid-cols-[minmax(0,1fr)_auto]">@csrf<div><label class="text-sm font-semibold">Reviewer</label><select name="reviewer_id" required class="min-w-0 border border-[#aeb6bf] p-2 w-full">@foreach($reviewers as $r)<option value="{{ $r->id }}">{{ $r->name }} ({{ $r->email }})</option>@endforeach</select></div><button class="bg-white border border-[#041627] text-[#041627] px-4 py-2 text-sm font-semibold sm:self-end">Send Reminder</button></form>
<div><h4 class="font-semibold mt-4 mb-2">Assigned Reviewers</h4><ul class="space-y-1">@forelse($article->reviews as $rev)<li class="text-sm">{{ $rev->reviewer->name ?? 'Reviewer' }} - {{ $rev->verdict ?? 'pending' }}</li>@empty<li class="text-sm text-[#44474c]">None assigned yet</li>@endforelse</ul></div>
<div class="pt-4 border-t border-[#e3e6ea]">
  <h3 class="font-semibold mb-2">Featured Article</h3>
  <form method="POST" action="{{ route('admin.workflow.articles.featured',$article) }}" class="mb-4 flex flex-wrap items-center gap-3" data-featured-toggle>@csrf
    <input type="hidden" name="is_featured" value="{{ $article->is_featured ? 0 : 1 }}">
    <button type="submit" data-featured-button class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors {{ $article->is_featured ? 'bg-[#00522f]' : 'bg-[#c4c6cd]' }}" title="{{ $article->is_featured ? 'Remove from featured' : 'Mark as featured' }}">
      <span data-featured-knob class="inline-block h-5 w-5 rounded-full bg-white shadow transform transition-transform {{ $article->is_featured ? 'translate-x-6' : 'translate-x-1' }}"></span>
    </button>
    <span data-featured-label class="text-sm font-semibold">{{ $article->is_featured ? 'Shown on homepage' : 'Not featured' }}</span>
  </form>
  <h3 class="font-semibold mb-2">3) Publish / Withdraw</h3>
  <form method="POST" action="{{ route('admin.workflow.articles.publish',$article) }}" enctype="multipart/form-data" class="space-y-2">@csrf
    <div><label class="text-sm font-semibold">Volume</label><select name="volume_id" data-volume-select required class="border border-[#aeb6bf] p-2 w-full">
      <option value="">Select Volume</option>
      @foreach($volumes as $volume)
      <option value="{{ $volume->id }}" @selected((string) old('volume_id', $article->issue->volume_id ?? '') === (string) $volume->id)>{{ $volume->title }} @if($volume->year)({{ $volume->year }})@endif</option>
      @endforeach
    </select></div>
    <div><label class="text-sm font-semibold">Issue</label><select name="issue_id" data-issue-select required class="border border-[#aeb6bf] p-2 w-full">
      <option value="">Select Issue</option>
      @foreach($issues as $issue)
      <option value="{{ $issue->id }}" data-volume-id="{{ $issue->volume_id }}" @selected((string) old('issue_id', $article->issue_id) === (string) $issue->id)>{{ $issue->title }}</option>
      @endforeach
    </select></div>
    <input name="doi" value="{{ old('doi',$article->doi) }}" class="border border-[#aeb6bf] p-2 w-full" placeholder="DOI">
    <textarea name="citation" rows="3" class="border border-[#aeb6bf] p-2 w-full" placeholder="Citation">{{ old('citation',$article->citation) }}</textarea>
    <div>
      <label class="text-sm font-semibold block mb-1">Publish Date</label>
      <input type="date" name="published_on" value="{{ old('published_on', optional($article->published_on)->format('Y-m-d') ?? now()->toDateString()) }}" required class="border border-[#aeb6bf] p-2 w-full bg-white">
    </div>
    <div>
      <label class="text-sm font-semibold block mb-1">Formatted PDF (required if not already uploaded)</label>
      <input type="file" name="formatted_pdf" accept="application/pdf" @if(blank($article->formatted_pdf)) required @endif class="border border-[#aeb6bf] p-2 w-full bg-white">
      @if($article->formatted_pdf)
      <p class="text-xs text-[#44474c] mt-1">Existing: {{ $article->formatted_pdf }}</p>
      @endif
    </div>
    <button class="bg-[#00522f] text-white px-4 py-2 text-sm font-semibold">Publish as Admin</button>
  </form>
  @if($article->status === 'published')
  <form method="POST" action="{{ route('admin.workflow.articles.withdraw-published',$article) }}" class="mt-2">@csrf<button class="bg-[#ba1a1a] text-white px-4 py-2 text-sm font-semibold">Withdraw Published Article</button></form>
  @endif
</div>
</div>
<div class="min-w-0 bg-white border border-[#aeb6bf] p-4 sm:p-6">
<h3 class="font-semibold mb-2">Status Timeline</h3>
<ul class="space-y-3">@foreach($article->statusLogs as $log)<li><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></li>@endforeach</ul>
</div>
</section>
<script>
(() => {
  const volume = document.querySelector('[data-volume-select]');
  const issue = document.querySelector('[data-issue-select]');
  if (!volume || !issue) {
    return;
  }

  const filterIssues = () => {
    const selectedVolume = volume.value;
    let selectedIssueStillVisible = false;
    issue.querySelectorAll('option').forEach((option) => {
      if (!option.value) {
        return;
      }
      const visible = !selectedVolume || option.dataset.volumeId === selectedVolume;
      option.hidden = !visible;
      option.disabled = !visible;
      if (visible && option.selected) {
        selectedIssueStillVisible = true;
      }
    });
    if (!selectedIssueStillVisible) {
      issue.value = '';
    }
  };

  volume.addEventListener('change', filterIssues);
  filterIssues();
})();
</script>
@endsection