@extends('layouts.staff')

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

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

@section('content')
<div style="width:100%; display:flex; flex-direction:column;">
    <div class="checkout-panel">
        <h3>🏷️ Create New Bibliographic Record</h3>
        
        @if ($errors->any())
            <div style="background:#f8d7da; color:#721c24; border:1px solid #f5c6cb; padding:10px; margin-top:10px; border-radius:3px; font-size:13px;">
                <ul style="margin:0; padding-left:18px;">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ route('staff.cataloging.store') }}" method="POST" style="margin-top:14px;">
            @csrf
            
            <div style="background:#f9f9f9; padding:12px; border:1px solid #e9e9e9; border-radius:3px; margin-bottom:16px;">
                <h4 style="margin-top:0; margin-bottom:10px; color:#004085;">📚 Bibliographic Details (MARC Fields)</h4>
                
                <div class="form-row">
                    <span class="form-label">Title (245$a) <span style="color:red;">*</span>:</span>
                    <input class="form-input" name="title" value="{{ old('title') }}" required type="text" placeholder="Main book/resource title">
                </div>
                <div class="form-row">
                    <span class="form-label">Author (100$a) <span style="color:red;">*</span>:</span>
                    <input class="form-input" name="author" value="{{ old('author') }}" required type="text" placeholder="Primary author or creator name">
                </div>
                <div class="form-row">
                    <span class="form-label">ISBN (020$a):</span>
                    <input class="form-input" name="isbn" value="{{ old('isbn') }}" type="text" placeholder="e.g. 978-3-16-148410-0">
                </div>
                <div class="form-row">
                    <span class="form-label">Publisher (260$b):</span>
                    <input class="form-input" name="publisher" value="{{ old('publisher') }}" type="text" placeholder="Publishing house / firm">
                </div>
                <div class="form-row">
                    <span class="form-label">Publication Year (260$c):</span>
                    <input class="form-input" name="pub_year" value="{{ old('pub_year') }}" type="number" placeholder="e.g. 2024">
                </div>
                <div class="form-row">
                    <span class="form-label">Subject (650$a):</span>
                    <input class="form-input" name="subject" value="{{ old('subject') }}" placeholder="e.g. Marine Biology, Computer Science" type="text">
                </div>
                <div class="form-row">
                    <span class="form-label">Call Number (050$a / 082$a):</span>
                    <input class="form-input" name="call_number" value="{{ old('call_number') }}" placeholder="e.g. QA76.73 .P98 2024" type="text">
                </div>
                <div class="form-row" style="align-items: flex-start;">
                    <span class="form-label">General Notes (500$a):</span>
                    <textarea class="form-input" name="notes" rows="3" style="font-family: inherit; font-size: inherit;" placeholder="Edition, summary, or internal notes">{{ old('notes') }}</textarea>
                </div>
            </div>

            <!-- Optional Initial Physical Copy (Item) section -->
            <div style="background:#f4f8fa; padding:12px; border:1px solid #d6e9f8; border-radius:3px;">
                <label style="font-weight:bold; cursor:pointer; display:flex; align-items:center; gap:8px;">
                    <input type="checkbox" name="create_item" value="1" id="create_item_toggle" {{ old('create_item') ? 'checked' : '' }} onchange="document.getElementById('item_fields').style.display = this.checked ? 'block' : 'none';">
                    ➕ Create an initial physical copy (Item) now
                </label>

                <div id="item_fields" style="display: {{ old('create_item') ? 'block' : 'none' }}; margin-top:12px; padding-top:10px; border-top:1px dashed #b8daff;">
                    <div class="form-row">
                        <span class="form-label">Accession Number (952$i / $t):</span>
                        <input class="form-input" name="accession_number" value="{{ old('accession_number') }}" type="text" placeholder="e.g. ACC10029 or 00148">
                    </div>
                    <div class="form-row">
                        <span class="form-label">Barcode (952$p):</span>
                        <input class="form-input" name="barcode" value="{{ old('barcode') }}" type="text" placeholder="e.g. BC3902184 or 00148">
                    </div>
                    <div class="form-row">
                        <span class="form-label">Accession Date (952$d):</span>
                        <input class="form-input" name="accession_date" value="{{ old('accession_date', date('Y-m-d')) }}" type="date">
                    </div>
                    <div class="form-row">
                        <span class="form-label">Item Call Number (952$o):</span>
                        <input class="form-input" name="itemcallnumber" value="{{ old('itemcallnumber') }}" type="text" placeholder="Override call number for copy (optional)">
                    </div>
                    <div class="form-row">
                        <span class="form-label">Library (952$a):</span>
                        <select class="form-input" name="library_id">
                            @foreach($libraries as $lib)
                                <option value="{{ $lib->id }}" {{ old('library_id') == $lib->id ? 'selected' : '' }}>{{ $lib->name }} ({{ $lib->branchcode }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-row">
                        <span class="form-label">Item Type (952$y):</span>
                        <select class="form-input" name="item_type_id">
                            @foreach($itemTypes as $type)
                                <option value="{{ $type->id }}" {{ old('item_type_id') == $type->id ? 'selected' : '' }}>{{ $type->description }} ({{ $type->code }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-row">
                        <span class="form-label">Shelving Location (952$c):</span>
                        <input class="form-input" name="location" value="{{ old('location') }}" type="text" placeholder="e.g. Main Stacks - Floor 2">
                    </div>
                </div>
            </div>

            <div style="margin-top:20px; display:flex; gap:8px;">
                <button type="submit" class="form-btn primary">💾 Save Record</button>
                <a href="{{ route('staff.cataloging') }}" class="form-btn">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection