@extends('layouts.staff')

@section('title', '🔧 Label Creator › Koha Staff')

@section('breadcrumb-trail')
    <span class="sep">›</span>
    <a href="{{ route('staff.tools') }}">Tools</a>
    <span class="sep">›</span>
    <span>Label Creator</span>
@endsection

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

    <div class="checkout-panel">
        <h3>🔧 Barcode & Spine Label Creator</h3>
        <p style="font-size:12px; color:#555; margin-bottom:12px;">Select physical items from the catalog below to generate print-ready labels.</p>
        
        <form action="{{ route('staff.tools.labels.print') }}" method="POST">
            @csrf
            <table class="items-table" style="margin-bottom:16px;">
                <thead>
                    <tr>
                        <th style="width:40px; text-align:center;">Print</th>
                        <th>Title</th>
                        <th>Barcode</th>
                        <th>Call Number</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($items as $item)
                        <tr>
                            <td style="text-align:center;">
                                <input type="checkbox" name="items[]" value="{{ $item->id }}">
                            </td>
                            <td><strong>{{ $item->biblio_title }}</strong></td>
                            <td>{{ $item->barcode }}</td>
                            <td>{{ $item->call_number }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

            <div style="display:flex; gap:6px;">
                <button type="submit" class="form-btn primary">Generate Print Layout</button>
                <a href="{{ route('staff.tools') }}" class="form-btn">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection