import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, ChevronDown, ChevronRight, Users } from 'lucide-react'; import { Fragment, useState } from 'react'; import { Badge } from '@/components/ui/badge'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { cn } from '@/lib/utils'; type ReferralLine = { id: number; level: number | null; type_label: string; beneficiary_name: string; beneficiary_email: string | null; amount_usd: string; percent: string | null; }; type AccrualLine = { id: number; type: string; type_label: string; accrual_on: string | null; amount_usd: string; balance_after_usd: string | null; applied_percent_label: string | null; gain_period_start: string | null; gain_period_end: string | null; period_label: string | null; investment_month_index: number | null; referral_paid: boolean; referral_total_usd: string; referrals: ReferralLine[]; }; type Props = { investment: { id: number; txid: string; status: string; amount: string; capital_balance: string; duration_months: number; months_credited: number; monthly_return_snapshot: string; investor_name: string; investor_email: string | null; }; summary: { accrual_count: number; total_gain_usd: string; total_referral_usd: string; }; lines: AccrualLine[]; }; function formatDate(iso: string | null): string { if (!iso) { return '—'; } try { return new Intl.DateTimeFormat('es', { dateStyle: 'medium' }).format(new Date(iso)); } catch { return iso; } } function statusLabel(status: string): string { if (status === 'active') { return 'Activa'; } if (status === 'completed') { return 'Finalizada'; } return status; } export default function InvestmentAccruals({ investment, summary, lines }: Props) { const backTab = investment.status === 'completed' ? 'completed' : 'active'; const backHref = `/admin/inversiones?tab=${backTab}`; const [expandedId, setExpandedId] = useState(null); function toggleLine(id: number) { setExpandedId((current) => (current === id ? null : id)); } return ( <>

Volver a inversiones

Acreditaciones de la inversión

{statusLabel(investment.status)}

{investment.investor_name} {investment.investor_email ? ` · ${investment.investor_email}` : ''}

TXID: {investment.txid}

Principal (US$) {investment.amount} Capital vigente (US$) {investment.capital_balance} Acreditaciones {summary.accrual_count} Total ganancias (US$) {summary.total_gain_usd} Referidos pagados (US$) {summary.total_referral_usd}

Detalle por movimiento Plan {investment.monthly_return_snapshot}% mensual · acreditaciones{' '} {investment.months_credited}/{investment.duration_months}. Pulsa una fila para ver comisiones de referidos generadas por esa acreditación. {lines.length === 0 ? (

Esta inversión aún no tiene acreditaciones de rendimiento.

) : ( {lines.map((line) => { const expanded = expandedId === line.id; const canExpand = line.referral_paid; return ( { if (canExpand) { toggleLine(line.id); } }} > {expanded && line.referrals.length > 0 ? ( ) : null} ); })}

Entrega

Tipo

Período

% aplicado

Monto (US$)

Capital después

Referidos

{canExpand ? ( expanded ? ( ) : ( ) ) : null}

{formatDate(line.accrual_on)}

{line.type_label}

{line.period_label ? line.period_label : line.gain_period_start && line.gain_period_end ? `${formatDate(line.gain_period_start)} – ${formatDate(line.gain_period_end)}` : line.investment_month_index !== null ? `Mes ${line.investment_month_index}` : '—'}

{line.applied_percent_label ?? '—'}

{line.amount_usd}

{line.balance_after_usd ?? '—'}

{line.referral_paid ? ( {line.referral_total_usd} US$ ) : ( No )}

Comisiones de referidos por esta acreditación

{line.referrals.map((ref) => ( ))}

Beneficiario	Nivel	% sobre ganancia	Monto (US$)
{ ref.beneficiary_name } {ref.beneficiary_email ? ( { ref.beneficiary_email } ) : null}	{ref.type_label}	{ref.percent ? `${ref.percent}%` : '—'}	{ref.amount_usd}

)}

); } InvestmentAccruals.layout = { breadcrumbs: [ { title: 'Administración', href: '/admin' }, { title: 'Inversiones', href: '/admin/inversiones' }, { title: 'Acreditaciones', href: '#' }, ], };