import { useState } from 'react' import { Calculator, Clock, Calendar } from 'lucide-react' import { Button } from "/components/ui/button" import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "/components/ui/card" import { Input } from "/components/ui/input" import { Label } from "/components/ui/label" export default function AdvancedPaybackCalculator() { const [investmentYears, setInvestmentYears] = useState(1) const [investmentAmounts, setInvestmentAmounts] = useState(['']) const [cashFlows, setCashFlows] = useState(Array(20).fill('')) const [paybackPeriod, setPaybackPeriod] = useState(null) const [error, setError] = useState(null) const handleInvestmentYearsChange = (years: number) => { if (years < 1 || years > 5) return setInvestmentYears(years) setInvestmentAmounts(Array(years).fill('')) } const updateInvestmentAmount = (index: number, value: string) => { const newAmounts = [...investmentAmounts] newAmounts[index] = value setInvestmentAmounts(newAmounts) } const updateCashFlow = (index: number, value: string) => { const newCashFlows = [...cashFlows] newCashFlows[index] = value setCashFlows(newCashFlows) } const calculatePayback = () => { setPaybackPeriod(null) setError(null) // Validate investments const investments = investmentAmounts.map(amount => parseFloat(amount || '0')) if (investments.some(isNaN) || investments.some(amt => amt < 0)) { setError('Please enter valid investment amounts') return } // Validate cash flows const flows = cashFlows.map(flow => parseFloat(flow || '0')) if (flows.some(isNaN) || flows.some(flow => flow < 0)) { setError('Please enter valid cash flow amounts') return } // Calculate cumulative cash flow let cumulativeCashFlow = 0 let totalInvestment = investments.reduce((sum, amt) => sum + amt, 0) let paybackYear = -1 // Year-by-year calculation for (let year = 0; year < 20; year++) { // Add investment for first N years if (year < investmentYears) { cumulativeCashFlow -= investments[year] } // Add cash flow for the year cumulativeCashFlow += flows[year] // Check if payback achieved if (cumulativeCashFlow >= 0 && paybackYear === -1) { paybackYear = year + 1 // +1 because years are 0-indexed // Calculate partial year if needed if (year > 0) { const previousYearCash = cumulativeCashFlow - flows[year] const fraction = (-previousYearCash) / flows[year] paybackYear = year + fraction } } } if (paybackYear === -1) { setError('Payback period exceeds 20 years') } else { setPaybackPeriod(paybackYear) } } const resetForm = () => { setInvestmentYears(1) setInvestmentAmounts(['']) setCashFlows(Array(20).fill('')) setPaybackPeriod(null) setError(null) } const formatRupees = (value: number) => { return new Intl.NumberFormat('en-IN', { style: 'currency', currency: 'INR', maximumFractionDigits: 0 }).format(value) } return (

Advanced Payback Period Calculator Calculate payback period with multi-year investments and 20-year cash flows (₹)

{/* Investment Section */}

Initial Investment

Investment Duration (1-5 years)

{[1, 2, 3, 4, 5].map(year => ( ))}

{Array.from({ length: investmentYears }).map((_, index) => (

Year {index + 1} Investment (₹) updateInvestmentAmount(index, e.target.value)} placeholder="e.g. 5,00,000" className="border-green-300 focus:ring-green-500" />

))}

{/* Cash Flows Section */}

Annual Cash Flows (20 Years)

{Array.from({ length: 20 }).map((_, index) => (

Year {index + 1} (₹) updateCashFlow(index, e.target.value)} placeholder="e.g. 2,50,000" className="border-green-300 focus:ring-green-500" />

))}

{error && (

{error}

)}

{paybackPeriod !== null && (

Payback Period Result

Total Investment: {formatRupees( investmentAmounts.reduce((sum, amt) => sum + parseFloat(amt || '0'), 0) )}

Payback achieved in: {paybackPeriod.toFixed(2)} years

{paybackPeriod <= 20 ? `The investment will be recovered in Year ${Math.ceil(paybackPeriod)}` : 'Payback period exceeds 20 years'}

)}

Note: This calculator supports multi-year investments and variable cash flows.

Source: www.capankajgoel.com

) }