<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bukti Pengembalian Buku</title>
    <style>
        body { font-family: sans-serif; line-height: 1.6; color: #333; }
        .container { width: 100%; max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #eee; border-radius: 8px; }
        .header { text-align: center; margin-bottom: 20px; border-bottom: 2px solid #0d6efd; padding-bottom: 10px; }
        .header h2 { color: #0d6efd; margin: 0; }
        .content { margin-bottom: 20px; }
        .item-list { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
        .item-list th, .item-list td { padding: 10px; border: 1px solid #ddd; text-align: left; }
        .item-list th { background-color: #f8f9fa; }
        .footer { text-align: center; font-size: 0.8em; color: #777; margin-top: 30px; border-top: 1px solid #eee; padding-top: 10px; }
        .denda { font-weight: bold; color: #dc3545; }
        .success { color: #198754; font-weight: bold; }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h2>BUKTI PENGEMBALIAN BUKU</h2>
            <p>{{ config('app.name') }}</p>
        </div>
        
        <div class="content">
            <p>Halo, <strong>{{ $user->nama_lengkap }}</strong>,</p>
            <p>Terima kasih telah mengembalikan buku tepat waktu atau telah menyelesaikan denda yang berlaku. Berikut adalah rincian buku yang Anda kembalikan:</p>
            
            <table class="item-list">
                <thead>
                    <tr>
                        <th>Judul Buku</th>
                        <th>Kondisi</th>
                        <th>Denda</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($returns as $item)
                    <tr>
                        <td>{{ $item['judul'] }}</td>
                        <td>{{ ucfirst($item['condition']) }}</td>
                        <td>Rp {{ number_format($item['fine_damage'] + $item['fine_overdue'], 0, ',', '.') }}</td>
                    </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="2">TOTAL DENDA</th>
                        <th class="denda">Rp {{ number_format($totalDenda, 0, ',', '.') }}</th>
                    </tr>
                </tfoot>
            </table>
            
            <p>Status: <span class="success">Berhasil Dikembalikan</span></p>
            <p>Pesan ini dikirim secara otomatis sebagai bukti sah bahwa Anda telah mengembalikan buku di atas ke perpustakaan.</p>
        </div>
        
        <div class="footer">
            <p>&copy; {{ date('Y') }} {{ config('app.name') }}. Semua Hak Dilindungi.</p>
        </div>
    </div>
</body>
</html>
