@extends('perpustakaan.layout', [
    'title' => 'Data Buku',
    'heading' => 'Perpustakaan: Data Buku',
    'subheading' => 'Bangun katalog buku fisik kampus lengkap dengan stok dan lokasi rak.',
])

@section('perpustakaan-content')
    <div class="row">
        <div class="col-lg-4">
            <div class="card card-outline card-primary">
                <div class="card-header">
                    <h3 class="card-title">Tambah Buku</h3>
                </div>
                <form method="POST" action="{{ route('perpustakaan.portal.books.store') }}">
                    @csrf
                    <div class="card-body">
                        @include('perpustakaan.portal.books.partials.form', ['book' => null])
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary btn-block">Simpan Buku</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Katalog Buku</h3>
                </div>
                <div class="card-body">
                    <form method="GET" class="mb-3">
                        <div class="input-group">
                            <input type="text" name="q" class="form-control" placeholder="Cari judul, kode buku, penulis, atau kategori..." value="{{ $search }}">
                            <div class="input-group-append">
                                <button type="submit" class="btn btn-default">Cari</button>
                            </div>
                        </div>
                    </form>

                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>Buku</th>
                                    <th>Stok</th>
                                    <th>Rak</th>
                                    <th>Status</th>
                                    <th width="110">Aksi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($books as $book)
                                    <tr>
                                        <td>
                                            <strong>{{ $book->judul }}</strong>
                                            <div class="text-muted text-sm">{{ $book->kode_buku }} / {{ $book->penulis ?: '-' }}</div>
                                            <div class="text-muted text-sm">{{ $book->kategori ?: '-' }}</div>
                                        </td>
                                        <td>
                                            <strong>{{ $book->stok_tersedia }}</strong> tersedia
                                            <div class="text-muted text-sm">Total {{ $book->stok_total }} / Dipinjam {{ $book->active_loans_count }}</div>
                                        </td>
                                        <td>{{ $book->lokasi_rak ?: '-' }}</td>
                                        <td>
                                            <span class="badge badge-{{ $book->status === 'aktif' ? 'success' : 'secondary' }}">{{ ucfirst($book->status) }}</span>
                                        </td>
                                        <td>
                                            <a href="{{ route('perpustakaan.portal.books.edit', $book) }}" class="btn btn-sm btn-warning">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="text-center text-muted">Belum ada katalog buku.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    @include('partials.pagination-simple', ['paginator' => $books])
                </div>
            </div>
        </div>
    </div>
@endsection