@extends('layouts.app')

@section('title', 'Create Booking')

@section('content')
    <x-breadcrumbs :items="[
        ['label' => 'Dashboard', 'url' => route('dashboard')],
        ['label' => 'Bookings & Reservations', 'url' => route('bookings.index')],
        ['label' => 'Create'],
    ]" />

    <x-page-header title="Create Booking" />

    <x-card>
        <form method="POST" action="{{ route('bookings.store') }}">
            @csrf
            @include('bookings.partials.form')
            <div class="d-flex gap-2 mt-3">
                <button type="submit" class="btn btn-primary">Save Booking</button>
                <a href="{{ route('bookings.index') }}" class="btn btn-outline-secondary">Cancel</a>
            </div>
        </form>
    </x-card>
@endsection
