import { Head } from '@inertiajs/react'; import { TrendingUp } from 'lucide-react'; import AppLayout from '@/layouts/app-layout'; import type { BreadcrumbItem } from '@/types'; type CourseEarning = { course_id: number; course_title: string; sales_count: number; gross_revenue: number; platform_fee: number; net_revenue: number; }; type Summary = { total_gross: number; total_net: number; total_sales: number; platform_fee_percent: number; }; type Props = { byCourse: CourseEarning[]; summary: Summary }; const breadcrumbs: BreadcrumbItem[] = [{ title: 'Pendapatan', href: '/instructor/earnings' }]; function formatRp(amount: number) { return `Rp ${amount.toLocaleString('id-ID')}`; } export default function InstructorEarningsIndex({ byCourse, summary }: Props) { return ( <>

Pendapatan Saya

Biaya platform {summary.platform_fee_percent}% per transaksi

{/* Summary Cards */}

Total Penjualan

{summary.total_sales}

transaksi

Pendapatan Kotor

{formatRp(summary.total_gross)}

sebelum biaya platform

Pendapatan Bersih

{formatRp(summary.total_net)}

setelah biaya platform

{/* Per-course breakdown */}

Rincian per Course

{byCourse.length === 0 ? (
Belum ada penjualan course berbayar.
) : (
{byCourse.map((item) => ( ))}
Course Penjualan Kotor Biaya Platform Bersih
{item.course_title} {item.sales_count}x {formatRp(item.gross_revenue)} -{formatRp(item.platform_fee)} {formatRp(item.net_revenue)}
Total {summary.total_sales}x {formatRp(summary.total_gross)} -{formatRp(summary.total_gross - summary.total_net)} {formatRp(summary.total_net)}
)}

Pendapatan dihitung dari pembayaran yang telah diverifikasi admin. Hubungi admin untuk pencairan dana.

); } InstructorEarningsIndex.layout = (page: React.ReactNode) => ( {page} );