import { Head, Link } from '@inertiajs/react'; import { Check, CheckCircle2, ChevronRight, Home, Package, Phone, ReceiptText, ShoppingBag, Truck } from 'lucide-react'; import FrontendLayout from '@/layouts/frontend-layout'; import { useLang } from '@/lib/lang'; import { type Order } from '@/types'; const steps = ['Cart', 'Information', 'Delivery', 'Payment', 'Confirmed']; function formatMoney(value: number | string) { return `Tk ${Number(value || 0).toLocaleString()}`; } function SuccessStepper() { return (
{/* Desktop stepper */}
    {steps.map((step, index) => (
  1. {step} {index < steps.length - 1 && }
    2. ))}
{/* Mobile progress bar */}
Step 05 / 05 Confirmed ✓
); } function StatusBadge({ status }: { status: Order['order_status'] }) { const label = status.charAt(0).toUpperCase() + status.slice(1); return ( {label} ); } function InfoTile({ label, value }: { label: string; value: string }) { return (

{label}

{value}

); } // ─── Order Items ────────────────────────────────────────────────────────────── function OrderItems({ items }: { items: NonNullable }) { return ( <> {/* Mobile: card list */}
{items.map((item) => (

{item.product_name}

{item.sku || '—'}

Qty: {item.qty} {formatMoney(Number(item.price) * item.qty)}
))}
{/* Desktop: table */}
{items.map((item) => ( ))}
Product SKU Qty Line total
{item.product_name}
{item.sku || '—'} {item.qty} {formatMoney(Number(item.price) * item.qty)}
); } // ─── Page ───────────────────────────────────────────────────────────────────── export default function CheckoutSuccess({ order }: { order: Order }) { const { t } = useLang(); const itemCount = order.items?.reduce((total, item) => total + item.qty, 0) ?? 0; return (
{/* ── Left column ── */}
{/* ── Hero confirmation card ── */}
{/* Success text */}

Order confirmation

{t.success.heading}

{t.success.subtitle}

{/* Invoice card */}

{t.success.invoiceNumber}

{order.invoice_no}

{/* Customer info tiles */}
{/* ── Order items ── */}

Order contents

{t.success.items}

{itemCount} {itemCount === 1 ? 'item' : 'items'}
{order.items && order.items.length > 0 && ( )}
{/* ── What's next + COD ── */}
{/* What's next */}

{t.success.whatsNext}

    {[t.success.step1, t.success.step2, t.success.step3, t.success.step4].map((step, index) => (
  1. 0{index + 1} {step}
    2. ))}
{/* COD card */}

Payment on delivery

{t.success.cod}

{t.success.codReadyPrefix} {formatMoney(order.total_amount).replace('Tk ', '')} {t.success.codReadySuffix}

{t.success.needHelp}{' '} {order.invoice_no}.
{/* ── Right column / aside ── */}
); }