import { Head, Link, useForm } from '@inertiajs/react'; import { ArrowLeft } from 'lucide-react'; import type { FormEvent } from 'react'; import { useState } from 'react'; import { ConfirmActionModal } from '@/components/confirm-action-modal'; import InputError from '@/components/input-error'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; type Props = { investment_summary: { id: number; txid: string; capital_available_usd: string; investor_email: string | null | undefined; investor_name: string | null | undefined; }; }; export default function InvestmentWithdrawal({ investment_summary }: Props) { const form = useForm({ amount: '' }); const [confirmOpen, setConfirmOpen] = useState(false); function submit(event: FormEvent) { event.preventDefault(); setConfirmOpen(true); } function executeWithdraw() { form.post(`/admin/inversiones/${investment_summary.id}/retiro`, { preserveScroll: true, onFinish: () => setConfirmOpen(false), }); } return ( <>

Monto:{' '} {form.data.amount.trim() || '—'} US$

Inversionista:{' '} {investment_summary.investor_name ?? '—'} ({investment_summary.investor_email ?? '—'})

Registrar retiro Reduce el capital vigente disponible para futuras acreditaciones mensuales. TXID{' '} {investment_summary.txid} .

Inversionista:{' '} {investment_summary.investor_name ?? '(sin nombre)'}

{investment_summary.investor_email}

Capital disponible:{' '} {investment_summary.capital_available_usd} US$

form.setData('amount', event.target.value) } />
); } InvestmentWithdrawal.layout = { breadcrumbs: [ { title: 'Administración', href: '/admin' }, { title: 'Inversiones', href: '/admin/inversiones' }, { title: 'Retiro', href: '#', }, ], };