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

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

<!-- Filter status -->
<div class="mb-3">
    <a href="{{ route('loans.index') }}" class="btn btn-sm {{ !$status ? 'btn-dark' : 'btn-outline-secondary' }}">Semua</a>
    <a href="{{ route('loans.index', ['status'=>'dipinjam']) }}" class="btn btn-sm {{ $status=='dipinjam' ? 'btn-primary' : 'btn-outline-primary' }}">Dipinjam</a>
    <a href="{{ route('loans.index', ['status'=>'dikembalikan']) }}" class="btn btn-sm {{ $status=='dikembalikan' ? 'btn-success' : 'btn-outline-success' }}">Dikembalikan</a>
    <a href="{{ route('loans.index', ['status'=>'terlambat']) }}" class="btn btn-sm {{ $status=='terlambat' ? 'btn-danger' : 'btn-outline-danger' }}">Terlambat</a>
</div>

<div class="card">
    <div class="card-body p-0">
        <table class="table table-bordered table-sm mb-0">
            <thead class="table-light">
                <tr>
                    <th>No</th>
                    <th>Kode</th>
                    <th>Anggota</th>
                    <th>Buku</th>
                    <th>Tgl Pinjam</th>
                    <th>Tgl Kembali</th>
                    <th>Denda</th>
                    <th>Status</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse($pinjaman as $i => $p)
                <tr>
                    <td>{{ $pinjaman->firstItem() + $i }}</td>
                    <td><small>{{ $p->kode_pinjam }}</small></td>
                    <td>{{ $p->member->nama ?? '-' }}</td>
                    <td>{{ $p->buku->judul ?? '-' }}</td>
                    <td>{{ $p->tanggal_pinjam?->format('d/m/Y') }}</td>
                    <td class="{{ $p->terlambat() ? 'text-danger fw-bold' : '' }}">
                        {{ $p->tanggal_kembali?->format('d/m/Y') }}
                    </td>
                    <td>{{ $p->denda > 0 ? 'Rp '.number_format($p->denda,0,',','.') : '-' }}</td>
                    <td>
                        @if($p->status == 'dipinjam') <span class="badge-dipinjam">Dipinjam</span>
                        @elseif($p->status == 'dikembalikan') <span class="badge-kembali">Dikembalikan</span>
                        @else <span class="badge-terlambat">Terlambat</span>
                        @endif
                    </td>
                    <td>
                        <a href="{{ route('loans.show', $p) }}" class="btn btn-info btn-sm">Detail</a>
                        @if(is_null($p->tanggal_dikembalikan))
                        <a href="{{ route('loans.return', $p) }}" class="btn btn-warning btn-sm">Kembalikan</a>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="9" class="text-center">Tidak ada data</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="mt-2">{{ $pinjaman->links() }}</div>

@endsection