@extends('layouts.admin')
@section('title', $video->exists ? 'Edit Video' : 'Video Baru')
@section('page-title', $video->exists ? 'Edit Video' : 'Tambah Video')

@section('content')
<div class="mx-auto max-w-2xl">
<form method="POST" enctype="multipart/form-data" action="{{ $video->exists ? route('admin.videos.update', $video) : route('admin.videos.store') }}" class="card space-y-4 p-6">
    @csrf
    @if($video->exists) @method('PUT') @endif

    <div><label class="label">Judul</label><input name="title" value="{{ old('title', $video->title) }}" required class="field"></div>
    <div><label class="label">Deskripsi</label><textarea name="description" rows="3" class="field">{{ old('description', $video->description) }}</textarea></div>

    <div class="grid grid-cols-2 gap-3">
        <div><label class="label">Kategori</label>
            <select name="category_id" class="field">
                <option value="">— Tanpa kategori —</option>
                @foreach($categories as $c)<option value="{{ $c->id }}" @selected(old('category_id',$video->category_id)==$c->id)>{{ $c->name }}</option>@endforeach
            </select>
        </div>
        <div><label class="label">Provider</label>
            <select name="provider" class="field">
                <option value="youtube" @selected(old('provider',$video->provider)==='youtube')>YouTube</option>
                <option value="vimeo" @selected(old('provider',$video->provider)==='vimeo')>Vimeo</option>
            </select>
        </div>
    </div>

    <div><label class="label">Video ID / Ref</label>
        <input name="video_ref" value="{{ old('video_ref', $video->video_ref) }}" required class="field" placeholder="cth: jNQXAC9IVRw">
        <p class="mt-1 text-xs text-qr-muted">YouTube: ID setelah ?v= . Vimeo: ID angka.</p>
    </div>
    <div class="grid grid-cols-2 gap-3">
        <x-admin.media-field name="thumbnail" label="Thumbnail (opsional)" :current="$video->thumbnail" :preview="$video->thumbnail ? $video->thumbnailUrl() : null" />
        <div><label class="label">Durasi (detik)</label><input type="number" name="duration" value="{{ old('duration', $video->duration) }}" class="field"></div>
    </div>

    <div class="flex gap-6">
        <label class="flex items-center gap-2 text-sm"><input type="checkbox" name="is_published" value="1" @checked(old('is_published',$video->is_published)) class="rounded bg-qr-surface2 border-qr-border text-qr-accent"> Publish</label>
        <label class="flex items-center gap-2 text-sm"><input type="checkbox" name="is_premium" value="1" @checked(old('is_premium',$video->is_premium)) class="rounded bg-qr-surface2 border-qr-border text-qr-accent"> Premium (khusus member)</label>
    </div>

    <div class="flex gap-2 pt-2">
        <button class="btn-accent flex-1">Simpan</button>
        <a href="{{ route('admin.videos.index') }}" class="btn-outline">Batal</a>
    </div>
</form>
</div>
@endsection