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

@section('content')
<div class="grid gap-6 lg:grid-cols-3">
    <form method="POST" enctype="multipart/form-data" action="{{ route('admin.ebooks.store') }}" class="card space-y-4 p-5 lg:col-span-1">
        @csrf
        <h2 class="font-bold">Tambah Ebook</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>
        <x-admin.media-field name="cover" label="Cover" />
        <x-admin.media-field name="file_ref" label="File PDF" accept="application/pdf" :isPdf="true" />
        <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($ebooks as $e)
                <tr>
                    <td class="p-4 font-semibold">{{ $e->title }}</td>
                    <td class="p-4">@if($e->is_premium)<span class="chip text-qr-gold">Premium</span>@endif</td>
                    <td class="p-4 text-right"><form method="POST" action="{{ route('admin.ebooks.destroy', $e) }}" 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 ebook.</td></tr>@endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-4">{{ $ebooks->links() }}</div>
@endsection