@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">Edit Book</h1>
            <p class="small admin-muted mb-0">Update Books record details while keeping the same admin workflow.</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.update', $record->id),
        'method' => 'PUT',
        'backRoute' => route('admin.books.index'),
    ])
@endsection