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

@section('content')
<div class="mb-4 flex justify-end">
    <a href="{{ route('admin.videos.create') }}" class="btn-accent !py-2">+ Video</a>
</div>

<div class="card overflow-hidden">
    <table class="w-full text-sm">
        <thead class="border-b border-qr-border text-left text-qr-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-qr-border">
            @forelse($videos as $v)
            <tr>
                <td class="p-4">
                    <div class="flex items-center gap-3">
                        <img src="{{ $v->thumbnailUrl() }}" class="h-10 w-16 rounded object-cover" alt="">
                        <span class="font-semibold">{{ $v->title }}</span>
                    </div>
                </td>
                <td class="p-4 text-qr-muted">{{ $v->category?->name ?? '—' }}</td>
                <td class="p-4">
                    <span class="chip {{ $v->is_published ? 'text-qr-accent-light' : '' }}">{{ $v->is_published ? 'Publish' : 'Draft' }}</span>
                    @if($v->is_premium)<span class="chip text-qr-gold">Premium</span>@endif
                </td>
                <td class="p-4 text-qr-muted">{{ number_format($v->views_count) }}</td>
                <td class="p-4">
                    <div class="flex justify-end gap-2">
                        <a href="{{ route('admin.videos.edit', $v) }}" class="text-qr-accent-light">Edit</a>
                        <form method="POST" action="{{ route('admin.videos.destroy', $v) }}" onsubmit="return confirm('Hapus video?')">@csrf @method('DELETE')<button class="text-red-400">Hapus</button></form>
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="5" class="p-8 text-center text-qr-muted">Belum ada video.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $videos->links() }}</div>
@endsection