@extends('layouts.layouts')

@section('title', 'Add Book | Book Store')
@section('header-title', 'Add a book')

@section('content')
    <div class="crud-heading compact">
        <div>
            <p class="dashboard-eyebrow">Catalogue</p>
            <h1>Add a printed book</h1>
            <p>Give readers the details they need to choose their next book.</p>
        </div>
    </div>

    @if ($categories->isEmpty())
        <div class="empty-state compact-empty">
            <h2>Create a category first</h2>
            <p>Books need a category before they can be added. Add categories in the database, then return here.</p>
        </div>
    @else
        <form method="POST" action="{{ route('books.store') }}" class="book-form-card" enctype="multipart/form-data">
            @include('books._form', ['submitLabel' => 'Add book'])
        </form>
    @endif
@endsection