@extends('layouts.admin')
@section('title', 'Series')
@section('page-title', 'Manajemen Series / Kelas')

@section('content')
<div class="mb-4 flex justify-end"><a href="{{ route('admin.series.create') }}" class="btn-filled !py-2">+ Series</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">Level</th><th class="p-4">Episode</th><th class="p-4">Status</th><th class="p-4 text-right">Aksi</th></tr>
        </thead>
        <tbody class="divide-y divide-outline">
            @forelse($series as $s)
            <tr>
                <td class="p-4 font-semibold">{{ $s->title }}</td>
                <td class="p-4 text-muted">{{ $s->level }}</td>
                <td class="p-4 text-muted">{{ $s->episodes_count }}</td>
                <td class="p-4">
                    <span class="chip {{ $s->is_published ? 'text-primary' : '' }}">{{ $s->is_published ? 'Publish' : 'Draft' }}</span>
                    @if($s->is_premium)<span class="chip text-amber">Premium</span>@endif
                </td>
                <td class="p-4"><div class="flex justify-end gap-2">
                    <a href="{{ route('admin.series.edit', $s) }}" class="text-primary">Kelola</a>
                    <form method="POST" action="{{ route('admin.series.destroy', $s) }}" onsubmit="return confirm('Hapus series?')">@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 series.</td></tr>@endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $series->links() }}</div>
@endsection