@extends('layouts.staff')

@section('title', '🏷️ Cataloging Module › Koha Staff')

@section('breadcrumb-trail')
    <span class="sep">›</span>
    <a href="{{ route('staff.cataloging') }}">Cataloging</a>
@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">
        <div style="display:flex; justify-content:space-between; align-items:center;">
            <h3>🏷️ Cataloging Module</h3>
            <span style="font-size:12px; color:#666;">
                Showing {{ $records->firstItem() ?? 0 }} – {{ $records->lastItem() ?? 0 }} of {{ number_format($records->total()) }} bibliographic records
            </span>
        </div>

        <form action="{{ route('staff.cataloging') }}" method="GET" class="form-row" style="margin-top:10px;">
            <span class="form-label">Search catalog:</span>
            <input class="form-input" name="q" value="{{ $q }}" placeholder="Title, author, ISBN, call number..." type="text">
            <button class="form-btn primary" type="submit">Search</button>
            <a class="form-btn" href="{{ route('staff.cataloging.create') }}">+ New Record</a>
        </form>

        <table class="items-table" style="margin-top:16px;">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Author</th>
                    <th>ISBN</th>
                    <th>Call Number</th>
                    <th>Items</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($records as $rec)
                    <tr>
                        <td><a href="{{ route('staff.cataloging.show', $rec->id) }}"><strong>{{ $rec->title }}</strong></a></td>
                        <td>{{ $rec->author }}</td>
                        <td><code>{{ $rec->isbn ?? 'N/A' }}</code></td>
                        <td>{{ $rec->call_number ?? 'N/A' }}</td>
                        <td><span class="badge" style="background:{{ $rec->item_count > 0 ? '#28a745' : '#6c757d' }}; color:#fff; padding:2px 8px; border-radius:10px; font-size:11px;">{{ $rec->item_count }}</span></td>
                        <td>
                            <a href="{{ route('staff.cataloging.show', $rec->id) }}" class="form-btn" style="padding: 2px 8px; font-size:11px; text-decoration:none;">View Details</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" style="color:#888; text-align:center; padding:14px;">No bibliographic records found matching search criteria.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>

        @if($records->hasPages())
            <div style="margin-top:16px; display:flex; justify-content:center;">
                {{ $records->links() }}
            </div>
        @endif
    </div>

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