import { Form, Head } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; type Order = { id: number; uuid: string; plan_code: string; gateway: string; status: string; total: number; currency: string; created_at: string; tenant: { name: string }; }; export default function BillingOrders({ orders, }: { orders: { data: Order[] }; }) { return ( <>

Order Lisensi

Verifikasi pembayaran manual dan pantau checkout seluruh tenant.

{[ 'Tenant', 'Paket', 'Gateway', 'Total', 'Status', 'Dibuat', 'Aksi', ].map((item) => ( ))} {orders.data.map((order) => ( ))}
{item}
{order.tenant.name} {order.plan_code} {order.gateway} {new Intl.NumberFormat('id-ID', { style: 'currency', currency: order.currency, maximumFractionDigits: 0, }).format(order.total)} {order.status} {new Date( order.created_at, ).toLocaleString('id-ID')} {order.status === 'pending' && (
)}
); } BillingOrders.layout = { breadcrumbs: [ { title: 'Order Lisensi', href: '/administration/billing-orders' }, ], };