@extends('simaju.layouts.main')
@section('title', 'Detail Kategori')
@section('page-title', 'Detail Kategori Buku')
@section('page-subtitle', 'Informasi lengkap kategori buku')

@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-info text-white border-0">
                <h5 class="mb-0"><i class="fas fa-book"></i> {{ $kategori->nama_kategori }}</h5>
            </div>
            <div class="card-body p-4">
                <div class="row mb-4">
                    <div class="col-md-6">
                        <h6 class="text-muted small">Nama Kategori</h6>
                        <p class="fs-5 fw-bold">{{ $kategori->nama_kategori }}</p>
                    </div>
                    <div class="col-md-6">
                        <h6 class="text-muted small">Total Buku</h6>
                        <p class="fs-5 fw-bold"><span class="badge bg-success-subtle text-success rounded-pill">{{ $kategori->bukus()->count() }} buku</span></p>
                    </div>
                </div>

                <div class="row mb-4">
                    <div class="col-12">
                        <h6 class="text-muted small">Deskripsi</h6>
                        <p>{{ $kategori->deskripsi ?? '-' }}</p>
                    </div>
                </div>

                <div class="d-flex gap-2">
                    <a href="{{ route('perpustakaan.kategori.edit', $kategori) }}" class="btn btn-warning">
                        <i class="fas fa-edit"></i> Edit
                    </a>
                    <a href="{{ route('perpustakaan.kategori.index') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-arrow-left"></i> Kembali
                    </a>
                </div>
            </div>
        </div>

        @if($kategori->bukus()->count() > 0)
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-light border-bottom">
                    <h5 class="mb-0"><i class="fas fa-list"></i> Daftar Buku dalam Kategori Ini</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead class="bg-light">
                                <tr>
                                    <th class="ps-4">No.</th>
                                    <th>Judul Buku</th>
                                    <th>Pengarang</th>
                                    <th>Penerbit</th>
                                    <th class="text-center">Tersedia</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($kategori->bukus as $buku)
                                    <tr>
                                        <td class="ps-4">{{ $loop->iteration }}</td>
                                        <td>{{ $buku->judul_buku }}</td>
                                        <td>{{ $buku->pengarang }}</td>
                                        <td>{{ $buku->penerbit }}</td>
                                        <td class="text-center">
                                            <span class="badge bg-success-subtle text-success">{{ $buku->jumlah_tersedia }}</span>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif
    </div>
</div>
@endsection