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

<div class="d-flex justify-content-between align-items-center mb-3">
    <h4>Detail Peminjaman</h4>
    <a href="{{ route('loans.index') }}" class="btn btn-secondary btn-sm">Kembali</a>
</div>

<div class="card" style="max-width:600px;">
    <div class="card-header">Kode: {{ $loan->kode_pinjam }}</div>
    <div class="card-body">
        <table class="table table-bordered table-sm">
            <tr><th width="35%">Anggota</th><td>{{ $loan->member->nama ?? '-' }} ({{ $loan->member->no_anggota ?? '' }})</td></tr>
            <tr><th>Buku</th><td>{{ $loan->buku->judul ?? '-' }}</td></tr>
            <tr><th>Pengarang</th><td>{{ $loan->buku->pengarang ?? '-' }}</td></tr>
            <tr><th>Tanggal Pinjam</th><td>{{ $loan->tanggal_pinjam?->format('d/m/Y') }}</td></tr>
            <tr>
                <th>Tanggal Kembali</th>
                <td class="{{ $loan->terlambat() ? 'text-danger fw-bold' : '' }}">
                    {{ $loan->tanggal_kembali?->format('d/m/Y') }}
                    @if($loan->terlambat()) <span class="text-danger">(TERLAMBAT!)</span> @endif
                </td>
            </tr>
            <tr><th>Tgl Dikembalikan</th><td>{{ $loan->tanggal_dikembalikan?->format('d/m/Y') ?? '-' }}</td></tr>
            <tr><th>Denda</th><td class="{{ $loan->denda > 0 ? 'text-danger fw-bold' : '' }}">{{ $loan->denda > 0 ? 'Rp '.number_format($loan->denda,0,',','.') : '-' }}</td></tr>
            <tr>
                <th>Status</th>
                <td>
                    @if($loan->status == 'dipinjam') <span class="badge-dipinjam">Dipinjam</span>
                    @elseif($loan->status == 'dikembalikan') <span class="badge-kembali">Dikembalikan</span>
                    @else <span class="badge-terlambat">Terlambat</span>
                    @endif
                </td>
            </tr>
        </table>

        @if(is_null($loan->tanggal_dikembalikan))
        <a href="{{ route('loans.return', $loan) }}" class="btn btn-warning mt-2">Proses Pengembalian</a>
        @endif
    </div>
</div>

@endsection