@extends('layouts.admin')
@section('title', 'Artikel')
@section('page-title', 'Manajemen Artikel')

@section('content')
<div class="mb-4 flex justify-end"><a href="{{ route('admin.articles.create') }}" class="btn-filled !py-2">+ Artikel</a></div>
<div class="card overflow-hidden">
    <table class="w-full text-sm">
        <thead class="border-b border-outline text-left text-muted">
            <tr><th class="p-4">Judul</th><th class="p-4">Kategori</th><th class="p-4">Status</th><th class="p-4">Views</th><th class="p-4 text-right">Aksi</th></tr>
        </thead>
        <tbody class="divide-y divide-outline">
            @forelse($articles as $a)
            <tr>
                <td class="p-4"><p class="font-semibold">{{ $a->title }}</p><p class="text-xs text-muted">{{ $a->published_at?->format('d M Y') }} · {{ $a->author?->name }}</p></td>
                <td class="p-4 text-muted">{{ $a->category ?? '—' }}</td>
                <td class="p-4"><span class="chip {{ $a->status === 'published' ? 'text-primary' : '' }}">{{ ucfirst($a->status) }}</span></td>
                <td class="p-4 text-muted">{{ number_format($a->views_count) }}</td>
                <td class="p-4"><div class="flex justify-end gap-2">
                    <a href="{{ route('admin.articles.edit', $a) }}" class="text-primary">Edit</a>
                    <form method="POST" action="{{ route('admin.articles.destroy', $a) }}" onsubmit="return confirm('Hapus artikel?')">@csrf @method('DELETE')<button class="text-red-500">Hapus</button></form>
                </div></td>
            </tr>
            @empty<tr><td colspan="5" class="p-8 text-center text-muted">Belum ada artikel.</td></tr>@endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $articles->links() }}</div>
@endsection