@extends('admin.layout', [
    'title' => 'Dashboard Perpustakaan',
    'heading' => 'Dashboard Perpustakaan',
    'subheading' => 'Panel pengelolaan Perpustakaan Universitas Karyadarma Kupang.',
])

@section('admin-content')
    <div class="row">
        <div class="col-lg-3 col-md-6">
            <div class="small-box bg-primary">
                <div class="inner">
                    <h3>{{ $stats['total_buku'] }}</h3>
                    <p>Total Buku</p>
                </div>
                <div class="icon"><i class="fas fa-book"></i></div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="small-box bg-success">
                <div class="inner">
                    <h3>{{ $stats['buku_tersedia'] }}</h3>
                    <p>Buku Tersedia</p>
                </div>
                <div class="icon"><i class="fas fa-check-circle"></i></div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="small-box bg-info">
                <div class="inner">
                    <h3>{{ $stats['sedang_dipinjam'] }}</h3>
                    <p>Sedang Dipinjam</p>
                </div>
                <div class="icon"><i class="fas fa-hand-holding"></i></div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="small-box bg-warning">
                <div class="inner">
                    <h3>{{ $stats['terlambat'] }}</h3>
                    <p>Terlambat Kembali</p>
                </div>
                <div class="icon"><i class="fas fa-exclamation-triangle"></i></div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="card card-outline card-primary">
                <div class="card-header">
                    <h3 class="card-title">Peminjaman Terbaru</h3>
                    <div class="card-tools">
                        <a href="{{ route('perpustakaan.portal.loans.index') }}" class="btn btn-sm btn-primary">
                            <i class="fas fa-list mr-1"></i> Lihat Semua
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    @if($peminjaman_terbaru->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-hover table-sm">
                                <thead>
                                    <tr>
                                        <th>Buku</th>
                                        <th>Peminjam</th>
                                        <th>Tanggal Pinjam</th>
                                        <th>Jatuh Tempo</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($peminjaman_terbaru as $loan)
                                        <tr>
                                            <td>{{ $loan->book?->judul ?? '-' }}</td>
                                            <td>{{ $loan->borrowerName() }} <small class="text-muted">({{ $loan->borrowerTypeLabel() }})</small></td>
                                            <td>{{ $loan->tanggal_pinjam?->format('d M Y') }}</td>
                                            <td>{{ $loan->tanggal_jatuh_tempo?->format('d M Y') }}</td>
                                            <td>
                                                @if($loan->tanggal_kembali)
                                                    <span class="badge bg-success">Dikembalikan</span>
                                                @elseif($loan->isOverdue())
                                                    <span class="badge bg-danger">Terlambat</span>
                                                @else
                                                    <span class="badge bg-info">Dipinjam</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="alert alert-info">
                            <i class="fas fa-info-circle mr-2"></i>
                            Belum ada data peminjaman. Silakan tambahkan buku dan kelola peminjaman melalui menu Perpustakaan.
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card card-outline card-success">
                <div class="card-header">
                    <h3 class="card-title">Buku Populer</h3>
                </div>
                <div class="card-body">
                    @if($buku_populer->count() > 0)
                        <ul class="list-group list-group-flush">
                            @foreach($buku_populer as $book)
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    {{ $book->judul }}
                                    <span class="badge bg-primary rounded-pill">{{ $book->loans_count }}x dipinjam</span>
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <div class="alert alert-info mb-0">
                            <i class="fas fa-info-circle mr-2"></i>
                            Belum ada data peminjaman buku.
                        </div>
                    @endif
                </div>
            </div>

            <div class="card card-outline card-info mt-3">
                <div class="card-header">
                    <h3 class="card-title">Koleksi Digital</h3>
                </div>
                <div class="card-body">
                    <div class="d-flex justify-content-between mb-2">
                        <span><i class="fas fa-tablet-alt text-info mr-2"></i>E-Book</span>
                        <span class="badge bg-info">{{ $stats['total_ebook'] }}</span>
                    </div>
                    <div class="d-flex justify-content-between">
                        <span><i class="fas fa-file-alt text-success mr-2"></i>Jurnal</span>
                        <span class="badge bg-success">{{ $stats['total_jurnal'] }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection