import { Form, Head, Link, usePage } from '@inertiajs/react'; import { CheckCircle2, Clock3, CreditCard, TriangleAlert } from 'lucide-react'; import PublicThemeToggle from '@/components/public-theme-toggle'; type Order = { uuid: string; plan: string; status: string; total: number; currency: string; checkout_url: string | null; gateway: string; payment_method: string | null; payment_methods: { code: string; name: string; fee: number }[]; gateway_error: string | null; }; export default function CheckoutShow({ order }: { order: Order }) { const { errors } = usePage().props; const paid = order.status === 'paid'; const total = new Intl.NumberFormat('id-ID', { style: 'currency', currency: order.currency, maximumFractionDigits: 0, }).format(order.total); return ( <>
RADIQ NDM RADIQ NDM
{paid ? ( ) : ( )}

Checkout lisensi bulanan

{order.plan}

Total pembayaran {total}
Gateway {order.gateway}
Status {order.status}
{paid ? (

Pembayaran diterima dan lisensi telah diaktifkan.

Login Tenant Admin
) : order.checkout_url ? (
Lanjut Bayar dengan Duitku

Status aktif setelah callback pembayaran terverifikasi.

) : (
{order.gateway_error ? (

{order.gateway_error}

) : (

Pilih kanal pembayaran Duitku. Order ini tetap dapat dilanjutkan tanpa membuat order baru.

)} {errors.payment && (

{String(errors.payment)}

)}
{order.payment_methods.length > 0 && ( )}
)}
); }