@extends('layouts.opac')

@section('title', 'Reading History › MTU Library Catalog')

@section('breadcrumb-trail')
    <span class="sep">›</span>
    <a href="{{ route('opac.home') }}">Home</a>
    <span class="sep">›</span>
    <a href="{{ route('opac.account') }}">My Account</a>
    <span class="sep">›</span>
    <span>Reading History</span>
@endsection

@section('sidebar')
    <div class="sidebar-section">
        <div class="sidebar-title">My Account</div>
        <div class="sidebar-links">
            <a href="{{ route('opac.account') }}">Summary / Checkouts</a>
            <a href="{{ route('opac.holds') }}">My Holds</a>
            <a href="{{ route('opac.history') }}" style="font-weight: bold;">Reading History</a>
            <a href="{{ route('opac.fines') }}">Fines and Charges</a>
        </div>
    </div>
@endsection

@section('content')
    <div style="width: 100%;">
        <h2 style="font-size: 16px; color: #2e2e4e; margin-bottom: 12px; border-bottom: 1px solid #d5d5d5; padding-bottom: 6px;">
            👤 Reading History (Returned Loans)
        </h2>

        @if(count($history) > 0)
            <table style="width: 100%; border-collapse: collapse; font-size: 12px;">
                <thead>
                    <tr style="background: #e8eef5; text-align: left;">
                        <th style="padding: 8px; border: 1px solid #ccc;">Title</th>
                        <th style="padding: 8px; border: 1px solid #ccc;">Barcode</th>
                        <th style="padding: 8px; border: 1px solid #ccc;">Checked Out</th>
                        <th style="padding: 8px; border: 1px solid #ccc;">Returned On</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($history as $record)
                        <tr style="border-bottom: 1px solid #ddd;">
                            <td style="padding: 8px; border: 1px solid #ddd;">
                                <strong>{{ $record->title }}</strong> <span style="font-size:11px; color:#666;">by {{ $record->author }}</span>
                            </td>
                            <td style="padding: 8px; border: 1px solid #ddd; font-family: monospace;">{{ $record->barcode }}</td>
                            <td style="padding: 8px; border: 1px solid #ddd;">{{ \Carbon\Carbon::parse($record->issuedate)->format('d.m.Y') }}</td>
                            <td style="padding: 8px; border: 1px solid #ddd; font-weight: bold; color: #2a7a2a;">{{ \Carbon\Carbon::parse($record->returndate)->format('d.m.Y') }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @else
            <div style="padding: 20px; background: #f9f9f9; border: 1px dashed #ccc; text-align: center; color: #777; font-size: 13px;">
                No reading history found.
            </div>
        @endif
    </div>
@endsection