@props(['slide'])

<div class="mb-4">
    <label class="block mb-1 font-semibold">Judul</label>
    <input type="text" name="judul" value="{{ old('judul', $slide->judul ?? '') }}" required class="w-full p-2 rounded border">
</div>

<div class="mb-4">
    <label class="block mb-1 font-semibold">Deskripsi</label>
    <textarea name="deskripsi" rows="3" class="w-full p-2 rounded border">{{ old('deskripsi', $slide->deskripsi ?? '') }}</textarea>
</div>

<div class="mb-4">
    <label class="block mb-1 font-semibold">Gambar</label>
    <input type="file" name="image_path" class="w-full p-2 rounded border">
    @if($slide?->image_path)
        <img src="{{ asset('storage/' . $slide->image_path) }}" class="mt-2 w-40 rounded">
    @endif
</div>

<div class="mb-4">
    <label class="block mb-1 font-semibold">Video</label>
    <input type="file" name="video_path" class="w-full p-2 rounded border">
    @if($slide?->video_path)
        <video src="{{ asset('storage/' . $slide->video_path) }}" class="mt-2 w-64" controls></video>
    @endif
</div>

<div class="mb-4">
    <label class="inline-flex items-center">
        <input type="checkbox" name="aktif" {{ old('aktif', $slide?->aktif) ? 'checked' : '' }} class="mr-2">
        Tampilkan di halaman utama
    </label>
</div>

<div>
    <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded shadow hover:bg-blue-700">
        💾 Simpan
    </button>
</div>