@extends('layouts.app')
@section('title', 'Fine Management')
@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Fine Management</h2>
    <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:8px;">Book</th><th style="padding:8px;">Borrower</th><th style="padding:8px;">Fine</th><th style="padding:8px;">Status</th><th style="padding:8px;">Actions</th></tr></thead>
        <tbody>
            @forelse($fines as $loan)
                <tr style="border-bottom:1px solid #eee;">
                    <td style="padding:8px;font-weight:bold;">{{ $loan->book->title }}</td>
                    <td style="padding:8px;">{{ $loan->student->full_name ?? '—' }}</td>
                    <td style="padding:8px;">₦{{ number_format($loan->fine_amount, 2) }}</td>
                    <td style="padding:8px;">
                        <span style="background:{{ $loan->fine_paid ? '#e5f5ea' : '#fdeaea' }};color:{{ $loan->fine_paid ? '#0b4f2c' : '#a33' }};padding:2px 8px;border-radius:10px;font-size:11px;">{{ $loan->fine_paid ? 'Paid' : 'Outstanding' }}</span>
                    </td>
                    <td style="padding:8px;">
                        @if(!$loan->fine_paid)
                            <form method="POST" action="{{ url('/api/library/loans/' . $loan->id . '/pay-fine') }}">
                                @csrf
                                <button type="submit" style="background:#0b4f2c;color:#fff;border:none;padding:5px 10px;border-radius:4px;font-size:11.5px;cursor:pointer;">Mark Paid</button>
                            </form>
                        @endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="5" style="padding:20px;text-align:center;color:#999;">No fines on record.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection