import { Head, Link, useForm } from '@inertiajs/react'; 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'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Textarea } from '@/components/ui/textarea'; import { index as employeeLoansIndex, store as employeeLoansStore } from '@/routes/admin/employee-loans'; import { ArrowLeft, Calculator, Info } from 'lucide-react'; import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'; interface Employee { id: number; first_name: string; last_name: string; } interface PageProps { employees: Employee[]; types: { value: string; label: string }[]; } export default function EmployeeLoanForm({ employees, types }: PageProps) { const { data, setData, post, processing, errors } = useForm({ employee_id: '', type: 'loan', total_amount: '', monthly_installment: '', start_date: new Date().toISOString().substring(0, 7), // YYYY-MM reason: '', }); const submit = (e: React.FormEvent) => { e.preventDefault(); post(employeeLoansStore().url); }; const total = Number(data.total_amount) || 0; const monthly = Number(data.monthly_installment) || 0; const duration = monthly > 0 && total > 0 ? Math.ceil(total / monthly) : 0; return ( <>

Nouvelle demande

Créez une avance sur salaire ou un prêt.

Informations générales Sélectionnez l'employé et le type de demande.
{errors.employee_id &&

{errors.employee_id}

}
{errors.type &&

{errors.type}

}
Montant et remboursement Définissez le montant accordé et les modalités de retenue sur salaire.
{ setData('total_amount', e.target.value); if (data.type === 'advance') { setData('monthly_installment', e.target.value); } }} className={errors.total_amount ? 'border-destructive' : ''} placeholder="Ex: 500000" /> {errors.total_amount &&

{errors.total_amount}

}
setData('monthly_installment', e.target.value)} className={errors.monthly_installment ? 'border-destructive' : ''} placeholder="Ex: 50000" readOnly={data.type === 'advance'} /> {data.type === 'advance' && (

Une avance est retenue en une seule fois.

)} {errors.monthly_installment &&

{errors.monthly_installment}

}
setData('start_date', e.target.value)} className={errors.start_date ? 'border-destructive' : ''} /> {errors.start_date &&

{errors.start_date}

}
{duration > 0 && data.type === 'loan' && ( Simulation du remboursement Ce prêt sera remboursé sur {duration} mois, à hauteur de {new Intl.NumberFormat('fr-CI').format(monthly)} FCFA par mois. Le dernier mois ajustera le solde exact. )} Quotité Saisissable Attention, la loi ivoirienne encadre les retenues sur salaire (quotité saisissable). Veillez à ce que la mensualité demandée ne dépasse pas la fraction saisissable du salaire net de l'employé au moment du calcul de la paie. Motif et Justification