@extends('layouts.admin')

@section('content')
    <section class="d-flex flex-column flex-xl-row align-items-xl-center justify-content-between gap-3 mb-4">
        <div>
            <p class="small text-success fw-bold text-uppercase mb-2" style="letter-spacing: .08em;">Book Catalogue</p>
            <h1 class="h3 fw-bold admin-text mb-1">Create Book</h1>
            <p class="small admin-muted mb-0">Add publication details, translations, cover files, and featured settings from one full page.</p>
        </div>
        <a class="btn glass-card admin-text rounded-4 px-3 py-2 fw-semibold d-inline-flex align-items-center gap-2" href="{{ route('admin.books.index') }}">
            <i data-lucide="arrow-left" width="16" height="16"></i>
            Back
        </a>
    </section>

    @include('admin.books.create-edit', [
        'record' => $record,
        'action' => route('admin.books.store'),
        'method' => 'POST',
        'backRoute' => route('admin.books.index'),
    ])
@endsection