@extends('layouts.master')
@section('page_title', 'Edit Book - '.$book->name)
@section('content')

    <div class="card">
        <div class="card-header header-elements-inline">
            <h6 class="card-title">Edit Book</h6>
            {!! Qs::getPanelOptions() !!}
        </div>

        <div class="card-body">
            <div class="row">
                <div class="col-md-7">
                    <form class="ajax-update" data-reload="#page-header" method="post" action="{{ route('books.update', $book->id) }}">
                        @csrf @method('PUT')
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Title <span class="text-danger">*</span></label>
                            <div class="col-lg-9">
                                <input name="name" value="{{ $book->name }}" required type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Author</label>
                            <div class="col-lg-9">
                                <input name="author" value="{{ $book->author }}" type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Category</label>
                            <div class="col-lg-9">
                                <input name="book_type" value="{{ $book->book_type }}" type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Class</label>
                            <div class="col-lg-9">
                                <select name="my_class_id" class="form-control select">
                                    <option value="">General / Not Class-Specific</option>
                                    @foreach($my_classes as $c)
                                        <option {{ $book->my_class_id == $c->id ? 'selected' : '' }} value="{{ $c->id }}">{{ $c->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Total Copies <span class="text-danger">*</span></label>
                            <div class="col-lg-9">
                                <input name="total_copies" value="{{ $book->total_copies }}" required min="1" type="number" class="form-control">
                                <span class="text-muted">{{ $book->issued_copies }} currently issued out.</span>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Shelf Location</label>
                            <div class="col-lg-9">
                                <input name="location" value="{{ $book->location }}" type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Description</label>
                            <div class="col-lg-9">
                                <textarea name="description" class="form-control">{{ $book->description }}</textarea>
                            </div>
                        </div>

                        <div class="text-right">
                            <button type="submit" class="btn btn-primary">Submit form <i class="icon-paperplane ml-2"></i></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection