@extends('layouts.app')
@section('title', 'Library Dashboard')
@section('content')
<h2 style="font-size:18px;color:#0b4f2c;margin-bottom:16px;">Library Dashboard</h2>
<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;">
    <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">Total Copies</div><div style="font-size:22px;font-weight:bold;color:#0b4f2c;">{{ $stats['total_books'] }}</div></div>
    <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">Available</div><div style="font-size:22px;font-weight:bold;color:#0b4f2c;">{{ $stats['available'] }}</div></div>
    <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">On Loan</div><div style="font-size:22px;font-weight:bold;">{{ $stats['on_loan'] }}</div></div>
    <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">Overdue</div><div style="font-size:22px;font-weight:bold;color:#a33;">{{ $stats['overdue'] }}</div></div>
</div>

<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;">
        <h3 style="font-size:15px;color:#0b4f2c;">Catalog</h3>
        <div style="display:flex;gap:8px;">
            <a href="{{ url('/library/books/create') }}" style="background:#0b4f2c;color:#fff;text-decoration:none;padding:7px 14px;border-radius:6px;font-size:12.5px;">+ Add Book</a>
            <a href="{{ url('/library/issue') }}" style="background:#f4f6f5;color:#333;text-decoration:none;padding:7px 14px;border-radius:6px;font-size:12.5px;">Issue Book</a>
            <a href="{{ url('/library/return') }}" style="background:#f4f6f5;color:#333;text-decoration:none;padding:7px 14px;border-radius:6px;font-size:12.5px;">Return Book</a>
        </div>
    </div>
    <form method="GET" style="margin-bottom:14px;">
        <input type="text" name="search" placeholder="Search title..." value="{{ request('search') }}" style="width:280px;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;">
    </form>
    <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:8px;">Title</th><th style="padding:8px;">Category</th><th style="padding:8px;">Available</th><th style="padding:8px;">Actions</th></tr></thead>
        <tbody>
            @forelse($books as $book)
                <tr style="border-bottom:1px solid #eee;">
                    <td style="padding:8px;font-weight:bold;">{{ $book->title }}</td>
                    <td style="padding:8px;">{{ $book->category->name ?? '—' }}</td>
                    <td style="padding:8px;">{{ $book->copies_available }} / {{ $book->copies_total }}</td>
                    <td style="padding:8px;"><a href="{{ url('/library/books/' . $book->id . '/edit') }}" style="color:#0b4f2c;text-decoration:none;font-size:12px;">Edit</a></td>
                </tr>
            @empty
                <tr><td colspan="4" style="padding:20px;text-align:center;color:#999;">No books in the catalog yet.</td></tr>
            @endforelse
        </tbody>
    </table>
    {{ $books->links() ?? '' }}
</div>
@endsection