@extends('layouts.app') {{-- Your main layout file --}}

@section('content')
<div id="admin-content">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <h2 class="admin-heading">Add Inventory</h2>
            </div>
            <div class="offset-md-7 col-md-2">
                <a class="add-new" href="{{ route('books') }}">All Inventory</a>
            </div>
        </div>

        <div class="row">
            <div class="offset-md-3 col-md-6">
                <form class="yourform" action="{{ route('book.store') }}" method="post" autocomplete="off">
                    @csrf

                    <!-- NEW: ISBN / Barcode Input -->
                    <div class="form-group">
                        <label for="bookBarcodeInput">ISBN / Barcode <small>(Scan or Type)</small></label>
                        <div class="input-group">
                            <input type="text" class="form-control" id="bookBarcodeInput"
                                name="barcode" value="{{ old('barcode') }}" required
                                placeholder="Scan or type ISBN/Barcode">
                            <div class="input-group-append">
                                <button class="btn btn-outline-secondary" type="button" id="lookupBookBtn">Scan</button>
                            </div>
                        </div>
                        <small id="bookBarcodeStatusMessage" class="form-text text-muted">Enter ISBN or scan barcode.</small>
                        @error('barcode')
                        <div class="alert alert-danger mt-2" role="alert">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Existing: Book Name -->
                    <div class="form-group">
                        <label for="bookNameInput">Book Name</label>
                        <input type="text" class="form-control @error('name') isinvalid @enderror"
                            id="bookNameInput" placeholder="Book Name" name="name" value="{{ old('name') }}" required>
                        @error('name')
                        <div class="alert alert-danger" role="alert">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>

                    <!-- Existing: Category -->
                    <div class="form-group">
                        <label for="categorySelect">Category</label>
                        <select class="form-control @error('category_id') isinvalid @enderror " id="categorySelect" name="category_id" required>
                            <option value="">Select Category</option>
                            @foreach ($categories as $category)
                            <option value="{{ $category->id }}" {{ old('category_id') == $category->id ? 'selected' : '' }}>{{ $category->name }}</option>
                            @endforeach
                        </select>
                        @error('category_id')
                        <div class="alert alert-danger" role="alert">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>

                    <!-- Existing: Author -->
                    <div class="form-group">
                        <label for="authorSelect">Author</label>
                        <select class="form-control @error('auther_id') isinvalid @enderror " id="authorSelect" name="auther_id" required>
                            <option value="">Select Author</option>
                            @foreach ($authors as $author)
                            <option value='{{ $author->id }}' {{ old('auther_id') == $author->id ? 'selected' : '' }}>{{ $author->name }}</option>
                            @endforeach
                        </select>
                        @error('auther_id')
                        <div class="alert alert-danger" role="alert">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>

                    <!-- Existing: Publisher -->
                    <div class="form-group">
                        <label for="publisherSelect">Publisher</label>
                        <select class="form-control @error('publisher_id') isinvalid @enderror " id="publisherSelect" name="publisher_id" required>
                            <option value="">Select Publisher</option>
                            @foreach ($publishers as $publisher)
                            <option value='{{ $publisher->id }}' {{ old('publisher_id') == $publisher->id ? 'selected' : '' }}>{{ $publisher->name }}</option>
                            @endforeach
                        </select>
                        @error('publisher_id')
                        <div class="alert alert-danger" role="alert">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>

                    <!-- Existing: Quantity -->
                    <div class="form-group">
                        <label for="quantityInput">Quantity</label>
                        <input type="number" class="form-control @error('quantity') isinvalid @enderror"
                            id="quantityInput" placeholder="Quantity" name="quantity" value="{{ old('quantity', 1) }}" min="1" required>
                        @error('quantity')
                        <div class="alert alert-danger" role="alert">
                            {{ $message }}
                        </div>
                        @enderror
                    </div>

                    <input type="submit" name="save" class="btn btn-danger" value="Save" required>
                </form>

            </div>
        </div>
    </div>
</div>
@endsection