@php
    $isEdit = !is_null($title);
@endphp

<div class="grid md:grid-cols-2 gap-4">
    <div>
        <label class="text-sm text-white/70">Type</label>
        <select name="type" class="w-full rounded-xl bg-black/30 border border-white/10 px-4 py-3" required>
            <option value="movie" @selected(old('type', $title->type ?? 'movie')==='movie')>Movie</option>
            <option value="series" @selected(old('type', $title->type ?? '')==='series')>Series</option>
        </select>
        @error('type') <div class="text-sm text-red-400 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm text-white/70">Name</label>
        <input name="name" value="{{ old('name', $title->name ?? '') }}"
               class="w-full rounded-xl bg-black/30 border border-white/10 px-4 py-3" required>
        @error('name') <div class="text-sm text-red-400 mt-1">{{ $message }}</div> @enderror
    </div>

    <div class="md:col-span-2">
        <label class="text-sm text-white/70">Synopsis</label>
        <textarea name="synopsis" rows="4"
                  class="w-full rounded-xl bg-black/30 border border-white/10 px-4 py-3">{{ old('synopsis', $title->synopsis ?? '') }}</textarea>
        @error('synopsis') <div class="text-sm text-red-400 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm text-white/70">Year</label>
        <input type="number" name="year" value="{{ old('year', $title->year ?? '') }}"
               class="w-full rounded-xl bg-black/30 border border-white/10 px-4 py-3">
        @error('year') <div class="text-sm text-red-400 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm text-white/70">Maturity Rating (e.g. 18+)</label>
        <input name="maturity_rating" value="{{ old('maturity_rating', $title->maturity_rating ?? '') }}"
               class="w-full rounded-xl bg-black/30 border border-white/10 px-4 py-3">
        @error('maturity_rating') <div class="text-sm text-red-400 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm text-white/70">Runtime (minutes)</label>
        <input type="number" name="runtime_minutes" value="{{ old('runtime_minutes', $title->runtime_minutes ?? '') }}"
               class="w-full rounded-xl bg-black/30 border border-white/10 px-4 py-3">
        @error('runtime_minutes') <div class="text-sm text-red-400 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm text-white/70">Poster URL</label>
        <input name="poster_url" value="{{ old('poster_url', $title->poster_url ?? '') }}"
               class="w-full rounded-xl bg-black/30 border border-white/10 px-4 py-3">
        @error('poster_url') <div class="text-sm text-red-400 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm text-white/70">Backdrop URL</label>
        <input name="backdrop_url" value="{{ old('backdrop_url', $title->backdrop_url ?? '') }}"
               class="w-full rounded-xl bg-black/30 border border-white/10 px-4 py-3">
        @error('backdrop_url') <div class="text-sm text-red-400 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm text-white/70">Trailer URL</label>
        <input name="trailer_url" value="{{ old('trailer_url', $title->trailer_url ?? '') }}"
               class="w-full rounded-xl bg-black/30 border border-white/10 px-4 py-3">
        @error('trailer_url') <div class="text-sm text-red-400 mt-1">{{ $message }}</div> @enderror
    </div>

    <div class="md:col-span-2">
        <label class="text-sm text-white/70">Playback URL (HLS .m3u8) — for Movies only</label>
        <input name="playback_url" value="{{ old('playback_url', $title->playback_url ?? '') }}"
               class="w-full rounded-xl bg-black/30 border border-white/10 px-4 py-3">
        <div class="text-xs text-white/50 mt-1">For series, set playback URLs per episode.</div>
        @error('playback_url') <div class="text-sm text-red-400 mt-1">{{ $message }}</div> @enderror
    </div>

    <div class="md:col-span-2">
        <label class="text-sm text-white/70">Genres</label>
        <div class="grid md:grid-cols-4 gap-2 mt-2">
            @foreach($genres as $g)
                <label class="flex items-center gap-2 rounded-xl border border-white/10 bg-black/20 px-3 py-2 text-sm">
                    <input type="checkbox" name="genres[]" value="{{ $g->id }}"
                           @checked(in_array($g->id, old('genres', $selectedGenres ?? [])))>
                    <span class="text-white/80">{{ $g->name }}</span>
                </label>
            @endforeach
        </div>
        @error('genres') <div class="text-sm text-red-400 mt-1">{{ $message }}</div> @enderror
    </div>

    <div class="md:col-span-2 flex flex-wrap gap-4 pt-2">
        <label class="flex items-center gap-2 text-sm text-white/80">
            <input type="checkbox" name="featured" value="1" @checked(old('featured', $title->featured ?? false))>
            Featured
        </label>

        <label class="flex items-center gap-2 text-sm text-white/80">
            <input type="checkbox" name="published" value="1" @checked(old('published', $title->published ?? false))>
            Published
        </label>
    </div>
</div>