import { Head, Link, useForm } from '@inertiajs/react'; import { ArrowRight, CheckCircle2, Mail, Newspaper, Plus, Wallet, } from 'lucide-react'; import AppLayout from '@/layouts/app-layout'; interface DashboardProps { metrics: { pending_activities: number; pending_donations: number; total_donations: number | string; unread_messages: number; }; pendingActivities: { id: number; title: string; alumni_name_snapshot: string; program_studi_snapshot: string; activity_date: string | null; }[]; pendingDonations: { id: number; alumni_name_snapshot: string; amount: number | string; program: { name: string } | null; }[]; } const rupiah = (value: number | string) => new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR', maximumFractionDigits: 0, }).format(Number(value)); function activityDate(value: string | null) { if (!value) return 'Tanggal belum diisi'; const date = new Date(value); return Number.isNaN(date.getTime()) ? 'Tanggal tidak tersedia' : date.toLocaleDateString('id-ID', { day: 'numeric', month: 'short', year: 'numeric', timeZone: 'Asia/Jakarta', }); } export default function AdminDashboard({ metrics, pendingActivities, pendingDonations, }: DashboardProps) { const refresh = useForm({}); return (

{/* Hero Banner */}

Administrasi / Fakultas Teknik UNMA

Ringkasan portal alumni

Tinjau kegiatan alumni, pantau kontribusi yang masuk, dan tanggapi pesan untuk fakultas.

{/* Stat Cards */}

Dana terhimpun: {rupiah(metrics.total_donations)}
Kegiatan menunggu tinjauan: {metrics.pending_activities.toLocaleString( 'id-ID', )}
Menunggu pembayaran: {metrics.pending_donations.toLocaleString( 'id-ID', )}
Pesan belum dibaca: {metrics.unread_messages.toLocaleString( 'id-ID', )}

{/* Review Queues */}

{/* Kegiatan Queue */}

Kegiatan perlu ditinjau

Maksimal 5 kiriman terbaru yang menunggu moderasi.

Lihat kegiatan{' '}

{pendingActivities.length ? ( pendingActivities.map((activity) => (

{activityDate( activity.activity_date, )}

{activity.title}

{ activity.alumni_name_snapshot } {activity.program_studi_snapshot ? ` · ${activity.program_studi_snapshot}` : ''}

Tinjau{' '}

)) ) : (

Tidak ada kegiatan menunggu tinjauan

Kiriman baru dari alumni akan muncul di sini sebelum dipublikasikan.

)}

{/* Donasi Queue */}

Menunggu pembayaran

Status diperbarui melalui konfirmasi pembayaran otomatis.

{pendingDonations.length ? ( pendingDonations.map((donation) => (

{ donation.alumni_name_snapshot }

{donation.program?.name ?? 'Program tidak tersedia'}{' '} · #{donation.id}

{rupiah(donation.amount)}

)) ) : (

Tidak ada pembayaran tertunda

Transaksi yang menunggu pembayaran akan ditampilkan di sini. Dana baru dihitung setelah pembayaran lunas.

)}

Data alumni

Salinan lokal diperbarui setiap 30 hari saat direktori diakses. Jika API tidak tersedia, data terakhir tetap ditampilkan.

{Object.values(refresh.errors).map((message, index) =>

{String(message)}

)} {refresh.recentlySuccessful &&

Data alumni berhasil diperbarui.

}

{metrics.unread_messages > 0 ? `Ada ${metrics.unread_messages.toLocaleString('id-ID')} pesan yang belum dibaca. Periksa pertanyaan dan kebutuhan pengirim.` : 'Semua pesan sudah dibaca. Pesan baru dari halaman kontak akan tercatat di sini.'}

Buka kotak masuk{' '}

Publikasi & portal

Berita fakultas Kelola berita dan pengumuman Lihat halaman utama Periksa tampilan untuk pengunjung Alumni Bergerak Lihat program dan transparansi dana

{/* Footer Info */}

Ringkasan berdasarkan data saat halaman dimuat. Status pembayaran tidak diubah melalui persetujuan manual admin.

); }