@extends('layouts.opac')

@section('title', 'My Holds › 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>Holds</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') }}" style="font-weight: bold;">My Holds</a>
            <a href="{{ route('opac.history') }}">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;">
            👤 My Active Reserves / Holds
        </h2>

        @if(count($holds) > 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;">Reserved Title</th>
                        <th style="padding: 8px; border: 1px solid #ccc;">Author</th>
                        <th style="padding: 8px; border: 1px solid #ccc;">Placed On</th>
                        <th style="padding: 8px; border: 1px solid #ccc;">Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($holds as $hold)
                        <tr style="border-bottom: 1px solid #ddd;">
                            <td style="padding: 8px; border: 1px solid #ddd;">
                                <strong>{{ $hold->title }}</strong>
                            </td>
                            <td style="padding: 8px; border: 1px solid #ddd;">{{ $hold->author }}</td>
                            <td style="padding: 8px; border: 1px solid #ddd;">{{ !empty($hold->reserved_date ?? $hold->reservedate) ? \Carbon\Carbon::parse($hold->reserved_date ?? $hold->reservedate)->format('d.m.Y') : 'N/A' }}</td>
                            <td style="padding: 8px; border: 1px solid #ddd; font-weight: bold; color: #b07a10;">{{ $hold->status }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @else
            <div style="padding: 20px; background: #f9f9f9; border: 1px dashed #ccc; text-align: center; color: #777; font-size: 13px;">
                You currently have no active holds or reservations.
            </div>
        @endif
    </div>
@endsection