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

@section('content')
<div class="grid gap-6 lg:grid-cols-3">
    <form method="POST" action="{{ route('admin.quizzes.store') }}" class="card space-y-4 p-5 lg:col-span-1">
        @csrf
        <h2 class="font-bold">Tambah Kuis</h2>
        <div><label class="label">Judul</label><input name="title" required class="field"></div>
        <div><label class="label">Deskripsi</label><textarea name="description" rows="2" class="field"></textarea></div>
        <div><label class="label">Embed URL (Quizizz)</label><input name="embed_url" class="field" placeholder="https://quizizz.com/embed/quiz/..."></div>
        <label class="flex items-center gap-2 text-sm"><input type="checkbox" name="is_premium" value="1" checked class="rounded bg-qr-surface2 border-qr-border text-qr-accent"> Premium</label>
        <button class="btn-accent w-full">Simpan</button>
    </form>

    <div class="card overflow-hidden lg:col-span-2">
        <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">Status</th><th class="p-4 text-right">Aksi</th></tr></thead>
            <tbody class="divide-y divide-qr-border">
                @forelse($quizzes as $q)
                <tr>
                    <td class="p-4 font-semibold">{{ $q->title }}</td>
                    <td class="p-4">@if($q->is_premium)<span class="chip text-qr-gold">Premium</span>@endif</td>
                    <td class="p-4 text-right"><form method="POST" action="{{ route('admin.quizzes.destroy', $q) }}" onsubmit="return confirm('Hapus?')">@csrf @method('DELETE')<button class="text-red-400">Hapus</button></form></td>
                </tr>
                @empty<tr><td colspan="3" class="p-8 text-center text-qr-muted">Belum ada kuis.</td></tr>@endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-4">{{ $quizzes->links() }}</div>
@endsection