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

<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 style="color:#334155; font-weight:600;">Laporan Peminjaman</h4>
    <a href="{{ route('reports.pdf', ['dari'=>$dari, 'sampai'=>$sampai, 'cari'=>$cari, 'status'=>$status]) }}" target="_blank" class="btn btn-danger">
        <i class="bi bi-file-earmark-pdf me-1"></i> Cetak PDF
    </a>
</div>

<div class="card mb-4 shadow-sm" style="border:none; border-radius:10px;">
    <div class="card-body">
        <form method="GET" class="row g-3 align-items-end">
            <div class="col-md-3">
                <label class="form-label text-muted small fw-bold">Dari Tanggal</label>
                <input type="date" name="dari" class="form-control" value="{{ $dari }}">
            </div>
            <div class="col-md-3">
                <label class="form-label text-muted small fw-bold">Sampai Tanggal</label>
                <input type="date" name="sampai" class="form-control" value="{{ $sampai }}">
            </div>
            <div class="col-md-3">
                <label class="form-label text-muted small fw-bold">Status</label>
                <select name="status" class="form-select">
                    <option value="">Semua Status</option>
                    <option value="dipinjam" {{ $status == 'dipinjam' ? 'selected' : '' }}>Dipinjam</option>
                    <option value="dikembalikan" {{ $status == 'dikembalikan' ? 'selected' : '' }}>Dikembalikan</option>
                    <option value="terlambat" {{ $status == 'terlambat' ? 'selected' : '' }}>Terlambat</option>
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label text-muted small fw-bold">Pencarian Umum</label>
                <input type="text" name="cari" class="form-control" placeholder="Nama / Kode / Judul Buku..." value="{{ $cari }}">
            </div>
            <div class="col-12 mt-3 text-end">
                @if($cari || $status)
                <a href="{{ route('reports.index') }}" class="btn btn-light border me-2">Reset Filter</a>
                @endif
                <button type="submit" class="btn btn-primary px-4"><i class="bi bi-search me-1"></i> Terapkan Filter</button>
            </div>
        </form>
    </div>
</div>

<div class="row mb-4">
    <div class="col-md-3">
        <div class="stat-box">
            <div class="label">Total Transaksi</div>
            <div class="angka">{{ $data->count() }}</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-box warning">
            <div class="label">Masih Dipinjam</div>
            <div class="angka text-primary">{{ $data->where('status','dipinjam')->count() }}</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-box success">
            <div class="label">Dikembalikan</div>
            <div class="angka text-success">{{ $data->where('status','dikembalikan')->count() }}</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-box danger">
            <div class="label">Total Denda</div>
            <div class="angka text-danger">Rp {{ number_format($total_denda, 0, ',', '.') }}</div>
        </div>
    </div>
</div>

<div class="card shadow-sm" style="border:none; border-radius:10px;">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table mb-0">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Kode</th>
                        <th>No. Anggota</th>
                        <th>Nama Anggota</th>
                        <th>Judul Buku</th>
                        <th>Tgl Pinjam</th>
                        <th>Tgl Kembali</th>
                        <th>Denda</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($data as $i => $d)
                    <tr>
                        <td>{{ $i+1 }}</td>
                        <td><span class="text-primary fw-bold">{{ $d->kode_pinjam }}</span></td>
                        <td>{{ $d->member->no_anggota ?? '-' }}</td>
                        <td>{{ $d->member->nama ?? '-' }}</td>
                        <td>{{ $d->buku->judul ?? '-' }}</td>
                        <td>{{ $d->tanggal_pinjam?->format('d/m/Y') }}</td>
                        <td>{{ $d->tanggal_kembali?->format('d/m/Y') }}</td>
                        <td>
                            @if($d->denda > 0)
                                <span class="text-danger fw-bold">Rp {{ number_format($d->denda,0,',','.') }}</span>
                            @else
                                -
                            @endif
                        </td>
                        <td>
                            @if($d->status == 'dipinjam') <span class="badge-dipinjam">Dipinjam</span>
                            @elseif($d->status == 'dikembalikan') <span class="badge-kembali">Dikembalikan</span>
                            @else <span class="badge-terlambat">Terlambat</span>
                            @endif
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="9" class="text-center py-4 text-muted">Tidak ada data transaksi yang cocok dengan filter</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection