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

@section('content')
<div class="mx-auto max-w-2xl">
<form method="POST" action="{{ $hadith->exists ? route('admin.hadiths.update', $hadith) : route('admin.hadiths.store') }}" class="space-y-5">
    @csrf @if($hadith->exists) @method('PUT') @endif

    <div class="card space-y-4 p-6">
        <div><label class="label">Koleksi</label>
            <select name="collection_id" required class="field">
                <option value="">— Pilih koleksi —</option>
                @foreach($collections as $c)
                <option value="{{ $c->id }}" @selected(old('collection_id', $hadith->collection_id) == $c->id)>{{ $c->name }}</option>
                @endforeach
            </select>
        </div>
        <div><label class="label">Teks Arab (opsional)</label><textarea name="arabic" rows="3" dir="rtl" class="field font-arabic text-xl leading-loose">{{ old('arabic', $hadith->arabic) }}</textarea></div>
        <div><label class="label">Terjemahan (wajib)</label><textarea name="text" rows="4" required class="field">{{ old('text', $hadith->text) }}</textarea></div>
        <div class="grid grid-cols-2 gap-3">
            <div><label class="label">Sumber / Perawi</label><input name="source" value="{{ old('source', $hadith->source) }}" class="field" placeholder="HR. Bukhari & Muslim"></div>
            <div><label class="label">Kategori (opsional)</label><input name="category" value="{{ old('category', $hadith->category) }}" class="field" placeholder="Akhlak"></div>
        </div>
        <div class="grid grid-cols-2 gap-3">
            <div><label class="label">Urutan</label><input type="number" name="sort_order" value="{{ old('sort_order', $hadith->sort_order ?? 0) }}" class="field"></div>
            <div><label class="label">Status</label>
                <select name="is_active" class="field">
                    <option value="1" @selected(old('is_active', $hadith->is_active ?? true))>Aktif</option>
                    <option value="0" @selected(! old('is_active', $hadith->is_active ?? true))>Nonaktif</option>
                </select>
            </div>
        </div>
    </div>

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