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

@section('content')
<div class="mb-4 flex flex-wrap items-center justify-between gap-3">
    <form method="GET" class="flex items-center gap-2">
        <select name="collection" class="field !py-2" onchange="this.form.submit()">
            <option value="">Semua Koleksi</option>
            @foreach($collections as $c)
            <option value="{{ $c->id }}" @selected($activeCollection === $c->id)>{{ $c->name }}</option>
            @endforeach
        </select>
        <a href="{{ route('admin.hadith-collections.index') }}" class="btn-outline !py-2">Kelola Koleksi</a>
    </form>
    <a href="{{ route('admin.hadiths.create') }}" class="btn-filled !py-2">+ Hadis</a>
</div>
<div class="card overflow-hidden">
    <table class="w-full text-sm">
        <thead class="border-b border-outline text-left text-muted">
            <tr><th class="p-4">Hadis</th><th class="p-4">Koleksi</th><th class="p-4">Status</th><th class="p-4 text-right">Aksi</th></tr>
        </thead>
        <tbody class="divide-y divide-outline">
            @forelse($hadiths as $h)
            <tr>
                <td class="p-4"><p class="font-medium">{{ Str::limit($h->text, 90) }}</p><p class="text-xs text-muted">{{ $h->source }}{{ $h->category ? ' · '.$h->category : '' }}</p></td>
                <td class="p-4 text-muted">{{ $h->collection?->name ?? '—' }}</td>
                <td class="p-4"><span class="chip {{ $h->is_active ? 'text-primary' : '' }}">{{ $h->is_active ? 'Aktif' : 'Nonaktif' }}</span></td>
                <td class="p-4"><div class="flex justify-end gap-2">
                    <a href="{{ route('admin.hadiths.edit', $h) }}" class="text-primary">Edit</a>
                    <form method="POST" action="{{ route('admin.hadiths.destroy', $h) }}" onsubmit="return confirm('Hapus hadis?')">@csrf @method('DELETE')<button class="text-red-500">Hapus</button></form>
                </div></td>
            </tr>
            @empty<tr><td colspan="4" class="p-8 text-center text-muted">Belum ada hadis.</td></tr>@endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $hadiths->links() }}</div>
@endsection