@extends('layouts.app')
@section('title', 'Data Buku')
@section('content')

<div class="d-flex justify-content-between align-items-center mb-3">
    <h4>Data Buku</h4>
    <a href="{{ route('books.create') }}" class="btn btn-primary btn-sm">+ Tambah Buku</a>
</div>

<div class="card">
    <div class="card-body">
        <form method="GET" class="mb-3 d-flex gap-2">
            <input type="text" name="cari" class="form-control form-control-sm" placeholder="Cari judul/pengarang/ISBN..." value="{{ $cari }}" style="max-width:300px;">
            <button class="btn btn-secondary btn-sm">Cari</button>
            @if($cari) <a href="{{ route('books.index') }}" class="btn btn-outline-secondary btn-sm">Reset</a> @endif
        </form>

        <table class="table table-bordered table-sm">
            <thead class="table-light">
                <tr>
                    <th>No</th>
                    <th>ISBN</th>
                    <th>Judul</th>
                    <th>Pengarang</th>
                    <th>Penerbit</th>
                    <th>Tahun</th>
                    <th>Kategori</th>
                    <th>Stok</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse($buku as $i => $b)
                <tr>
                    <td>{{ $buku->firstItem() + $i }}</td>
                    <td><small>{{ $b->isbn }}</small></td>
                    <td>{{ $b->judul }}</td>
                    <td>{{ $b->pengarang }}</td>
                    <td>{{ $b->penerbit }}</td>
                    <td>{{ $b->tahun }}</td>
                    <td>{{ $b->kategori }}</td>
                    <td>
                        <span class="{{ $b->stok > 0 ? 'text-success' : 'text-danger' }} fw-bold">
                            {{ $b->stok }}
                        </span>
                    </td>
                    <td>
                        <a href="{{ route('books.edit', $b) }}" class="btn btn-warning btn-sm">Edit</a>
                        <form action="{{ route('books.destroy', $b) }}" method="POST" style="display:inline" onsubmit="return confirm('Hapus buku ini?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-danger btn-sm">Hapus</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="9" class="text-center">Tidak ada data</td></tr>
                @endforelse
            </tbody>
        </table>

        {{ $buku->links() }}
    </div>
</div>

@endsection