isaaccladandCursor
f718b9cfbf
Shop, menu, and booking storefronts with OIDC SSO, Pay checkout, and merchant.ladill.com deployment workflow. Co-authored-by: Cursor <cursoragent@cursor.com>
53 lines
2.6 KiB
PHP
53 lines
2.6 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Order confirmed</title>
|
||
@include('partials.favicon')
|
||
@vite(['resources/css/app.css'])
|
||
</head>
|
||
<script>if (window !== window.top) window.top.location.href = window.location.href;</script>
|
||
<body class="flex min-h-screen items-center justify-center bg-slate-50 px-4 py-12 antialiased">
|
||
<div class="w-full max-w-sm text-center">
|
||
<div class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-emerald-100">
|
||
<svg class="h-8 w-8 text-emerald-600" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
|
||
</svg>
|
||
</div>
|
||
<h1 class="mt-5 text-2xl font-bold text-slate-900">Order confirmed!</h1>
|
||
<p class="mt-2 text-sm text-slate-500">
|
||
Thank you{{ $order->customer_name ? ', ' . $order->customer_name : '' }}. Your payment was successful.
|
||
</p>
|
||
|
||
<div class="mt-8 overflow-hidden rounded-2xl border border-slate-200 bg-white text-left shadow-sm">
|
||
<div class="border-b border-slate-100 px-5 py-4">
|
||
<p class="text-xs font-semibold uppercase tracking-widest text-slate-400">Order summary</p>
|
||
</div>
|
||
<div class="divide-y divide-slate-100">
|
||
@foreach($order->items as $item)
|
||
<div class="flex items-center justify-between gap-3 px-5 py-3">
|
||
<div>
|
||
<p class="text-sm font-medium text-slate-900">{{ $item['name'] }}</p>
|
||
<p class="text-xs text-slate-500">× {{ $item['qty'] }}</p>
|
||
</div>
|
||
<p class="text-sm font-semibold text-slate-900">
|
||
GHS {{ number_format($item['price_ghs'] * $item['qty'], 2) }}
|
||
</p>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
<div class="flex items-center justify-between border-t border-slate-200 bg-slate-50 px-5 py-4">
|
||
<span class="text-sm font-semibold text-slate-900">Total paid</span>
|
||
<span class="text-sm font-bold text-slate-900">GHS {{ number_format($order->amount_ghs, 2) }}</span>
|
||
</div>
|
||
</div>
|
||
|
||
<a href="{{ $qrCode->publicUrl() }}"
|
||
class="mt-6 inline-flex items-center gap-2 rounded-2xl border border-slate-200 bg-white px-5 py-3 text-sm font-semibold text-slate-700 shadow-sm transition hover:bg-slate-50">
|
||
Back to menu
|
||
</a>
|
||
</div>
|
||
</body>
|
||
</html>
|