@extends('layouts.staff')

@section('title', '🏷️ Record Detail › Koha Staff')

@section('breadcrumb-trail')
    <span class="sep">›</span>
    <a href="{{ route('staff.cataloging') }}">Cataloging</a>
    <span class="sep">›</span>
    <span>{{ $biblio->title }}</span>
@endsection

@section('content')
<div style="width:100%; display:flex; flex-direction:column;">
    @if(session('success'))
        <div style="background:#d4edda; color:#155724; border:1px solid #c3e6cb; padding:10px; margin-bottom:12px; border-radius:3px; font-size:13px;">
            {{ session('success') }}
        </div>
    @endif

    <div class="checkout-panel" style="display:flex; justify-content:space-between; align-items:flex-start;">
        <div>
            <h2 style="font-size: 16px; color:#1b4880; margin-bottom:4px;">{{ $biblio->title }}</h2>
            <div style="font-size:12px; color:#555; line-height:1.6;">
                by <strong>{{ $biblio->author }}</strong> | 
                <strong>Call Number:</strong> <code>{{ $biblio->call_number ?? 'N/A' }}</code> | 
                <strong>ISBN:</strong> {{ $biblio->isbn ?? 'N/A' }} | 
                <strong>Publisher:</strong> {{ $biblio->publisher ?? 'N/A' }}, {{ $biblio->pub_year ?? '' }}
            </div>
            @if(!empty($biblio->notes))
                <div style="font-size:12px; color:#666; margin-top:6px; background:#f9f9f9; padding:6px; border-radius:3px;">
                    📝 <strong>Notes:</strong> {{ $biblio->notes }}
                </div>
            @endif
        </div>
        <div style="display:flex; gap:6px;">
            <a href="{{ route('staff.cataloging.item.create', $biblio->id) }}" class="form-btn primary" style="text-decoration:none;">+ Add Copy (Item)</a>
            <a href="#" onclick="alert('MARC preview prototype'); return false;" class="form-btn" style="text-decoration:none;">MARC Detail</a>
        </div>
    </div>

    <div class="checkout-panel">
        <h3>Physical Holdings / Copies ({{ count($holdings) }})</h3>
        <table class="items-table">
            <thead>
                <tr>
                    <th>Barcode</th>
                    <th>Accession No.</th>
                    <th>Call Number</th>
                    <th>Library Branch</th>
                    <th>Shelving Location</th>
                    <th>Accession Date</th>
                    <th>Item Type</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($holdings as $item)
                    <tr>
                        <td><code>{{ $item->barcode }}</code></td>
                        <td><code>{{ $item->accession_number ?? $item->barcode }}</code></td>
                        <td><code>{{ $item->itemcallnumber ?? $biblio->call_number ?? 'N/A' }}</code></td>
                        <td>{{ $item->library_name }}</td>
                        <td>{{ $item->location ?? 'Main Stacks' }}</td>
                        <td>{{ $item->accession_date ?? 'N/A' }}</td>
                        <td>{{ $item->type_description }}</td>
                        <td>
                            @if($item->status == 'available')
                                <span class="status-ok">✓ Available</span>
                            @else
                                <span class="overdue-tag">⚠ Checked Out</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" style="text-align:center; color:#777; padding:12px;">No physical items are registered for this title yet.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <a href="{{ route('staff.cataloging') }}" class="form-btn" style="width:120px; text-align:center;">← Back to List</a>
</div>
@endsection