@extends('layouts.panel')
@section('content')
<div>
  <h2 class="text-4xl text-[#041627]">Archive</h2>
  <p class="text-[#44474c]">Published articles grouped by volume and issue.</p>
</div>

<section class="space-y-4">
  @forelse($issues as $i)
    <article class="bg-white border border-[#aeb6bf] rounded">
      <div class="px-4 py-3 border-b border-[#e3e6ea]">
        <h3 class="text-lg font-semibold text-[#041627]">{{ $i->volume->title ?? 'Volume' }} - {{ $i->title }}</h3>
        <p class="text-xs text-[#44474c] mt-1">
          @if($i->published_on)
            Published: {{ \Illuminate\Support\Carbon::parse($i->published_on)->format('M d, Y') }}
          @endif
        </p>
      </div>
      <div class="p-4">
        @forelse($i->articles as $a)
          <div class="py-2 border-b border-[#edf0f2] last:border-b-0">
            <a href="{{ route('public.article', $a) }}" class="font-semibold text-[#041627] hover:text-[#3b6090]">
              {{ $a->title }}
            </a>
            <p class="text-sm text-[#44474c]">{{ $a->author->display_name ?? 'NEROSA Editorial' }}</p>
          </div>
        @empty
          <p class="text-sm text-[#44474c]">No published articles in this issue yet.</p>
        @endforelse
      </div>
    </article>
  @empty
    <div class="bg-white border border-[#aeb6bf] rounded p-6 text-[#44474c]">No issues found.</div>
  @endforelse
</section>
@endsection