11 lines
1.3 KiB
PHP
11 lines
1.3 KiB
PHP
<x-layouts.public :business="$business">
|
||
<main class="mx-auto flex min-h-screen max-w-xl flex-col justify-center px-5 py-16 text-center lg:px-10">
|
||
<div class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-accent text-3xl font-black text-white">✓</div>
|
||
<p class="mt-8 text-[10px] font-bold uppercase tracking-[0.3em] text-accent-foreground">{{ $appointment->status->value === 'PENDING' ? 'Request received' : 'Booking confirmed' }}</p>
|
||
<h1 class="mt-3 text-4xl font-black tracking-tight">You’re all set</h1>
|
||
<p class="mt-4 text-sm leading-6 text-muted">{{ $appointment->customer->firstName }}, your appointment at {{ $business->name }} is booked for {{ $appointment->startAt->setTimezone($business->timezone)->format('l, j F · g:i A') }}.</p>
|
||
<x-ui.card class="mt-8 p-6 text-left"><p class="text-sm font-bold">{{ $appointment->services->pluck('service.name')->join(', ') }}</p><p class="mt-2 text-sm text-muted">with {{ $appointment->staff->user?->name ?: 'your barber' }}</p><p class="mt-5 border-t border-line pt-4 text-xs text-muted">A confirmation link has been created for this booking.</p></x-ui.card>
|
||
<x-ui.button class="mt-6 w-full" href="{{ route('public.home') }}">Done</x-ui.button>
|
||
</main>
|
||
</x-layouts.public>
|