import { Head, Link, router } from '@inertiajs/react'; import { ArrowLeft, CheckCircle, Clock } from 'lucide-react'; import AppLayout from '@/layouts/app-layout'; import type { BreadcrumbItem } from '@/types'; type Commission = { id: number; amount: number; status: 'pending' | 'paid'; paid_at: string | null; created_at: string; order: { id: number; total_amount: number; status: string; created_at: string; user: { id: number; name: string }; }; }; type AffiliateCode = { id: number; code: string; status: 'pending' | 'approved' | 'rejected'; commission_rate: number; notes: string | null; user: { id: number; name: string; email: string }; }; type Paginator = { data: T[]; current_page: number; last_page: number; links: { url: string | null; label: string; active: boolean }[]; }; type Props = { affiliateCode: AffiliateCode; commissions: Paginator }; function formatPrice(price: number) { return new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR', maximumFractionDigits: 0 }).format(price); } export default function AdminAffiliatesShow({ affiliateCode, commissions }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Admin', href: '/admin' }, { title: 'Affiliate', href: '/admin/affiliates' }, { title: affiliateCode.user.name, href: `/admin/affiliates/${affiliateCode.id}` }, ]; function payCommission(id: number) { router.post(`/admin/affiliate-commissions/${id}/pay`); } const totalPaid = commissions.data .filter((c) => c.status === 'paid') .reduce((sum, c) => sum + c.amount, 0); const totalPending = commissions.data .filter((c) => c.status === 'pending') .reduce((sum, c) => sum + c.amount, 0); return ( <>

{affiliateCode.user.name}

{affiliateCode.user.email}

Kode Referral

{affiliateCode.code}

Komisi {affiliateCode.commission_rate}%

Komisi Dibayar

{formatPrice(totalPaid)}

Menunggu Pembayaran

{formatPrice(totalPending)}

Riwayat Komisi

{commissions.data.map((commission) => ( ))} {commissions.data.length === 0 && ( )}
Order Pembeli Komisi Status

Order #{commission.order.id}

{new Date(commission.order.created_at).toLocaleDateString('id-ID')}

{commission.order.user.name} {formatPrice(commission.amount)} {commission.status === 'paid' ? ( Dibayar ) : ( Menunggu )} {commission.status === 'pending' && ( )}
Belum ada komisi.
); } AdminAffiliatesShow.layout = (page: React.ReactNode) => ( {page} );