@extends('layouts.app')
@section('title', 'Add Book')
@section('content')
<div class="card" style="max-width:520px;">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Add Book</h2>
    <form method="POST" action="{{ url('/api/library/books') }}">
        @csrf
        <label style="display:block;font-size:12px;margin-bottom:4px;">Title</label>
        <input type="text" name="title" required 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" 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;">ISBN</label>
        <input type="text" name="isbn" 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;">
            <option value="">Select</option>
            @foreach($categories as $cat)
                <option value="{{ $cat->id }}">{{ $cat->name }}</option>
            @endforeach
        </select>
        <label style="display:block;font-size:12px;margin-bottom:4px;">Number of Copies</label>
        <input type="number" name="copies_total" min="1" value="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 Book</button>
    </form>
</div>
@endsection