Since we're working in WebContainer which doesn't support PHP/Laravel execution (as it's a browser-based Node.js environment), I'll provide the complete Laravel project structure and files that you can use in a local PHP environment. Here's the comprehensive setup: { "name": "laravel/laravel", "type": "project", "description": "Booking System", "require": { "php": "^8.0", "laravel/framework": "^9.0", "laravel/sanctum": "^3.0", "laravel/breeze": "^1.0" }, "autoload": { "psr-4": { "App\\": "app/", "Database\\Factories\\": "database/factories/", "Database\\Seeders\\": "database/seeders/" } }, "scripts": { "post-autoload-dump": [ "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump", "@php artisan package:discover --ansi" ], "post-root-package-install": [ "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"" ], "post-create-project-cmd": [ "@php artisan key:generate --ansi" ] } } middleware('auth:sanctum'); } public function index() { return response()->json([ 'bookings' => Auth::user()->bookings ]); } public function store(StoreBookingRequest $request) { $booking = Auth::user()->bookings()->create($request->validated()); Auth::user()->notify(new BookingCreated($booking)); return response()->json([ 'booking' => $booking, 'message' => 'Booking created successfully' ], 201); } public function show(Booking $booking) { $this->authorize('view', $booking); return response()->json([ 'booking' => $booking ]); } public function update(StoreBookingRequest $request, Booking $booking) { $this->authorize('update', $booking); $booking->update($request->validated()); return response()->json([ 'booking' => $booking, 'message' => 'Booking updated successfully' ]); } public function destroy(Booking $booking) { $this->authorize('delete', $booking); $booking->delete(); return response()->json([ 'message' => 'Booking deleted successfully' ]); } } authenticate(); $request->session()->regenerate(); return redirect()->intended('/'); } public function destroy(Request $request) { Auth::guard('web')->logout(); $request->session()->invalidate(); $request->session()->regenerateToken(); return redirect('/'); } } validate([ 'name' => ['required', 'string', 'max:255'], 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 'password' => ['required', 'confirmed', Rules\Password::defaults()], ]); $user = User::create([ 'name' => $request->name, 'email' => $request->email, 'password' => Hash::make($request->password), ]); event(new Registered($user)); Auth::login($user); return redirect('/'); } } 'required|string|max:255', 'description' => 'nullable|string', 'start_time' => 'required|date', 'end_time' => 'required|date|after:start_time', ]; } } belongsTo(User::class); } } 'datetime', ]; public function bookings() { return $this->hasMany(Booking::class); } } booking = $booking; } public function via($notifiable) { return ['mail', 'database']; } public function toMail($notifiable) { return (new MailMessage) ->line('Your booking has been created successfully!') ->line('Booking Title: ' . $this->booking->title) ->action('View Booking', url('/bookings')) ->line('Thank you for using our booking system!'); } public function toArray($notifiable) { return [ 'booking_id' => $this->booking->id, 'title' => $this->booking->title, 'message' => 'Your booking has been created successfully!' ]; } } id === $booking->user_id; } public function update(User $user, Booking $booking) { return $user->id === $booking->user_id; } public function delete(User $user, Booking $booking) { return $user->id === $booking->user_id; } } [ 'guard' => 'web', 'passwords' => 'users', ], 'guards' => [ 'web' => [ 'driver' => 'session', 'provider' => 'users', ], 'api' => [ 'driver' => 'sanctum', 'provider' => 'users', ], ], 'providers' => [ 'users' => [ 'driver' => 'eloquent', 'model' => App\Models\User::class, ], ], 'passwords' => [ 'users' => [ 'provider' => 'users', 'table' => 'password_resets', 'expire' => 60, 'throttle' => 60, ], ], 'password_timeout' => 10800, ]; id(); $table->foreignId('user_id')->constrained()->onDelete('cascade'); $table->string('title'); $table->text('description')->nullable(); $table->dateTime('start_time'); $table->dateTime('end_time'); $table->timestamps(); }); } public function down() { Schema::dropIfExists('bookings'); } }; group(function () { Route::apiResource('bookings', BookingController::class); }); middleware('auth'); Route::get('/register', [RegisteredUserController::class, 'create']) ->middleware('guest') ->name('register'); Route::post('/register', [RegisteredUserController::class, 'store']) ->middleware('guest'); Route::get('/login', [AuthenticatedSessionController::class, 'create']) ->middleware('guest') ->name('login'); Route::post('/login', [AuthenticatedSessionController::class, 'store']) ->middleware('guest'); Route::post('/logout', [AuthenticatedSessionController::class, 'destroy']) ->middleware('auth') ->name('logout'); @extends('layouts.app') @section('content')

Login

@endsection @extends('layouts.app') @section('content')

Register

@endsection {{ config('app.name', 'Laravel') }}

Booking System

@auth @endauth

@yield('content')

@extends('layouts.app') @section('content')

Welcome to the Booking System

Your Bookings

Create New Booking

@csrf

Title

Description

Start Time

End Time

@endsection BookingPolicy::class, ]; public function boot() { $this->registerPolicies(); } } configureRateLimiting(); $this->routes(function () { Route::middleware('api') ->prefix('api') ->group(base_path('routes/api.php')); Route::middleware('web') ->group(base_path('routes/web.php')); }); } protected function configureRateLimiting() { RateLimiter::for('api', function (Request $request) { return Limit::perMinute(60)->by($request->user()?->id ?: $request->ip()); }); } } [ \App\Http\Middleware\EncryptCookies::class, \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class, \Illuminate\Session\Middleware\StartSession::class, \Illuminate\View\Middleware\ShareErrorsFromSession::class, \App\Http\Middleware\VerifyCsrfToken::class, \Illuminate\Routing\Middleware\SubstituteBindings::class, ], 'api' => [ 'throttle:api', \Illuminate\Routing\Middleware\SubstituteBindings::class, ], ]; protected $routeMiddleware = [ 'auth' => \App\Http\Middleware\Authenticate::class, 'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class, 'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class, 'can' => \Illuminate\Auth\Middleware\Authorize::class, 'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class, 'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class, 'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class, 'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class, 'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class, ]; } create()->each(function ($user) { Booking::factory(3)->create(['user_id' => $user->id]); }); } } faker->dateTimeBetween('now', '+1 month'); $end = $this->faker->dateTimeBetween($start, $start->format('Y-m-d H:i:s').' +3 days'); return [ 'user_id' => User::factory(), 'title' => $this->faker->sentence, 'description' => $this->faker->paragraph, 'start_time' => $start, 'end_time' => $end, ]; } } $this->faker->name(), 'email' => $this->faker->unique()->safeEmail(), 'email_verified_at' => now(), 'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password 'remember_token' => Str::random(10), ]; } public function unverified() { return $this->state(function (array $attributes) { return [ 'email_verified_at' => null, ]; }); } } To set up this Laravel booking system on your local machine: 1. Install Laravel dependencies: ```bash composer install ``` 2. Set up the database in your `.env` file and run migrations: ```bash php artisan migrate ``` 3. Install Laravel Breeze for authentication: ```bash php artisan breeze:install npm install && npm run dev ``` 4. Start the development server: ```bash php artisan serve ``` The system includes: - User registration and login with Laravel Breeze - API endpoints for booking management with Sanctum authentication - Policy-based authorization for bookings - Email notifications when bookings are created - Responsive UI with gradient pink-green design - Interactive frontend with JavaScript for API calls