14 lines
2.1 KiB
PHP
14 lines
2.1 KiB
PHP
<x-layouts.public :business="$business">
|
|
<main class="mx-auto min-h-screen max-w-xl px-5 pb-16 pt-8 lg:px-10">
|
|
<a href="{{ route('booking.details') }}" class="text-xs font-bold uppercase tracking-widest text-muted">← Your details</a>
|
|
<div class="mt-10"><p class="text-[10px] font-bold uppercase tracking-widest text-muted">Step 4 of 4</p><h1 class="mt-2 text-3xl font-black tracking-tight">Review booking</h1></div>
|
|
<div class="mt-8 space-y-3">
|
|
<x-ui.card class="p-6"><p class="text-[10px] font-bold uppercase tracking-widest text-muted">Services</p>@foreach ($services as $service)<div class="mt-3 flex justify-between gap-3 text-sm"><span>{{ $service->name }} <span class="text-muted">· {{ $service->durationMinutes }}m</span></span><strong>£{{ number_format((float) $service->price, 2) }}</strong></div>@endforeach</x-ui.card>
|
|
<x-ui.card class="p-6"><p class="text-[10px] font-bold uppercase tracking-widest text-muted">When & who</p><p class="mt-3 text-sm font-bold">{{ \Carbon\CarbonImmutable::parse($draft['time']['startAt'])->setTimezone($business->timezone)->format('l, j F · g:i A') }}</p><p class="mt-1 text-sm text-muted">with {{ $staff->user?->name ?: 'your barber' }}</p><p class="mt-4 border-t border-line pt-4 text-sm">{{ $draft['customer']['firstName'] }} {{ $draft['customer']['lastName'] }}<br><span class="text-muted">{{ $draft['customer']['email'] }}</span></p></x-ui.card>
|
|
<div class="flex items-center justify-between px-1 pt-3"><span class="text-sm font-bold">Total</span><span class="text-2xl font-black">£{{ number_format((float) $total, 2) }}</span></div>
|
|
</div>
|
|
@if ($errors->any()) <div class="mt-5 rounded-md border border-danger/20 bg-red-50 p-4 text-sm text-red-800">{{ $errors->first() }}</div> @endif
|
|
<form method="POST" action="{{ route('booking.confirm') }}" class="mt-6"><button class="inline-flex h-12 w-full items-center justify-center rounded-md bg-ink px-6 text-xs font-bold uppercase tracking-widest text-white shadow-lg shadow-ink/10 hover:bg-black" type="submit">Confirm booking</button>@csrf</form>
|
|
</main>
|
|
</x-layouts.public>
|