@extends('perpustakaan.layout', [
    'title' => 'Dashboard Perpustakaan',
    'heading' => 'Dashboard Perpustakaan',
    'subheading' => 'Pantau koleksi, sirkulasi aktif, buku overdue, ebook, dan jurnal ilmiah kampus.',
])

@section('perpustakaan-content')
    <div class="row">
        @foreach ($summaryCards as $card)
            <div class="col-lg-3 col-md-6">
                <div class="small-box {{ $card['color'] }}">
                    <div class="inner">
                        <h3>{{ $card['value'] }}</h3>
                        <p class="font-weight-bold mb-1">{{ $card['label'] }}</p>
                        <p>{{ $card['description'] }}</p>
                    </div>
                    <div class="icon"><i class="{{ $card['icon'] }}"></i></div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="row">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Sirkulasi Aktif</h3>
                </div>
                <div class="card-body table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>Buku</th>
                                <th>Peminjam</th>
                                <th>Jatuh Tempo</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($activeLoans as $loan)
                                <tr>
                                    <td>{{ $loan->book?->judul ?? '-' }}</td>
                                    <td>{{ $loan->borrowerName() }} ({{ $loan->borrowerIdentifier() }})</td>
                                    <td>{{ $loan->tanggal_jatuh_tempo?->format('d M Y') ?? '-' }}</td>
                                    <td>
                                        <span class="badge badge-{{ $loan->isOverdue() ? 'danger' : 'warning' }}">
                                            {{ $loan->isOverdue() ? 'Overdue' : 'Dipinjam' }}
                                        </span>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="text-center text-muted">Belum ada sirkulasi buku aktif.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card card-outline card-secondary">
                <div class="card-header">
                    <h3 class="card-title">Akses Cepat</h3>
                </div>
                <div class="card-body">
                    <a href="{{ route('perpustakaan.portal.books.index') }}" class="btn btn-outline-secondary btn-block mb-2">
                        <i class="fas fa-book mr-1"></i>
                        Kelola Buku
                    </a>
                    <a href="{{ route('perpustakaan.portal.loans.index') }}" class="btn btn-outline-secondary btn-block mb-2">
                        <i class="fas fa-exchange-alt mr-1"></i>
                        Kelola Peminjaman
                    </a>
                    <a href="{{ route('perpustakaan.portal.ebooks.index') }}" class="btn btn-outline-secondary btn-block mb-2">
                        <i class="fas fa-tablet-alt mr-1"></i>
                        Kelola Ebook
                    </a>
                    <a href="{{ route('perpustakaan.portal.journals.index') }}" class="btn btn-outline-secondary btn-block">
                        <i class="fas fa-journal-whills mr-1"></i>
                        Kelola Jurnal
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection