@extends('layouts.app')
@section('title', 'Edit Book')
@section('content')
<div class="card" style="max-width:520px;">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Edit Book</h2>
    <form method="POST" action="{{ url('/api/library/books/' . $book->id) }}">
        @csrf @method('PATCH')
        <label style="display:block;font-size:12px;margin-bottom:4px;">Title</label>
        <input type="text" name="title" value="{{ $book->title }}" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">
        <label style="display:block;font-size:12px;margin-bottom:4px;">Author</label>
        <input type="text" name="author" value="{{ $book->author }}" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">
        <label style="display:block;font-size:12px;margin-bottom:4px;">Category</label>
        <select name="book_category_id" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">
            @foreach($categories as $cat)
                <option value="{{ $cat->id }}" {{ $book->book_category_id == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
            @endforeach
        </select>
        <label style="display:block;font-size:12px;margin-bottom:4px;">Total Copies</label>
        <input type="number" name="copies_total" value="{{ $book->copies_total }}" min="1" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:16px;">
        <button type="submit" style="background:#0b4f2c;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:13px;cursor:pointer;">Save Changes</button>
    </form>
</div>
@endsection